body{background:#f6f6f6}
.header{background: rgba(242, 242, 242, .85)}
.header ul li a{color: #333;}
.footer{background: #eeeeee}
.banner{height:352px;background-size: cover !important}
.banner .header{background:rgba(255,255,255,.8);position:absolute;left:0;top:0;width:100%}
.banner .header ul li a{color:#333}
.main{padding:25px 0 60px}
.main .first_news{height:384px;background:#ececec}
.main .first_news .pic{width:682px;height:384px}
.main .first_news .pic img{display: block;width:682px;height:384px}
.main .info{width:505px;margin-left:30px}
.main .info h3{font-size:20px;line-height:43px;padding-top:13px;font-weight: bold}
.main .info h3 a{color:#333;}
.main .info h5{font-size:16px;color:#333;line-height:40px}
.main .info p{font-size:14px;color:#333;line-height:32px;margin-bottom:8px}
.main .info a.moreN{letter-spacing: 3px;display:block;font-size:14px;color:#fff;line-height:26px;width:150px;height:26px;box-sizing:border-box;padding:0 25px 0 15px;background:#45aa9d url(../image/a_more.png) no-repeat 134px center;margin-top: 20px}
.main .brief{height:208px;overflow:hidden}
.main ul.news_list li{height: 265px;padding-top: 80px;border-bottom: 1px solid #d9d9d9;box-sizing: border-box}
.main ul.news_list li .time{width: 204px;padding: 0 17px 0 45px;box-sizing: border-box}
.main ul.news_list li .time h3{font-size: 32px;line-height: 42px;color: #969696}
.main ul.news_list li .time h3 span{display: block;width: 36px;height: 2px;background-color: #d3d3d3;margin-top: 18px;float: right;}
.main ul.news_list li .time a{display: block;width: 26px;height: 26px;background: url(../image/news-list-more1.png) no-repeat center;margin-top: 23px;background-size: cover}
.main ul.news_list li .time a:hover{background: url(../image/new-right-btn.png) no-repeat center;background-size: cover}
.main ul.news_list li .text{width: 665px;}
.main ul.news_list li .text h2{height: 42px;;line-height: 42px;font-size: 20px;font-weight: bold}
.main ul.news_list li .text h2 a{color: #333333}
.main ul.news_list li .text h2:hover a{color: #009ea1}
.main ul.news_list li .text p{font-size: 14px;color: #333333;line-height: 30px}
.main ul.news_list li .pic{width: 248px;margin-right: 47px}
.main ul.news_list li .pic img{display: block;width: 248px;height: 135px;}
.main ul.news_list li:hover .time a{background: url(../image/new-right-btn.png) no-repeat center;background-size: cover}
.main ul.news_list li:hover .text h2 a{color: #009ea1}
.main ul.news_list li:hover .time h3 {color: #009ea1}
/* 新闻详情 */
.details_cont{background: #fff;margin: 15px auto 40px}
.details_cont .content{width: 897px;padding: 0 30px 50px;box-sizing: border-box;border-right: 1px solid #eeeeee}
.details_cont .content .tit{padding: 30px 0;border-bottom: 1px solid #eeeeee}
.details_cont .content .tit h3{font-size: 24px;line-height: 40px;text-align: center;width: 90%;margin: 0 auto;font-weight: bold}
.details_cont .content .cont_view{padding-top: 15px}
.details_cont .content .cont_view p{font-size: 16px;line-height: 30px;text-align:justify;text-justify:distribute-all-lines;}
.details_cont .content .cont_view img{max-width: 93%;margin: 20px 0}
.details_cont .about{width: 353px;box-sizing: border-box;padding: 0 30px}
.details_cont .about .date{padding: 43px 0 12px;border-bottom: 1px solid #eeeeee}
.details_cont .about .date h3{height: 42px;line-height: 42px;font-size: 18px;color: #1d1d1d}
.details_cont .about .date h3 span{display: block;height: 42px;padding-left: 33px;background: url(../image/see-icon.png) no-repeat left center;margin-right: 70px}
.details_cont .about .date .row{height:50px;line-height: 50px}
.details_cont .about h2{font-size: 18px;height: 70px;line-height: 70px;color: #333333}
.details_cont .about ul li{margin-bottom: 15px}
.details_cont .about ul li h3{color: #333;font-size: 16px;line-height: 32px;padding-left: 12px;background: url(../image/li-dian.png) no-repeat left center}
.details_cont .about ul li p{font-size: 12px;color: #666666;line-height: 20px;padding-left: 12px}
.details_cont .about ul li span{display: block;height: 25px;line-height: 25px;font-size: 14px;color: #999;padding-left: 12px}
.details_cont .about ul li:hover h3{color: #009ea1;background: url(../image/li-dian2.png) no-repeat left center}
@media only screen and (max-width: 640px){
  body{background: #fff}
  .banner{height: 150px;background-size: cover !important}
  .main{padding: 15px 0}
  .main .first_news{height: auto;}
  .main .first_news .pic,.main .info{float: none;width: 100%;height: auto;margin: 0;}
  .main .info{padding-bottom: 15px}
  .main .first_news .pic img{width: 100%;height: auto;display: block;}
  .main .info h3 {font-size: 18px;line-height: 30px;padding: 10px 10px 0} 
  .main .brief{height: auto;}
  .main .info h5 {font-size: 14px;color: #333;line-height: 30px;padding: 0 10px}
  .main .info p{line-height: 23px;padding: 0 10px}
  .main .info a.moreN{width: 120px;background: #009ea1 url(../image/a_more.png) no-repeat 105px center;margin-top: 10px;margin-left: 10px}
  .main ul.news_list{padding-top: 20px}
  .main ul.news_list li{height: auto;padding-bottom: 15px;padding-top: 10px}
  .main ul.news_list li .time{display: none}
  .main ul.news_list li .text{width: 100%;float: none;}
  .main ul.news_list li .pic{width: 100%;float: none;margin-right: 0;padding-top: 10px;}
  .main ul.news_list li .text h2{height: 30px;line-height: 30px;}
  .main ul.news_list li .pic img{width: auto;height: auto;max-width: 100%;margin: 0 auto;display: inline-block}
  .main ul.news_list li .text p{line-height: 25px}
  .details_cont{margin: 0 auto}
  .details_cont .content{float: none;padding: 0;width: 100%;border: none}
  .details_cont .content .tit{padding: 10px 0}
  .details_cont .content .tit h3{font-size: 18px}
  .details_cont .about{float: none;padding: 0;width: 100%;padding-top: 20px}
  .details_cont .about .date{display: none}
  .details_cont .about h2{border-top: 1px solid #eeeeee}
}