@charset "utf-8";
@media screen and (max-width:1400px) {	
.center{ margin: 0; width: 100%;  } 
#header .smallTopNav{ margin-left:15px;}
#header .mainNav li{ margin-right: 34px; }
#infoArea .list{ float:right; margin-top: 60px }
#infoArea .list li{  width:300px; margin-left: 25px; }
#indexBanner .text.cc{  width: 44%; bottom: 13%;}
}

@media screen and (max-width:1390px) {
#marketService{width:90%;padding:0 5%;}
.common2{width:32.5%; float: left;}
#partnerArea .tit a.more{ float: right;margin-right:1rem;padding-right:1.2rem;}
#partnerArea .hzhbList{margin-left: -3%; }
#partnerArea .hzhbList li{width: 47%; margin-left: 3%; }
}

@media screen and (max-width:1310px) {
#header .mainNav li{ margin-right: 22px; }
#indexBanner .logo{ width: 65%; }
#indexBanner .text{  width: 50%; bottom: 34%; margin: 0 -20% 0 ; }
#indexBanner .text.cc{  width: 40%; bottom: 13%; margin: 0 -20% 0 0 ; }
#infoArea .list li{  width:280px; margin-left: 15px; }
#footer .list li{  min-height: 200px; }
#footer .list li.one{ width: 30%;}
#footer .list li.tow{ width: 40%;}
#footer .list li.three{ width: 30%; padding-left: 0; }
#pastPlant .pastList li .conBox .con.c{ padding: 10% }
.interactList li{ padding-bottom: 0; }
.interactList li:nth-child(2),
.interactList li:nth-child(4),
.interactList li:nth-child(6),
.interactList li:nth-child(8){ padding-top: 1.5rem; }
.linkageBox .linkageList li{ margin-bottom: .5rem; }
#actPageBottom .reportsBox{  width: 52%; }
.viewsBox{ width: 46%;  }

.pwggArea .weibo{height:300px; background-color: #f7fcf6; }
.newslist .list{width:47%;padding:1%; }
#volunteerCon{padding:0 5%;width:90%;}
.zyzfc{width:66%; float: left;}
.weibo1{width:32%; float: right;}
#teamArea{padding:0 5%;width:90%;}
.teamList li.one{width:50%;}
.teamList li.one img{z-index:990;}
.teamList li.one .con{ z-index:9999;width:100%;}
.teamList li.two{width:25%; }
#marketService{width:90%;padding:0 5%;}
.common2{width:32%; float: left;}
}

@media screen and (max-width:1260px) {
#container .title small{display: none;}
.common1{  padding:1.5rem; }
.common2{width:29%; float: left;}
}


@media screen and (max-width:1160px) {
#header .mainNav li{ float: left; margin-right: 8px; }
#indexBanner .arrows{ display: none; }
#infoArea .list li{  width:240px; margin-left: 10px; }
#footer .list li{  min-height: 200px; }
#footer .list li.one{ width: 30%;}
#footer .list li.tow{ width: 38%;}
#footer .list li.three{ width: 32%; padding-left: 0; }
#footer .list li .ewmBox{ margin-top: 8px;}
#indexBanner .text.cc{  right:50%; margin: 0 -20% 0 0 ; }
.activityList{}
.activityList li{ width: 50%;  }
#pastPlant .pastList li .conBox{padding-top: 1rem; }
#pastPlant .pastList li .conBox h2{font-size: 40px;  line-height: 40px; }
#pastPlant .pastList li .conBox h3{ font-size: 32px; line-height: 36px; }
#pastPlant .pastList li .conBox .con.c{ padding: 5% }
#pastPlant .pastList li .conBox .con.c h4{width: 46px;}
#pastPlant .pastList li .conBox .con.c .txt{ margin-left: 50px; }
#pastPlant .pastList li .conBox .con.a {width: 85%;}
#pastPlant .pastList li .conBox .con.d {width: 85%;}
.linkageBox .linkageList li{ margin-bottom: 1rem; }
#actPageBottom .reportsBox{  width: 48%; }
.viewsBox{ width: 50%;  }

.interactiveArea{width:90%;float: none;padding:0 5%;}
.pwggArea{width:90%; float: none;padding:0 5%;}
.informatArea{width:90%;float: none;padding:0 5%;}
#page{margin-bottom:4%;margin-top:4%;}
.recommendArea{width:90%;float: none;padding:0 5%;}
.jmtpCon ul{margin-left: -3%;}
.jmtpCon ul li{ float: left; width:  22%; margin-left: 3%; margin-top:2.5%;}
.jmtpCon ul li .thumb{ float: left; width: 100%;  }
.moduleSlider{ display: none; }
#moduleBig .news{ margin-left: 0;width:90%;padding:0 5%;}
.newslist .list{width:43%;padding:2% 3%; }
.zyzfc{width:52%; float: left;}
.zyzfc .zyzList{ margin-left: -4.6%;}
.zyzfc .zyzList li {width:45.4%;margin-left: 4.6%;margin-top: 4%;}
.weibo1{width:44%; float: right;}
#partnerArea .hzhbList{margin-left: -1.2%; }
#partnerArea .hzhbList li{width: 48.8%; margin-left: 1.2%; }
.teamList li.one{width:100%;float:none;}
.teamList li.two{width:50%; float: left;}

/*2017-09-21*/
#pastPlant .pastList2 li{  width:20%;  }
#pastPlant .pastList2 li.l { width:100%  }
#pastPlant .pastList2 li.l .content .tit{ width: 100%; }


}

@media screen and (max-width:1100px) {
.common2{width:49%; float: left;}
.txspArea{float:left;width:auto;height:auto;position:static;margin-top:1%;}
.txspArea .txspCon {height:auto;}
.txspArea .txspCon .tit{width:100%;background: url(../images/n_tssptitBg.png) top center no-repeat;}
.txspArea .txspCon .text{padding:1% 10%;height:100%;}
.common2{margin-top:3%;}

#container .title small{display:inline-block;}
}

@media screen and (max-width:1000px) {
#header .mainNav { display: none; }
#header .smallTopNav{ float: right;margin-right: 20px; }
#header .search{ margin-right: 20px; }
#header .mainNav{ float: left;}
#header .mainNav li{ float: left; margin-right: 45px; }
#infoArea{ padding: 2rem 0;}
#infoArea .list{ float:none; margin-top: 40px; margin-left: -3.3333%; }
#infoArea .list li{ float: left; width:30%; margin-left:3.3333%; } 
#featureArea .list{ margin-top: 40px; padding: 0 10% 5% 10%; }
#featureArea .list li.a{width: 100%;}
#featureArea .list li.b{width: 100%;}
#featureArea .list li.c{ width:100%; }
#featureArea .list li a.item{ width: 50%; }
#activityArea .bg{ display: none; }
#activityArea .list{ width: 80%; margin:0 auto; }
#activityArea .list li{ margin-left:0;  width: 100%; margin-top: 60px; }
#activityArea .list li .con{ position: relative; width: 40%; border: 1px solid #479007; padding: 10% 20% 15% 10%; font:normal 14px/20px "微软雅黑"; color:#555;}
#activityArea .list li .con a.more{ left:15%; }
#microArea { padding: 2rem 0; }
#microArea .list{ margin:0 auto; width: 80%; }
#microArea .list .item{ float: none; margin-left: 0; width:100%; }
#microArea .list .item .tit.cc{ display: block; margin:70px 0 20px 0; }
#microArea .list .item .tit.bb{ display: none; }
#rimArea{ padding: 2rem 10% }
#rimArea .list{}
#rimArea .list li{ float: left; width:50%; }
#rimArea .list li.lang{ display: none; }
#footer .list { width: 80%; margin:0 auto; }
#footer .list li{  min-height: 200px; width: 100% !important; text-align: center !important; }
#footer .list li.line{ border:none; }
#footer .list li.three{ margin-top: 40px; }
#footer .list li .f2{ width: 50%; margin-top: 30px; }
#footer .list li .f3{ width: 50%; }
#footer .list li .ewmBox{ margin:0 auto; margin-top: 20px; }
#footer .list li .ewmBox .box { float: none; display: inline-block; margin: 0 10px; }
#linkageInteract{ padding:2rem 10% }
.linkageBox{ float:none; width: 100%; margin-bottom: 2rem; }
.interactBox{ float:none; width: 100%; }
.interactList:before{ height: 89% }
#activity { padding:2rem 10%; padding-bottom: 0; }
#retrospect{ padding:2rem 10%; padding-bottom: 0;}
#pastPlant{ padding: 1rem 10%; }
#pastPlant .pastList{ margin-left: 0; }
#pastPlant .pastList li{ float: none; overflow: hidden; width: 100% !important; margin-left: 0;padding-left:0; height: 360px;}
#pastPlant .pastList li img.bg{ height: 360px; }
#pastPlant .pastList li .conBox{  }
#pastPlant .pastList li:nth-child(4),#pastPlant .pastList li:nth-child(5) {  }
#pastPlant .pastList li:nth-child(1){ height: auto }
#pastPlant .pastList li .conBox .con { font-size: 20px; line-height: 28px; position: static; }
#pastPlant .pastList li .conBox .con { width: 100% !important }
#pastPlant .pastList li .conBox .con h4{width: 100px !important; text-align: right;}
#pastPlant .pastList li .conBox .con .txt{ margin-left: 100px !important; }
#pastPlant .pastList li .conBox .con.c{ font-size: 16px; line-height: 22px; }
#introArea{ margin-bottom: 2rem; }
#introArea .list{ margin-top: 0;margin-left: -3%;}
#introArea .list li{ float: left; width: 47%; margin-left: 3%;margin-top: 2rem; }
#actPageTop .actList{display: none;}
#actPageTop .actPageTopSwiper{ float: none; width: 100%; height: auto; }
#actPageTop .actPageTopSwiper .titList{display: block;} 
.actPageTopSwiper .swiper-container .swiper-slide { background-image: url('') !important; }
.actPageTopSwiper .swiper-container .swiper-slide img { max-width: 100%; display: block; }
#actPageBottom .reportsBox{ float: none;  width: 100%; }
.viewsBox{ float: none;  width: 100%; margin-top:2rem;}
.viewsBox .list{ margin-left:-3.3333%;}
.viewsBox li{  width: 30%; margin-left:3.3333%; }

.newslist .list{width:47%;padding:1%; }
.zyzfc{width:100%; float: none;}
.zyzfc .zyzList{ margin-left: -2%;}
.zyzfc .zyzList li {width:23%;margin-left: 2%;margin-top:2%;}
.weibo1{width:100%; float: none;margin-top:1rem;}
#partnerArea{ padding-bottom: 2rem; }
#footer .list li .itemBox{ width: 100%; margin:0; }


/*2017-09-21*/
#pastPlant .pastList2 li{  width:25%;  }
#pastPlant .pastList2 li.l { width:75%  }




}


@media screen and (max-width: 950px) {
#partnerArea .hzhbList li{ width:98.8%;background:#E2F6EA }
}

@media screen and (max-width: 900px) {
.zyzfc .zyzList{ margin-left: -3.33%;}
.zyzfc .zyzList li {width:30%; height:auto; float: left; margin-left: 3.33%;margin-top:3%;}


/*2017-09-21*/
#pastPlant .pastList2 li{  width:50%;  }
#pastPlant .pastList2 li.l { width:100%  }
#pastPlant .pastList2 li.l {height: 350px;  }


}



@media screen and (max-width:768px) {
::-webkit-scrollbar {width:1px;height:1px}
#infoArea .list{  margin-top: 20px; margin:0 auto; width: 80%; }
#infoArea .list li{ float: none; width: 100%; margin-left:0; margin-top: 20px; } 
#infoArea a.more{display: none;}
#infoArea a.more2{display: block;}
#socialArea .list{}
#socialArea .list li{ float: left; width: 33.333333%;  }
#socialArea .list li.weixin,#socialArea .list li.tel{ display: none; }
#featureArea{ padding-top:2rem;}
.flowStep.five{margin-top:2rem;}
#rimArea{ padding: 2rem 10%; }
#footer{ padding: 2rem 0; }
#indexBanner .text.cc{ display: none; }
.activityList{ padding-bottom: 0; }
.activityList li{ width: 100%; margin-bottom: 2rem;  }
.retrospectList {  margin-left:0;  padding-bottom: 0;}
.retrospectList li{ float: left; width: 50%; padding-left: 0; margin-bottom: 8px;  }
.retrospectList li.lang{width: 100%}
.retrospectList li:nth-child(1){ padding-right: 3px; }
.retrospectList li:nth-child(2){ padding-left: 3px; }
.linkageBox .linkageList{margin-left: 0; }
.linkageBox .linkageList li{ float: none; width: 100%; margin-left: 0;}
.linkageBox .linkageList li .thumb{  width: 35%; }
.linkageBox .linkageList li .con{ width: 65%;}
#breadCrumbs{ display: none; }
#container .title.cc{ height: auto; padding:0; position: relative; text-align:left; border:none;  }
#container .title.cc h2{ width:50% !important; height: auto !important;  margin-top: 0;  }
#container .title.cc .more{ margin-top:6%; }
.activityList{ padding: 1rem 0; }
.activityList li{ margin-bottom: 1rem; }
#retrospect{ padding-top: 0; }
#linkageInteract{ padding: 1rem 10%; }
#plantEntry{padding: 0 10%; margin-top: 2rem; }
.plantEntryList{ margin-left: 0; }
.plantEntryList li{ float:none; width: 100% !important;padding-left:0; }
#pastPlant .pastList li{ height: 320px;}
#pastPlant .pastList li img.bg{ height: 320px; }
#cityShow { padding:1rem 10%; }
#cityShow .showBox{ margin-top: 1rem;  }
#cityShow .showBox .list{ float:none; width: 100%;  height: auto; }
#cityShow .showBox .list li{ float: left; width: 49%; height: 60px; padding:0; margin:0; margin-top: 0.5rem;}
#cityShow .showBox .list li:nth-child(2n){ float: right; }
#cityShow .showBox .list li a{ display: block; width: 100%; height: 60px;padding:0; margin:0; background-size: cover;  }
#cityShow .showBox .list li a .thumb{ display: none; }
#cityShow .showBox .list li a .txt{ height: 60px; line-height: 60px !important;  }
#cityShow .showBox .list li a .txt p{height: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
#cityShow .showBox .list li.cur a{margin: 0;padding: 0; }
#cityShow .showBox .bigImg{ position: static; height: auto; }
#cityShow .showBox .bigImg a{ height: auto; margin-right: 0;   }
#cityShow .showBox .bigImg a img{ display: block }
#featureShow{ padding:1rem 10%; }
#featureShow .list{ margin-top: 1rem; margin-left: 0; }
#featureShow .list li{ float: none; width: 100%;  }
#featureShow .list li a{ padding-left: 0; padding-bottom: 0; margin-bottom:10px;}
#featureShow .list li a .txt{ padding-left :0;   padding-bottom: 0;}
#featureShow .list li.small{ }
#featureShow .list li.small a{ float: left;  width: 49%; padding: 0;  }
#featureShow .list li.small a:nth-child(2n+1){ float: right;  }
#introArea{padding: 0 10%; }
#introArea .list li{ margin-top: 1rem; }

.interactiveArea .list{margin-left: -4%;}
.interactiveArea .list li{width:46%; margin-left: 4%;padding-bottom: 4%;}
.interactiveArea .list li a{padding-bottom: 4%;}
.jmtpCon ul{margin-left: -3.333%;}
.jmtpCon ul li{ width:  30%; margin-left: 3.333%; margin-top:2.5%;}
.newsCon .common3{float: none;width:100%;border-bottom: 1px solid #d0d0d0;}
.newsCon .common3 .text{font:normal 14px/24px "微软雅黑";height:auto;}
.newslist .list{width:100%;padding:2% 3%; float: none;}
.news2{padding-left:0;}
.newslist .list{width:98%;padding:1%; }
.common2{width:100%;}
.zscqbh{margin-left:0;}

#page ul { width: 100%; margin-left:0; text-align: center; }
#page li{display: none;}
#page li.phone{display: inline-block; float: none;}
#page .sousuo{ display: none; }

.txspArea{margin-top:5%;}
}


@media screen and (max-width:660px) {
#header{ height: 48px; }
#header .smallTopNav{ margin-top: 15px; }
#header .search{margin-top: 14px; }
#indexBanner .logo{ top:48px; width: 50%; left: 25%; }
#indexBanner .text{ top:auto; bottom: 30%; }
#footer .list { width: 70%; margin:0 auto; }
#footer .list li{  min-height: 0; }
#footer .list li.three{ margin-top: 40px; }
#footer .list li .f2{ width: 70%; margin-top: 30px; }
#footer .list li .f3{ width: 70%; }
.flowStep{ width: 80%; height: auto}
#featureArea .list li a.item{ width: 100% !important; }
#activityArea .list li{ margin-top: 1.5rem; }
#activityArea .list li .con{  border: 1px solid #479007; width: 100%; padding: 0; }
#activityArea .list li .con a.tit{  height: auto; overflow:auto; display: block; padding: 1rem;  }
#activityArea .list li .con .text{ height: auto; overflow:auto; padding:0 15px; margin:0;}
#activityArea .list li .con a.more{ position: relative;  margin-right: 10px; bottom: 0; margin: 1rem 0; left: 1rem; }
#activityArea .list li .con a.more:after{ content: " "; display: block; width: 5px; height: 30px; background: #479007; position: absolute; right: -10px; top:0; }
#activityArea .list li .con img{ display: block; position: static; width: 100% }
.flowStep.four{ margin-top: 2rem; }
#activityArea{ padding: 2rem 0; }
.interactList{ padding-top: 1rem; }
.interactList li{ width: 100%; float: none; padding-bottom: 1rem; box-sizing: border-box; padding-right: 24px;  }
.interactList { padding-right: 1rem; }
.interactList:before{ top:3.5rem; left:auto; right: 15px; margin-left: 0;}
.interactList li:nth-child(1) .con,
.interactList li:nth-child(3) .con,
.interactList li:nth-child(5) .con,
.interactList li:nth-child(7) .con{ background: #e2f6df;}
.interactList li:nth-child(2) .con,
.interactList li:nth-child(4) .con,
.interactList li:nth-child(6) .con,
.interactList li:nth-child(8) .con{ background: #dedede; }
.interactList li:nth-child(2),
.interactList li:nth-child(4),
.interactList li:nth-child(6),
.interactList li:nth-child(8){padding-bottom: 1rem; padding-top: 0; padding-right: 24px;  padding-left:0 ;  }
.interactList li:nth-child(2) .con:after,
.interactList li:nth-child(4) .con:after,
.interactList li:nth-child(6) .con:after,
.interactList li:nth-child(8) .con:after{left: auto; right: -32px;  }
.interactList li:nth-child(2) .con:before,
.interactList li:nth-child(4) .con:before,
.interactList li:nth-child(6) .con:before,
.interactList li:nth-child(8) .con:before{ left: auto; right: -12px;  border-color: transparent transparent transparent #dedede;}
.interactList li:nth-child(1) .con:before,
.interactList li:nth-child(3) .con:before,
.interactList li:nth-child(5) .con:before,
.interactList li:nth-child(7) .con:before{  border-color: transparent transparent transparent #e2f6df;}
#pastPlant .pastList li{ height: 300px;}
#pastPlant .pastList li img.bg{ height: 300px; }
#pastPlant .pastList li .conBox .con.c{ font-size: 12px; line-height: 18px; padding:0 5%; }
#pastPlant .pastList li .conBox .con h4{float: none; text-align: left; padding-left: 0 !important;}
#pastPlant .pastList li .conBox .con .txt{ margin-left: 0 !important; }
#introArea .list{ margin-left:0;}
#introArea .list li{ float: none; width: 100%; margin-left: 0;margin-top: 1rem; }
#microArea { padding-bottom: 1rem; }
#actPageTop{padding:1rem 10%;}
#actPageBottom{ padding:1rem 10%;  }
.viewsBox .list{ margin-left:-2%;}
.viewsBox li{ width: 48%; margin-left:2%; }
.reportsBox .list li {padding: 1.5rem 0;}
.reportsBox .list li .thumb{ position: static;  width: 100%; height: auto; margin-bottom: 1rem; }
.reportsBox .list li .con{ margin-left: 0; min-height: 0;  }
.reportsBox .list li .con .txt {height: auto;}
.actPageTopSwiper .swiper-pagination{ display: none; }
.actPageTopSwiper .swiper-button-next{ right: -1px; }
.actPageTopSwiper .swiper-button-next,.actPageTopSwiper .swiper-button-prev { width: 30px; height: 45px; margin-top:-23px; }

.zyzfc .zyzList{ margin-left: -3%;}
.zyzfc .zyzList li {width:47%;margin-left: 3%;margin-top:3%;}


/*2017-09-21*/
#pastPlant .pastList2 li{  width:100%; padding-left:0; height: auto; }
#pastPlant .pastList2 li.l {height: 250px;  }
#pastPlant .pastList2 li .content .con{ padding-bottom: 20px; }
}

@media screen and (max-width:560px) {
.jmtpCon ul{margin-left: -3.333%;}
.jmtpCon ul li{ width:  46.5%; margin-left: 3.333%; margin-top:2.5%;}
.informatArea ul.list li .informat a.tit{font-size:16px;}
.teamList li.two{width:100%; float: none;margin-top:4%;}
}

@media screen and (max-width:480px) {
	
#rimArea{ padding: 1rem 4%; }
#linkageInteract{ padding:1rem 4% }
#activity { padding:1rem 4%; padding-bottom: 0; }
#retrospect{ padding:1rem 4%; padding-bottom: 0;}
#pastPlant{ padding: 1rem 4%; }
#rimArea{ padding: 1rem 4%; }
#plantEntry{padding: 0 4%; margin-top: 1rem; }
#cityShow { padding:1rem 4%; }
#featureShow{ padding:1rem 4%; }
#introArea{padding: 0 4%; }
.linkageBox .linkageList li .thumb{  width: 40%; }
.linkageBox .linkageList li .con{ width: 60%;}
#actPageTop{padding:1rem 4%;}
#actPageBottom{ padding:1rem 4%;  }
.viewsBox .list{ margin-left:0;}
.viewsBox li{ float: none; width: 100%; margin-left:0; }

.newslist .list a{width:100%;}
.newslist .list span.date{display: none;}
#container .title small{ display: none; }
.zyzfc .zyzList li {width:97%;margin-top:3%;height:auto;}
}

@media screen and (max-width:450px) {
#partnerArea .hzhbList li{height:auto;}
#partnerArea .hzhbList li .thumb{margin:0 auto;height: 133px;width:98%;}
#partnerArea .hzhbList li .thumb a {display: block;}
#partnerArea .hzhbList li .thumb a img{ position: static; padding-top: 3px;}
#partnerArea .hzhbList li .con{ position: static;padding:0.8rem 0.9rem;width:98%;display: block; box-sizing: border-box; font:normal 12px/22px "宋体"; color: #5b5b5b;margin-left:0px;min-height:0;}
#partnerArea .hzhbList li .con h3{ font:normal 16px/28px "微软雅黑"; height: 28px; margin-bottom: 0.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#partnerArea .hzhbList li .con h3 a{ color: #09a003;}
#partnerArea .hzhbList li .con a{ color: #c20000 }
#partnerArea .hzhbList li .text{height:100%;}
.teamList li.one .con{padding:5% 0;}
.teamList li.one .con h3{ line-height:20px;}
.teamList li.one .con h3 a{ display: block;}
.teamList li.one .con h3 span{font:normal 14px/14px "微软雅黑"; color:#fff;margin-left:0%;}
}

@media screen and (max-width:400px) {
#footer .list{ width: 100% }
#pastPlant .pastList li .conBox .con{ font-size: 16px; line-height: 22px; }
#pastPlant .pastList li{ height: 340px;}
#pastPlant .pastList li img.bg{ height: 340px; }
#featureShow .list li a{ width: 100%; float: left; padding: 0; margin-bottom: 1rem;}
#featureShow .list li a .txt{padding:0;}
.linkageBox .linkageList li .thumb{  width: 45%; }
.linkageBox .linkageList li .con{ width: 55%;}
.pwggCon ul{padding:1rem;}
.pwggCon ul li a{width:90%;}
}

@media screen and (max-width:370px) {
#phoneNav .navList li { font:normal 1.15em/1.5em "微软雅黑"; padding:0.5em 0; }
.common1{ padding:2rem 1rem ; }
#partnerArea .tit a.more{ background:none; text-indent: -9999em;}
#partnerArea .more2{ display:block;}
}

@media screen and (max-width:320px) {
.common1{  border:none; padding:10px 2px; }
}