@charset "utf-8";
.headbar{}
.headbar .content{ max-width:1100px; margin:0 auto;}
.headbar .logo{ display:inline-block; padding-left:20px;}
.headbar .logo img{ height:20px;}
.nav-menu { display:inline-block; padding-left:20px;}
.nav-menu li { display:inline-block; line-height:70px; padding:0 20px; -webkit-transition: all .6s; }
.nav-menu li a { font-size:14px;}
.nav-menu li:hover { background:url(/news/template/special/mini5/images/navbar_bg_active.jpg) center 0; }
.nav-menu .info { width:auto; font:12px/35px arial; color:#fff; border:0; padding-left:20px; }
.nav-menu .info:hover { background:none; }

.banner { background-position:center top; background-repeat:no-repeat; z-index:0;}
.banner img{ width:100%;}

.head-title{ position:relative; margin-bottom:25px;}
.head-title h2{ padding:5px 0 12px; font-size:40px; font-weight:bold; color:#111;}
.head-title .img-tit{ margin-bottom:30px;}
.head-title .more{ position:absolute; right:16px; top:8px; padding:2px 6px; background-color:#FC9; border-radius:30px;}
.head-title .more, .head-title-lt .more{ color:#FFF;}

.head-title-lt{ position:relative; margin-bottom:25px;}
.head-title-lt h2{ padding:90px 0 12px;}
.head-title-lt h2 span{ display:inline-block; padding:5px 20px; background-color:rgba(0,0,0,0.5); font-size:50px; font-weight:bold; color:#FFF;}
.head-title-lt .more{ position:absolute; right:20px; top:20px; padding:2px 6px; background-color:#FC9; border-radius:30px;}

.indexbg1{ margin-top:60px; background:url(index-bg1.jpg?1) center top no-repeat; background-size:100% auto;}
.indexbg2{ /*padding-bottom:300px; background:url(index-bg2.jpg) center bottom no-repeat; background-size:100% auto;*/}
.indexbg3{ padding-bottom:300px; padding-top:80px; background:url(index-bg2.jpg?1) center bottom no-repeat; background-size:100% auto;}

/*导语*/
.special-info{ background-color:#0b8175; color:#FFF;}
.special-info .content{ max-width:1100px; margin:0 auto;}
.special-info .content h2{ width:100px; float:left; background-color:#0e9779; text-align:center; margin-top:-20px; padding:20px 0 10px; }
.special-info .content p{ width:950px; float:left; margin-left:40px; padding-top:15px; text-indent:2em; font-size:14px; line-height:2;}
.special-info .content img{ width:70px;}

.newsArea{ min-width:1200px;}
.newsArea-cont{ width:1200px; margin:0 auto;}
.ttnews{ padding:40px 0 15px;}
.ttnews .ttnews-lg h1{ font-weight:bold; font-family:"Microsoft YaHei","宋体"; font-size:20px; text-align:center;}
.ttnews .ttnews-lg h1 a{ color:#000;}
.ttnews .ttnews-lg h1 a:hover{ color:#C00; text-decoration:underline;}
.ttnews .ttnews-sm{ padding-top:10px; color:#999; text-align:center;}
.ttnews .ttnews-sm a{ font-size:14px; margin:0 10px;}
.hotnews{ padding-top:40px;}
.hotnews .focus{ width:620px; float:left;}
.hotnews .lb{ width:540px; float:right;}


.news-head{ position:relative; background:url('/statics/special/2020/2020tpgj/news_title1.png') no-repeat; padding-bottom:18px; height:55px;}
.news-head .more{ position:absolute; display:inline-block; right:10px; top:16px; padding:2px 6px; background-color:#FC9; border-radius:30px;}
.hotnews .news-list{ display:block; padding-top:20px;}
.hotnews .news-list li{ padding-left:22px; font-size:16px; line-height:1.2; margin-bottom:22px; background:url('icon_li.png') 0px 5px no-repeat;}
.hotnews .news-list li a{ color:#000;}

.list-50 li{ width:580px; float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.list-50 li:nth-child(2n){ float:right;}
.list-50 li .title{ width:460px; float:left; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.list-50 li .time{ width:100px; float:right; display:block; color:#999;}
.list-l36{ display:block; padding-top:20px;}
.list-l36 li{ padding-left:22px; font-size:16px; line-height:1.6; margin-bottom:22px; background:url('icon_li.png') 0px 7px no-repeat;}
.list-l36 li a{ color:#000;}

.slideBox{ overflow:hidden; position:relative; z-index:0;}
.slideBox .hd{height:18px; overflow:hidden; position:absolute; right:5px; bottom:2px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left;margin:2px 7px 0px 0px;width:18px;height:4px;line-height:40px;text-align:center;background:#fff;color:#ddd;cursor:pointer;}
.slideBox .hd ul li.on{background:#cd1f1f;color:#fff;}
.slideBox .bd{ height:100%; z-index:0; overflow:hidden;}
.slideBox .bd img{}

.slideBox .prev,.slideBox .next{position:absolute; width:32px; height:60px; top:50%; margin-top:-31px; display:block; cursor:pointer; background-color:rgba(0, 0, 0, 0.5); background-repeat:no-repeat;}
.slideBox .prev{ left: 0px; background-image:url(ico-arr-left.png?1); background-position:6px center; }  
.slideBox .next{ right:0px; background-image:url(ico-arr-rigth.png?1); background-position:9px center; }  
.slideBox .prev:hover,  
.slideBox .next:hover{ background-color:rgba(0, 0, 0, 0.8);} 

.focuspic{ width:620px; height:400px; overflow:hidden; position:relative; z-index:0;}
.focuspic .bd li{ position:relative;}
.focuspic .bd img{ width:620px; height:400px; }
.focuspic .bd span{ width:620px; height:40px; bottom:0px; left:0px; background: #000; position: absolute; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; border-top:1px solid #333333;}
.focuspic .bd h1{ width:550px; height:40px; bottom: 0px; left: 10px; position: absolute; font-size: 16px; color: #FFFFFF; line-height: 40px;text-align:left;overflow:hidden;cursor:pointer; line-height:40px; margin:0; padding:0; border:0;font-weight:normal;font-family:"\5FAE\8F6F\96C5\9ED1"}
.focuspic .bd h1 a{ color:#fff; text-decoration:none; line-height:40px; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;}
.focuspic .bd h1 a:hover{ color:#ffffcc; text-decoration:underline; line-height:40px; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;}

.hdpictrue .bd li{ width:50%;}

.swiper-container { width: 100%; height: 100%; }
.swiper-slide {width:1200px; text-align: center; background: #fff;}
.swiper-button-prev{ margin-top:-70px; background:url(ico-arr-left.png);}
.swiper-button-next{ margin-top:-70px; background:url(ico-arr-rigth.png);}
.swiper-button-next:after, .swiper-button-prev:after{ content:'';}
.swiper-pagination-bullet {width: 14px;height: 14px;}
.slide-item{ position:relative;}
.slide-item-tit{ position:absolute; bottom:0; left:0; right:0; padding:12px 15px; line-height:26px; color:#FFF; background-color:rgba(0, 0, 0, .75);}
.masklayer{ position:absolute; left:0; right:0; bottom:0; height:100%; background-color:#000; filter:alpha(opacity=90); opacity:0.9; z-index:8;}

.ico-button-prev, .ico-button-next{ position:absolute; width:29px; height:50px; top:50%; margin-top:-25px; z-index:99; cursor:pointer;}
.ico-button-prev{ left:10px; background:url(ico-arr-left.png);}
.ico-button-next{ right:10px; background:url(ico-arr-rigth.png);}


.pic-items li{ width:340px; float:left; margin-right:87px; margin-bottom:80px; text-align:center; box-sizing:border-box; border:6px solid #ffbc6e; border-top:none;}
.pic-items li:nth-child(3n){ margin-right:0;}
.pic-items li img{ width:100%; height:237px; margin-top:-30px;}
.pic-items li p{ padding:15px 10px;}
.pic-items li a{ font-size:14px;}

.list-items li{ width:570px; float:left; padding:15px 5px 15px 15px; margin-bottom:35px; background:rgba(249,255,177, 0.5); box-sizing:border-box; box-shadow:12px 12px 0 #dfd1b9;}
.list-items li:nth-child(2n){ float:right;}
.list-items li img{ width:200px; float:left; margin-right:15px;}
.list-items li p{ max-height:75px; margin-top:12px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#999;}

.area{ min-width:1200px; padding-top:50px;}
.area .w570{ width:550px;}
.xsq-bg{ height:240px; background:url(area-xsq-head.jpg) center top no-repeat;}
.tpgs-bg{ height:240px; background:url(area-tpgs-head.jpg) center top no-repeat;}

.area-qmjz{}
.headbg{ background-color:#fef4d8;}
.head-qmjz{ width:1200px; height:372px; margin:0 auto; position:relative;}
.head-qmjz .text{ width:500px; font-size:16px; line-height:30px;}
.head-qmjz .text .img1{ margin-top:-95px;}
.head-qmjz .text p{ padding-top:20px; text-indent:2em;}
.head-qmjz .img2{ position:absolute; top:0; right:0; z-index:9;}
.head-qmjz .more{ position:absolute; top:-35px; right:10px; padding:2px 6px; background-color:#FC9; border-radius:30px; z-index:10;}
.list-qmjz{ padding-top:60px;}
.list-qmjz li{ padding:15px 5px 15px 15px; margin-bottom:35px; box-sizing:border-box; }
.list-qmjz li img{ width:200px; float:left; margin-right:15px;}
.list-qmjz li p{ height:75px; margin-top:12px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#999;}



.pages{ padding-top:15px; text-align:center; font-size:14px;}
.pages a, .pages span{ display:inline-block; margin:0 2px; padding:2px 12px; border:1px solid #f0f0f0;}
.pages a{  background-color:#e5e5e5;}
.pages span{ background-color:#CCC}
/*返回顶部*/
.goTop{ position:fixed; width:50px; height:50px; background:url(ico-gotop.png) #EBECEC center no-repeat; background-size:60%; bottom:60px; right:10px; margin-left:330px; text-align:center; display:none; z-index:9999;}
.goTop:hover{ background:url(ico-gotop-white.png) #09F center no-repeat; background-size:60%; cursor:pointer;}
.goTop p{ overflow:hidden; padding:15px 0; text-indent:-999em;}
.goTop img{ width:50%;}
.footer { margin: 0 auto; padding-top:30px; text-align: center; font-size:14px;}
.pcHide{ display:none;}

/*手机**/
@media (max-width: 800px){
  body { background-size:100% auto;  }
  .pb60.f16{ padding-bottom:10px;}
  .headbar{ display:none;}
  .head-title{ position:relative; margin-bottom:25px; border-bottom:1px solid #e0e0e0;}
  .head-title h2{ display:inline-block; font-size:24px; font-weight:normal; padding:5px 0 5px; border-bottom:1px solid #F30;}
  .special-info{ background-color:#f5f5f5; color:#000;}
  .special-info .content{ max-width:100%; }
  .special-info .content h2{ position:relative; width:100%; height:20px; float:none; margin-top:0; background-color:#CCC; padding:0; background:url(ico-xtbg.png) repeat-x;}
  .special-info .content h2:before{ content:'导语'; display:block; width:auto; height:20px; line-height:20px; position:absolute; left:1em; bottom:0; padding:0 12px; background-color:#F33; color:#FFF; font-size:16px;}
  .special-info .content h2 img{ height:25px; display:none;}
  .special-info .content p{ width:auto; float:none; margin:0 15px 0; padding:15px 0; line-height:1.5;}
  .newsArea{ min-width:100%;}
  .newsArea-cont{ width:100%; margin:0 auto;}
  .ttnews .ttnews-lg h1{ margin:0 15px;}
  .hotnews{ padding-top:10px;}
  .hotnews .focus{ display:none;}
  .hotnews .lb{ width:100%; float:right;}
  .hotnews .lb .shz{ margin-bottom:10px; padding:0 15px;}
  .hotnews .lb .shz .rrr{ display:none;}
  .hotnews .lb .shz .bbb{ font-weight:normal; font-size:16px;}
  .hdpictrue{ display:none;}
  .knowledge{ min-width:100%; padding-top:30px; padding-bottom:50px; background-color:#f5f5f5;}
  .knowledge-cont{ width:100%; margin:0 auto;}
  .knowledge .jsrc{ width:100%; float:none; margin-right:0;}
  .knowledge .jsrc:nth-child(2){ padding-top:30px;}
  .knowledge .cscs{ width:100%; float:none;}
  .knowledge .cscs .img{ margin:0 10px;}
  .knowledge .cscs .img img{ width:100%;}
  .knowledge .list-item{ margin:0 8px; background-color:#FFF; border-radius:6px;}
  .knowledge .list-item li{ position:relative; font-size:16px; line-height:26px; margin: 0 0 0; padding:10px 15px 10px 35px; border-bottom:1px solid #f5f5f5; box-shadow: 0px 0px 0 #bababa;}
  .knowledge .list-item li:last-child{ border-bottom:0 solid #e5e5e5;}
  .project-head h2{ padding:5px 0 5px; font-size:24px; font-weight:normal;}
  .project td{ line-height:1.2;}
  .project td.xm{ min-width:50px;}
  .project td.date{ min-width:100px;}
  .areaPicture{ min-width:100%; padding-top:30px;}
  .areaPicture .cont{ width:100%; margin:0 auto;}
  .pic-items li:nth-child(3n){ margin-right:1%;}
  .pic-items li{ width:49%; float:left; margin-right:1%; margin-bottom:15px; text-align:center;}
  .pic-items li:nth-child(2n){ margin-left:1%; margin-right:0;}
  .pic-items li img{ width:100%; border-radius:0; box-shadow:0 0 0 #CDCDCD;}
  .mobileHide{ display:none;}
  .pcHide{ display:block;}
}
@media (min-width: 1025px) and (max-width:1280px){
	.special-info .content{ max-width:960px; }
	.special-info .content p{ width:800px; float:left; }
	.special-items .content{ max-width:960px; margin:0 auto;}
	.special-items .left{ width:640px; float:left;}
}