@charset "gb2312";
/*手机适应*/

@media (max-width: 768px) { 
.nav2all,.header { display: none}	
.mobnav { width:100%; position: fixed; left:0; top:0;right:0;  z-index:999; height:4rem; padding:0 1rem; background: linear-gradient(135deg,#098144 1%, #0e7f71 100%);  display:block; }	
.mobnav h2 { float: left;  display:flex; align-items:center; height: 100%; }
.mobnav h2 img { width:auto; height:3.2rem; }
	
.model_btn { float: right; display:flex; align-items:center; height: 100%;  }
.model_btn .toggleMenu { width:28px; height:22px; position:relative; font-size:1rem; display:block; right:0;}
.model_btn .toggleMenu span { display:block; height:2px; margin:0 0 8px 0; background:#fff;}
.model_btn.on .line1 { transform:rotate(-135deg) translate(-7px, -8px) ;-webkit-transform:rotate(-135deg) translate(-7px, -8px); top:50%; bottom:auto; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;  }
.model_btn.on .line2 { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; bottom:auto;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.model_btn.on .line3 { display:none;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }

.model_menu { position:absolute; z-index:99999; right:0; top:4rem; width:100%; font-size:.85rem; box-shadow: 0px 4px 4px rgba(0,0,0,.1);  background:#fff;  }
.sideMen { width:100%; float: left;  }
.sideMen h3 { width:100%; float: left; font-size:1.2rem; line-height: 2em; color: #000; padding:5px 5% 5px 5%; background:#f8f8f8; border-bottom: 1px solid rgba(0,0,0,.05); transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.sideMen h3 em { float:right; display:block; width:32px; height:32px;  background:url(../images/icoAdd.png) 16px 18px no-repeat; cursor:pointer;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.sideMen h3.on em { background-position:16px -51px; }
.sideMen ul { width: 100%;float: left;  padding:10px 25px;  border-bottom: 1px solid rgba(0,0,0,.05); }
.sideMen ul li  { width: 100%;float: left; font-size: .95rem; line-height: 1.5em; color:#666; padding:5px 0; }
.sideMen ul li a,.sideMen ul li a:hover { color:#666;}
.sideMen h4 { width:100%; float: left; font-size:1.2rem; line-height: 2em; padding:5px 5% 5px 5%; border-bottom: 1px solid rgba(0,0,0,.05); color:#fff;}
.sideMen h4 a,.sideMen h4 a:hover { color:#333;}
.sideMen h5 { width:100%; float: left; font-size:1.2rem; line-height: 2em; color: #098144; padding:5px 5% 5px 5%; background:#f8f8f8; border-bottom: 1px solid rgba(0,0,0,.05); }
.sideMen h5 a,.sideMen h5 a:hover { color:#098144;}
	
/*首屏*/
.haibao .swiper-container1 { height: 42vh; }
.haibao .swiper-slide li { background-size: cover;  }
.haibao .swiper-slide li b { background:rgba(9,129,68,.15); z-index: 5; }
.haibao .swiper-slide li font { width:100%; left:10%; top:0; margin-left:0;  height:100%; }
.haibao .swiper-slide li font img { width:55%; height:auto;}
	
.haibao .np { position:absolute; width:100%; left:0; height:30px;  bottom:0; left:0;margin-left:0;  }
	
.haibao .swiper-button-prev1,.haibao .swiper-button-next1 { bottom:20px; width:30px; height:30px; line-height:30px; font-size:1.2rem; color:#333; background:rgba(255,255,255,.9);  }
.haibao .swiper-button-prev1 { left:20px;}
.haibao .swiper-button-next1 { left:55px;}
.haibao .swiper-button-prev1:hover,.haibao .swiper-button-next1:hover { background:rgba(255,255,255,1); color:#098144; }

.haibao .swiper-pagination1 {  padding:5%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(9,129,68,0)),to(rgba(9,129,68,.7))); text-align:center; }
.haibao .swiper-pagination-bullet { width:10px; height:10px; bottom:3%;  background:rgba(255,255,255,.8);  margin:0 6px;  }
.haibao .swiper-pagination-bullet-active{ background:none; border:2px solid rgba(255,255,255,.8); width:12px; height:12px; }

.wrapper { width:100%; overflow:inherit;display: flex; flex-direction: column; }
.warp { width:100%; }
	
	
		
	
/*园博三问*/	
.quest_tuwen { width:100%; float:left; margin-bottom:5%; padding:0 5%; }
.quest_tuwen h3 { width:100%; float:left; position: relative;  }
.quest_tuwen h3 img { width: 100%; height: auto; }
.quest_tuwen h3 font { font-size:1rem; line-height:1.4em; padding:.8rem 5%; }
.quest_tuwen h3 font span { margin-right: 10px; display:none;}
.quest_tuwen h3 font b { }
	
.quest_tuwen2 { width:100%; float:left; margin-bottom:5%; padding:0 0; }
.quest_tuwen2 h3 { width:100%; float:left; position: relative;  }
.quest_tuwen2 h3 img { width: 100%; height: auto; }
.quest_tuwen2 h3 font { font-size:1rem; line-height:1.4em; padding:.8rem 5%; }
.quest_tuwen2 h3 font span { margin-right: 10px; display:none;}
.quest_tuwen2 h3 font b { }
	
.quest_zy { width:90%; float:left; padding:5% 6%; border: 2px solid #333; margin:5%; }
.quest_zy p { font-size:1rem; line-height:1.8em; color:#333;  } 
.quest_zy p .up { vertical-align: text-bottom; font-size:.75rem; }

.qw70 { width: 100%;  }
.qw25 { width: 100%;  }

.quest { width:100%;float:left; padding:0 5%; }
.quest strong { width:100%; float:left;  font-size:1.2rem; line-height:1.4em;  padding-bottom: .5rem;  } 
.quest p { font-size:1rem; line-height:1.8em; color:#333; padding-bottom: 1rem;  } 
.quest p .up { vertical-align: text-bottom; font-size:.75rem; }

.quest2 { width:100%;float:left;  padding:35px 0; column-count:1; colunm-width:100%; column-gap:0;padding:0 5%;}
.quest2 strong { width:100%; float:left; font-size:1.2rem; line-height:1.4em;  padding-bottom: .5rem; } 
.quest2 p {  font-size:1rem; line-height:1.8em; color:#333; padding-bottom: 1rem;  } 
.quest2 p .up { vertical-align: text-bottom; font-size:.75rem; }

.qmtd { margin-bottom:1%; }
	
	
/*园博十二景*/
.lm { width:100%;float:left; padding:6% 5%; font-size:1.2rem; line-height:1.25em;  }
.zy { width:100%;float:left;  padding:1% 5% 5% 5%;   }
.zy p { width:100%; float:left;  font-size:1rem; line-height:1.8em; color:#333; padding-top:1rem; } 

.zy3 { width:100%; float:left;  font-size:1rem; line-height:1.8em; column-count:1; colunm-width:100%; column-gap:0; padding:5% 5% 0 5%; }
.zy3 p {width:100%; float:left; padding-bottom: 5%; }	
		
.yb12j { width:100%; float:left; margin-bottom:0; }
.yb12j ul li { width:100%; float:left; margin-right:0; margin-bottom:0%; }
.yb12j ul li h3 { width:100%; float:left;position: relative;  }
.yb12j ul li h3 img { width: 100%; height: auto; }
.yb12j ul li h3 font { font-size:1rem; line-height:1.4em; padding:.8rem 4%;  }
.yb12j ul li h3 font span { margin-right: 10px; display:none;}
.yb12j ul li h3 font b {  }
.yb12j ul li:nth-child(2n) { margin-right: 0%;  }
.yb12j ul li:nth-child(2n) font { text-align: right; }


.padall { padding:0 0 5% 0; }
.lm5 { width:100%;float:left; padding:6% 5%; font-size:1.2rem; line-height:1.25em; }
.zy2 { width:100%;float:left; margin-bottom: 5%; padding:0% 5%;   }
.zy2 p { width:100%; float:left;  font-size:1rem; line-height:1.75em; padding-top:1rem; } 

/*国内城市展园*/	
.gncszy_con { padding:0 5% 1% 5%; }
.gncszy_con .gncszy { width: 100%; float: left; }
.gncszy_con .gncszy ul { display:flex; margin:0 0;}
.gncszy_con .gncszy ul li { width:90%; margin-right:6%;  }
.gncszy_con .gncszy ul li h2 { font-size:1.1rem; line-height:1.4em;  padding:1rem 0 .5rem 0;}
.gncszy_con .gncszy ul li h2 span {display:none;}
.gncszy_con .gncszy ul li h2 p { }
.gncszy_con .gncszy ul li h3 { width: 100%; float: left; height:13rem; overflow: hidden;  border-radius:0;}
.gncszy_con .gncszy ul li h3 img { width:100%; height:100%;  }

.ScrollBox { overflow-x:auto !important; overflow-y: hidden !important; }
.ScrollBox::-webkit-scrollbar { width:0 !important; height:30px !important; -webkit-overflow-scrolling: touch !important; background-color: transparent !important;  }
.ScrollBox::-webkit-scrollbar-track { background: url(../images/line1.png) repeat-x center center !important;}
.ScrollBox::-webkit-scrollbar-thumb { height:30px; background: url(../images/gunl.png) no-repeat center center !important; background-size:contain !important; cursor: pointer;}
.ScrollBox::-webkit-scrollbar-button { height: 0px; background-color: transparent !important; width: 0 !important; }	
	
	
/*国际城市展园*/	
.gjcszy { width:100%; float:left; margin-bottom: 40px; }
.gjcszy { width:100%; float:left; margin-bottom:0; }
.gjcszy ul li { width:100%; float:left; margin-right:0; margin-bottom:0%; }
.gjcszy ul li h3 { width:100%; float:left;position: relative;  }
.gjcszy ul li h3 img { width: 100%; height: auto; }
.gjcszy ul li h3 font {  line-height:1.4em; padding:.8rem 4%;  }
.gjcszy ul li h3 font span { margin-right: 10px; display:none;}
.gjcszy ul li h3 font b { font-size:1rem; line-height:1.4em; }
.gjcszy ul li:nth-child(3n) { margin-right: 0%;  }
.gjcszy ul li:nth-child(2n) font { text-align: right; }
	
.gjcszy_tuwen { width:100%; float:left; margin:0 0; background:rgba(0,0,0,.0); }
.gjcszy_tuwen h3 { width:100%; float:right; position: relative;  }
.gjcszy_tuwen h3 img { width: 100%; height: auto; }
.gjcszy_tuwen h3 font { font-size:1rem; line-height:1.4em; padding:.8rem 4%; text-align: right; }
.gjcszy_tuwen h3 font span { margin-right: 10px; display:none;}
.gjcszy_tuwen h3 font b { font-size:1rem; line-height:1.4em;}
.gjcszy_tuwen h4 { width:100%; float:left; font-size:1rem; line-height:1.8em;  padding:5%;  }
	
	
.w70 { width: 100%; float: left; margin-top:5%; padding:0 5%; }
.w30 { width: 100%; float: left;  margin:5% 0;  padding:0 5%;}
.project { width: 100%; float: left; }
.project ul.w1 { width: 100%; float: left;  }
.project ul.w2 { width: 100%; float: right;}
.project ul li { width: 100%; float: left; padding-bottom: 10px; border-left:1px solid rgba(0,0,0,.2); }
.project ul li h3 { width: 100%; float: left;  /*background:rgba(9,129,68,.7);*/ font-size:1.1rem; line-height:1.5em; color:#098144; padding:7px 0 7px 5%; font-weight: 600; }
.project ul li h3 b {  margin-right:8px; font-size:20px; line-height:1.4em;}
.project ul li h4 { width: 100%; float: left; font-size:1rem; line-height:1.5em; color:#333; padding:5px 0 5px 5%; }
.project ul li h4 .up { vertical-align: text-bottom; font-size:0.75rem; }
.project ul li h4 b { color: rgba(9,129,68,.7); margin-right: 8px; font-size:20px; line-height:1.5em;}

.project_tuwen { width:100%; float:left; margin:5% 0 0 0;  }
.project_tuwen h3 { width:100%; float:left; position: relative;  }
.project_tuwen h3 img { width: 100%; height: auto; }
.project_tuwen h3 font { float:left; font-size:1rem; line-height:1.4em; padding:.8rem 5%;  }
.project_tuwen h3 font span { margin-right: 10px; display:none;}
.project_tuwen h3 font b { font-size:1rem; line-height:1.4em;}
	
	
.city_tuwen { width:100%; float:left; margin:0; }
.city_tuwen h3 { width:100%; float:left; position: relative;  }
.city_tuwen h3 img { width: 100%; height: auto; }
.city_tuwen h3 font { font-size:1rem; line-height:1.4em; padding:.8rem 5%; text-align: right; }
.city_tuwen h3 font span { margin-right: 10px; display:none;}
.city_tuwen h3 font b { }

.city { width:100%; float:left; margin-bottom:0; }
.city ul { width: 100%;float:left;  }
.city ul.fx { float: left;}
.city ul li { width:100%; float:left;  margin-bottom:0; overflow: hidden;  }
.city ul li h3 { width:100%; float:left;position: relative;  }
.city ul li h3 img { width: 100%; height: auto; }
.city ul li h3 font { font-size:1rem; line-height:1.4em; padding:.8rem 5%;text-align: left; }
.city ul li h3 font span { margin-right: 10px; display:none;}
.city ul li h3 font b {  }
.city ul.fx li h3 font { text-align: right; }
	


.footer { width:100%; padding:5% 5%;  }
.footer h3 em { width:100%; float:left; font-size:1rem; line-height: 1.5em;  }
.footer h3 em .up { vertical-align: text-bottom; font-size:.75rem;}
.footer h3 font { font-size: .9rem; line-height: 1.8em;  }
.footer h4 { width:100%; float:left; margin-top:10px;}
.footer h4 span { font-size: .9rem; padding:0 .5rem 0 0; line-height: 1.7em;}
.footer h4 span i { margin-right:.5rem; font-size: 1rem; line-height: 1.7em; }


/*---------------------------------------------------------------二级页面-----------------------------------------------------*/

.banner { height:18rem;  background-size:auto 140%; }
.banner h2 {  margin-top:3rem; padding:0 5%; }
.banner h2 span { font-size: 1.4em; line-height:1.1em; margin-bottom:.4em;  }
.banner h2 p {font-size:1rem; line-height:1.4em;}


.about { height:35vh; font-size:2rem;line-height:1em;  }

/*---------------------------------------------------------------正文页-----------------------------------------------------*/


.con_bj { width:100%;  }
.con { padding:5% 5% 2% 5%;}


.article_player { margin-bottom:3%; }
#player { width:100%; height:auto; }
	
	

.article { width:100%; float:left; font-size:1rem; line-height:1.8em; color:#333;  }
.article img { max-width:100%; height:auto; }
.article center { padding-bottom:1rem; width: 100%; }
.article p { padding-bottom:1rem;  }
.article p strong {font-size:1.5rem;   }
.article font { font-size:1.2rem; padding-bottom:1rem; }
.article b { float:left; text-align: justify; padding:.4rem 1rem; font-size:1.2rem;  line-height: 1.5em; margin-bottom:.8rem;}

.article2 { width:100%; float:left; font-size:1rem; line-height:1.8em;  column-count:1; colunm-width:100%; column-gap:0; margin-top: 1rem; }
.article2 img { max-width:100%; height:auto; }
.article2 center { padding-bottom:1rem;  }
.article2 p { padding-bottom:1rem;  }
.article2 p strong {font-size: 1.5rem;  }

.tw { margin-top: 10px; }
.tw ul li { width:100%; float:left; }
.tw ul li h1 { width:100%; height:13rem; float:left; background-position:center center; background-size:cover; display: block; }
.tw ul li h2 { width:100%; float:right; padding:5% 6%; }
.tw ul li h2 font { font-size:1.2rem; line-height:1.4em;  padding-bottom:2px;  }
.tw ul li h2 p {width: 100%;float:left; font-size:1rem; line-height:1.8em; color:#555;  padding-top:10px;  }
.tw ul li:nth-child(2n) h1{ float:right; }
.tw ul li:nth-child(2n) h2{ float:left; }
	
.zzjg { width:100%; float:left;}
.zzjg ul { display:flex; flex-wrap:wrap; }
.zzjg ul li { width:100%;  margin-right:0; padding:5% 6% 3% 6%; margin-bottom: 4%;  }
.zzjg ul li i { font-size: 2.5rem; line-height:1.5em;  }
.zzjg ul li font {font-size:1.5rem; line-height: 1.5em;  padding-bottom:1rem; }
.zzjg ul li p { padding-bottom:.6rem; font-size: 1rem;line-height: 1.5em;   }
.zzjg ul li:nth-child(2n) { margin-right:0;  }

	
	
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
	
}