*{padding: 0; margin: 0;}
ul{ list-style: none;}
body{ background-color: #fafafa;}
a{ text-decoration: none; color: #000;}


.banner{ height: 600px; overflow: hidden; min-width: 960px; background: url(pics/banner.jpg) no-repeat center top;}
.bannertxt{ width: 960px; margin: auto; padding-top: 180px;}
.bannertxt p{ text-indent: 2em; margin-top: 10px; color: #644126;}
.maincont{ width: 960px; margin: 50px auto;}
.maincont .lists { min-height: 400px;}
.maincont .lists ul{ display: block;}
.maincont .lists ul li{ display: block; margin-bottom: 20px;}
.maincont .lists ul li a{display: block; padding: 35px; background-color:#fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);}
.maincont .lists ul li a:hover{display: block; box-shadow:0 2px 4px 0 rgba(0,0,0,.3);}
.maincont .lists ul li a:hover h2{ color: #663814}
.maincont .lists ul li h2{ font-size: 2em; font-weight: normal;}
.maincont .lists ul li .date{ float: right; color: #6d6d6d;}
.maincont .lists ul li p{ margin-top: 10px; color: #6d6d6d;}

.footer{ background: url(pics/footer.jpg) no-repeat center center; height: 105px; margin-top: 90px;}
.footer .cr{ padding-top: 20px; text-align: center; font-size: 12px; color: #8e786a;}