@charset "gb2312";
@import "iconfont.css";

*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%; }
html, body { width:100%;  margin:0px; padding:0; -webkit-font-smoothing:antialiased;   font-family:Microsoft YaHei, arial, sans-serif !important;  font-size:16px;  background:#fff; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span,strong { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color: #333; text-decoration: none; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
a:hover{ color:#098144; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button,font { box-sizing:border-box; -webkit-box-sizing:border-box; }


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

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 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, -100%, 0);transform: translate3d(0, -100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 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(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 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(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { animation-duration: 1s; animation-fill-mode: both;}


.footer2 { width:100%; float:left;  background:url(../images/bj01.jpg) center top repeat-y; padding:50px 0; }
.copy2 { width:100%; float:left;  text-align: center; }
.copy2 h2 { width:100%; float:left;  margin-bottom: 10px;}
.copy2 h2 font { font-size: 16px; line-height: 2em; color:#333; padding:0 10px 0 0; display: inline-block; font-weight: 600;  }
.copy2 h2 font strong { font-weight: 600;  }

.copy2 h3 { width:100%; float:left;}
.copy2 h3 span { font-size: 16px; line-height:2em; color:#666;  padding:0 10px 0 0;   }
.copy2 h3 span i { margin-right:8px; font-size: 16px; line-height:2em;  color:#666; }

.copy2 h3 b { font-size: 16px; line-height:2em; color:#666;  padding:0 10px 0 0;  transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;  }
.copy2 h3 b i { margin-right:8px; font-size: 16px; line-height:2em;  color:#666; }
.copy2 h3 b a i { color:#fff;  }
.copy2 h3 b a {  background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1));color: #fff; font-size: 15px; padding:3px 18px; border-radius:50px; display: inline-block; }
.copy2 h3 b:hover a { background:linear-gradient(120deg, rgba(0,153,68,1), rgba(0,140,214,1)); }

.copy2 h4 { width:100%; float:left;}
.copy2 h4 b { font-size: 16px; line-height: 1.8em; color:#666; margin-right: 10px; }
.copy2 h4 font a {color:#666;}

/*媒体矩阵*/
.icoall2 {width: 100%; float: left;  margin-top:20px; text-align: center; }
.icoall2 ul li { width: 40px;  margin:0 6px; position: relative; display:inline-block; cursor: pointer; }
.icoall2 ul li h6 b { display: inline-block; width: 40px; height:40px; border-radius: 60px; background:rgba(0,0,0,.3);  transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s;  display:flex; align-items:center; justify-content:center; }
.icoall2 ul li h6 b img { width: 30px; height: auto; }
.icoall2 ul li h6:hover  b {  background:rgba(0,0,0,.9); color: #fff; }
.icoall2 ul li h6 .ewm { width:100%; position: absolute; left:-30px; top:-130px; text-align: center; opacity:0; display: none; transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s;  }
.icoall2 ul li h6 .ewm img { width:120px; height:auto; }
.icoall2 ul li h6:hover .ewm { opacity:1; display:block;}



/*手机适应*/
@media screen and (max-width:899px) and (min-width: 160px){	
	

	
	
.haibao { width: 100%; float: left;  }
.haibao .swiper-container1 { width:100%; margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height: 38vh; }
.haibao .swiper-wrapper {  position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.haibao .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.haibao .swiper-slide li { width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center 2rem; background-size: cover;  position: absolute; }
.haibao .swiper-slide li font { position:absolute; width:100%; left:10%; top:12vh;z-index:9; margin-left:0; }
.haibao .swiper-slide li font img { width: 60%;}
.haibao .swiper-slide li span { position:absolute; position:absolute; width:100%; left:0; top:12vh;  z-index:9; margin-left:0; text-align: center; }
.haibao .swiper-slide li span img { width: 70%;}
	
.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; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:30px; font-size:1.2rem; color:#333; background:rgba(255,255,255,.9);  transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.haibao .swiper-button-prev1 { left:20px;}
.haibao .swiper-button-next1 { left:55px;}
.haibao .swiper-button-prev1:hover,.haibao .swiper-button-next1:hover { }

.haibao .swiper-pagination1 { position:absolute; text-align:center;  z-index:10; bottom:0; padding:5%;  left:0; width:100%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));  text-align:center; }
.haibao .swiper-pagination-bullet {  width:10px; height:10px;display:inline-block; border-radius:100%; opacity:1; bottom:3%;background:rgba(255,255,255,.8);  border-radius:50px; cursor:pointer; margin:0 6px; transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; border:0px solid #fff;  }
.haibao .swiper-pagination-bullet-active{ opacity:1; background:none; border:2px solid rgba(255,255,255,.8); width:12px; height:12px; }


.lm { width:100%;float:left; margin-bottom: 5%;  }
.lm h2 { width:100%; float:left;  display:flex; align-items:center;  }
.lm h2 font { float:left; font-size:1.8rem; line-height:1.3em; color: #333; font-weight:600; }
.lm h2 b { float:left; width: 2rem; height: 2px; background: #e77817; display: inline-block; margin-left:1rem; margin-top: 5px; }
.lm h3 { float:left;  float: left; font-size:1.2rem; color: #333; line-height:1.3em; margin-top: 0; }


	

/*印象园博*/
.con01 { width: 100%; float: left; padding:6%; background:url(../images/bj01.jpg) center top repeat; background-attachment:fixed; }

.con01 .yxyb_intro { width: 100%; float: left; margin-top: 5%; } 
.con01 .yxyb_intro p { width: 100%; float: left; margin-bottom:5%; font-size:16px; line-height:1.8em;color: #333; text-indent: 2em; }  
.con01 .more { float: left;  }
.con01 .more b { float: left;  background: #e77817;  line-height: 44px; font-size:1rem; color: #fff; padding:0 1.7rem 0 1.8rem; }
.con01 .more b i { margin-left: 20px; }
.con01 .more em { content: ''; width: 0; height: 0; border:22px solid transparent; border-left: 1rem solid #e77817; border-right: none; float: right; }

.con01 .yxyb_pic { width: 100%; height: 14rem; background:url(../images/yxyb01.jpg) center center no-repeat; background-size: cover;float: left;  }


/*名园巡礼*/
.con02 { width: 100%; float: left; padding:6% 6% 1% 6%; background:url("../images/map.jpg") center center no-repeat; background-attachment:fixed; }

	
.mapall { width: 100%; float: left; position: relative; left:0;  }	
.map { width: 100%; background: url("../images/mapb.jpg") no-repeat right; background-size: cover;  height:70vh;  position: relative; overflow: hidden;}
.showup { width: 70%; position: absolute; top:0px; left:0;  z-index: 8; background: linear-gradient(to bottom,rgba(255,255,255,1) 20%,rgba(255,255,255,.7) 90%,rgba(255,255,255,.1));}
.showup li { display: none; padding:25px 25px 35px 25px; float: left; }
.showup li:first-child { display: list-item; }
.showup h2 { width: 85%; float: left; font-size:1rem; font-weight: 600;line-height: 1.5em; display: inline-block; background: linear-gradient(90deg, #008cd6, #009944); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; background-size: 100% auto; margin-bottom: .7rem; }
.showup h2 em { padding:0 5px;}
.showup h3 { width: 100%; float: left; font-size: .859rem; color:#999; margin-bottom: 2rem; display: none; }
.showup h4 { width: 100%; float: left; font-size: .85rem; line-height: 1.8em; color:#666; margin-bottom: 1rem; display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical;  -webkit-line-clamp: 4; overflow:hidden;}
.showup h5 { width: 100%; float: left;  height:15vh;}
.showup h5 img { width: 100%; height:100%;}
.showup h6 { width: 100%; float: left;  margin-top: .5rem; font-size: 1rem; line-height:30px; color: #222; font-weight: 600; vertical-align: middle;}
.showup h6 i { float: left; font-size:1.5rem; line-height:30px; margin-right: 8px;  }

.closeshow { background: url("../images/close.png") no-repeat center; background-size: contain; opacity: 1; position: absolute; right: 20px; top: 20px; width: 28px; height: 28px; cursor: pointer;}

.mapclick { width: 100%; height: 100%; position: absolute;}
.clickdot { background:rgba(66,149,78,.7); border-radius: 1em; width: 2em; height: 2em; display: block; text-indent: -999px; overflow: hidden; cursor: pointer; position: absolute;}
.clickdot small { background:rgba(255,139,218,.8); border-radius: 1em; width: 1.6em; height: 1.6em; display: block; position: absolute; left: 50%; top: 50%; margin-left: -.8em; margin-top: -.8em;}
.clickdot i { background:rgba(255,180,235,1); border-radius: 1em; width: 1em; height: 1em; display: block; position: absolute; left: 50%; top: 50%; margin-left: -.5em; margin-top: -.5em;}
.clickdot_act { background:rgba(235,173,76,.7);}
.clickdot_act small { background:rgba(255,167,95,.8);}
.clickdot_act i { background:rgba(255,204,154,1);}

.clickdot01 { top: 20%; right: 35%;}
.clickdot02 { top: 15%; right: 21%;}
.clickdot03 { top: 32%; right: 23%;}
.clickdot04 { top: 42%; right: 34%;}
.clickdot05 { top: 28%; right: 38%;}
.clickdot06 { top: 75%; right: 56%;}
.clickdot07 { top: 36%; right: 46%;}
.clickdot08 { top: 50%; right: 37%;}
	

.soon { float: left; width:100%; padding:4% 6%; background:url("../images/map.jpg") center center no-repeat; background-attachment:fixed; }
.soon ul li { width: 100%; float: left; padding:5% 6%;  background: #fff;  display: inline-block; margin:2% 0;  }
.soon ul li h3 { float: left;  width: 60px; height: 60px; line-height:60px; border-radius:60px; text-align: center; background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1)); margin-top: 10px; }
.soon ul li h3 i { font-size:35px; color: #fff;  transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;  vertical-align: bottom; }
.soon ul li h3 i.f2 { font-size:30px;}
.soon ul li h4 { width: calc( 100% - 80px); float: right; }
.soon ul li h4 span {width: 100%; float: left;  display: inline-block; color: #333; line-height:1.5em; font-size:1.2rem; font-weight: 600; }
.soon ul li h4 p { width: 100%; float: left;  display: inline-block; color: #666; line-height:1.8em; font-size:.9rem; margin-top: 5px;  transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.soon ul li:hover { background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1));-webkit-transform: translateY(-10px);-transform:translateY(-10px); }
.soon ul li:hover h3 { background: #fff; }
.soon ul li:hover i {  background: linear-gradient(90deg, rgba(245,164,35,1), rgba(236,102,82,1)); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent;}
.soon ul li:hover h4 span { color: #fff;}
.soon ul li:hover h4 p { color: #fff;}

	


/*园博嘉年华*/
.con03 { width: 100%; float: left; padding:6%; background:url(../images/bj01.jpg) center top repeat-y; background-attachment:fixed; }
.ybjnh { width: 100%; float: left; }
.ybjnh ul li { width:100%; float: left; padding:5% 6% 7% 6%; background: linear-gradient(to bottom,rgba(255,255,255,1) 20%,rgba(255,255,255,.8) 90%,rgba(255,255,255,.1)); }
.ybjnh ul li h4 { width: 100%; float: left; color: #666; font-size:1rem; line-height:1.5em;  margin-bottom:.7rem;  }
.ybjnh ul li h4 i { margin-right: 7px;  font-size:1.1rem; line-height:1.5em; vertical-align: bottom; } 
.ybjnh ul li h2 { width: 100%; float: left;  }
.ybjnh ul li h2 span { width: 100%; float: left; line-height:1.6em; font-size:1rem; color:#333; font-weight: 600; margin-top:1rem; }

 .ybjnh ul li h2 p { width: 100%; float: left; line-height:1.6em; font-size:.9rem; color:#888; margin-top: .5rem; display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical;  -webkit-line-clamp: 3; overflow:hidden; }
.ybjnh ul li h3 { width: 100%; float: left; height:11rem; overflow: hidden;  border-radius:0px;}
.ybjnh ul li h3 img { width:100%; height:100%;  }




/*乐游园博*/
.con04 { width: 100%; float: left; padding:6%; background:url(../images/bj02.jpg) center top repeat-y; background-attachment:fixed;  background-attachment:fixed; }

.zaiyao { width:100%; float: left; margin:4% 0 7% 0;}
.zaiyao p { width:100%; float: left; color:#333; font-size:1rem; line-height:1.8em;  text-align: center; }

.mpyy { width:100%; float: left; text-align: center; margin-bottom: 10%;  }
.mpyy b { display: inline-block; background: #e77817; line-height:52px; font-size:18px; font-weight: 600; color: #fff; padding:0 2rem;}
.mpyy b i { margin-right: 16px;  font-size:26px; vertical-align: bottom; }


.con04 .four { width: 100%; float: left;  }
.con04 .four ul li { width: 48.5%; float: left; margin-right: 3%;  position: relative; z-index: 1; margin-top: 3%; }
.con04 .four ul li h3 { width:100%; position:absolute; top:0; padding:1rem 10%; z-index: 1 }
.con04 .four ul li h3 span { width: 100%; float: left; font-size:1.2rem; line-height:1.5em; color:rgba(255,255,255,1); font-weight: 600;  }
.con04 .four ul li h3 p { width: 100%; float: left; font-size:18px; line-height:1.5em; color:rgba(255,255,255,1);}
.con04 .four ul li h4 { width: 100%; height: 2.5rem; position:absolute;  top: 50%; left: 0; text-align: center;  margin-top:-1.5rem;  z-index: 1;}
.con04 .four ul li h4 a { padding:0 1.5rem; background: #fff; color:#333; font-size:1rem; line-height:2.5rem; display: inline-block; border-radius:50px;}

.con04 .four ul li h5 { width:100%; position:absolute;  bottom:14px; padding:0 10%; text-align: right; font-size:1rem; line-height:1.5em; font-weight: 600;  color:rgba(255,255,255,.3); text-transform: uppercase;  z-index: 1;}
.con04 .four ul li h6 { width: 100%; float: left;  overflow: hidden; height: 15rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	
.con04 .four ul li:nth-child(2n) { margin-right:0%;  }


	
.header_all { display: none; }
	
.model_btn .toggleMenu { display:none;}
.model_menu { display:none;}
.mobnav { display: none;}	
	
.mobnav { width:100%; position: fixed; left:0; top:0;right:0;  z-index:999; height:4rem; padding:0 1rem; background:linear-gradient(90deg, rgba(0,153,68,1), rgba(0,140,214,1));  display:block; }	
.mobnav h2 { float: left;  display:flex; align-items:center; height: 100%; }
.mobnav h2 img { width:auto; height:2.5rem; }
	
.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:1rem; line-height: 2em; color: #098144; 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: .9rem; line-height: 2em; color:#666;  }
.sideMen ul li a,.sideMen ul li a:hover { color:#666;}
.sideMen h4 { width:100%; float: left; font-size:1rem; 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:#098144;}
.sideMen h5 { width:100%; float: left; font-size:1rem; font-weight: 600; line-height: 2em; padding:5px 5% 5px 5%; background:#f8f8f8; border-bottom: 1px solid rgba(0,0,0,.05); }
.sideMen h5 a {  color: #333;}
.sideMen h5 a:hover { color: #098144;}
	
	
.footer2 { width:100%; float:left;  background:url(../images/bj01.jpg) center top repeat-y; padding:6% 5%; }
.copy2 { width:100%; float:left;  text-align: left; }
.copy2 h2 { width:100%; float:left;  margin-bottom: .5rem;}
.copy2 h2 font { width:100%; float:left;  font-size: 1rem; line-height: 1.5em;  padding:0 0 .4rem 0; font-weight:normal;  }
.copy2 h2 font strong { font-weight: 600;  }

.copy2 h3 { width:100%; float:left;}
.copy2 h3 span { width:100%; float:left;  font-size:.9rem; line-height:1.5em; color:#666;  padding:0 0 .5rem 0;  }
.copy2 h3 span i { margin-right:8px; font-size:.9rem; line-height:1.5em;  color:#666; }
	
.copy2 h3 b { width:100%; float:left;  font-size:.9rem; line-height:1.5em; color:#666;  padding:0 0 .5rem 0; text-align: center; display: none;  }
.copy2 h3 b a i { color:#fff;  }
.copy2 h3 b a {  background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1));color: #fff; font-size: 15px; padding:3px 18px; border-radius:50px; display: inline-block; }
.copy2 h3 b:hover a { background:linear-gradient(120deg, rgba(0,153,68,1), rgba(0,140,214,1)); }

.copy2 h4 { width:100%; float:left;}
.copy2 h4 b {  width:100%; float:left;font-size:.9rem; line-height:1.8em; color:#666; margin-right:0; }
.copy2 h4 font{  width:100%; float:left;font-size:.9rem; line-height:1.8em;  }
.copy2 h4 font a {color:#666;}

/*媒体矩阵*/
.icoall2 { margin-top:1rem;  }
.icoall2 ul li { width:30px; margin:0 2px;  }
.icoall2 ul li h6 b { display: inline-block; width: 30px; height:30px; border-radius: 60px; background:rgba(0,0,0,.9);  display:flex; align-items:center; justify-content:center;}
.icoall2 ul li h6 b img { width: 25px; height: auto; }
.icoall2 ul li h6:hover  b { background:rgba(0,0,0,.9);  }
.icoall2 ul li h6 .ewm { width:100%; position: absolute; left:-45px; top:-130px; }
.icoall2 ul li h6 .ewm img { width:120px; height:auto; }
.icoall2 ul li h6:hover .ewm { opacity:1; display:block;}	
	
	
	
.wrapper { width:100%; overflow:inherit;display: flex; flex-direction: column; }
.warp { width:100%; padding:0 5% }
	
/*---------------------------------------------------------------二级页面-----------------------------------------------------*/

.banner { height:16rem;  background-size:cover;  background-position: 40% center; }
.banner h2 { display: none;   }


	
.add { padding:.8rem 0; line-height:1.5em; font-size:.85rem; color:#666;  margin-bottom:0;}
.add a:hover { color: #666; }
.add i { padding:0 5px; }

	

/*图文列表*/
.twlist { width:100%; float:left;padding:1% 0;  }
.twlist ul { display:flex; flex-wrap:wrap; }
.twlist ul li { box-shadow: 0px 0px 0px rgba(107,179,143,.2);  padding:5% 0; border-radius:0px ; margin-bottom:0; border-bottom: 1px solid rgba(107,179,143,.1); }
.twlist ul li h3 { width:38%; float:left; height:5.5rem; border-radius:.5rem;}
.twlist ul li h4 { width:60%;  padding:1% 2% 0% 5%; }
.twlist ul li h4 font { line-height:1.8em; font-size:1rem;  font-weight:normal; -webkit-line-clamp:3; }
.twlist ul li h4 span {  display: none; }
.twlist ul li h4 p { display: none;  }
.twlist ul li:hover h4 font { background:none; color:#333;}
.twlist ul li:nth-child(2n) h3 {  float:right; }
.twlist ul li:nth-child(2n) h4 {  float:left; padding:1% 4% 0% 2%;  }


.twlist2 { width: 100%; float: left;  }
.twlist2 ul { display:flex; flex-wrap:wrap; }
.twlist2 ul li { width: 100%; float: left;  border-bottom: 1px solid rgba(9,129,68,.1); background:none; padding:5% 0; margin-right:0; margin-bottom:0; display:inherit;  box-shadow: 0px 0px 15px rgba(0,0,0,.0); }
.twlist2 ul li h3 { width:35%; height:5rem;  margin-right:4%;  }
.twlist2 ul li h2 { height:auto; overflow: hidden; font-size:14px;  flex-grow: 1; display: flex; flex-direction: column;  justify-content: space-between; }
.twlist2 ul li h2 span { font-size:1rem; line-height:1.5em; font-weight: normal; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.twlist2 ul li h2 p { width: 100%; float: left;  color: #666;  font-size:.85rem; line-height:1.5em; -webkit-line-clamp:2; display: none; }
.twlist2 ul li h2 font {  font-size:.85rem; line-height:1.5em; padding:.5rem 0 0 0;} /*无图时间*/
.twlist2 ul li h2 b { font-size:.85rem; line-height:1.5em;  padding:.8rem 0 0 0; } /*有图时间*/
.twlist2 ul li:hover h2 span { color: #098144; }
.twlist2 ul li:nth-child(2n) { margin-right:0; }

/*文字列表*/
.titlist { width: 100%; float: left;  }
.titlist ul { display:flex; flex-wrap:wrap; }
.titlist ul li { width: 100%; float: left;  padding:0 0 4% 0; margin-right:0; margin-top:5%; margin-bottom: 0; background: #fff; position: relative; border-bottom: 1px solid rgba(9,129,68,.1);  }
.titlist ul li::after { content:''; width:0; height:0; position:absolute; right:0; top:0; border-left:15px solid transparent; border-top:15px solid #098144; }
.titlist ul li h2 { width:92%; float: left;  font-size:14px;  flex-grow: 1; }
.titlist ul li h2 span { width: 100%; float: left; font-size:1rem; font-weight:normal; line-height:1.6em; -webkit-line-clamp:5;  }
.titlist ul li h2 font { width:100%; float: left;  font-size:.85rem;  line-height:1.5em;  padding:.5rem 0 0 0; margin-bottom:0; border-bottom: 1px dashed rgba(0,0,0,0); }
.titlist ul li h2 p { display: none; }
.titlist ul li:hover h2 span { color: #333; }
	
	
/*视频列表*/
.splist { width:100%; float:left; padding:1% 0;  }
.splist ul li { width:100%; float:left; margin-right:0; margin-top:5%; margin-bottom: 0;  background:#fff; box-shadow: 0px 0px 0px rgba(107,179,143,0); }
.splist ul li h3 { width:100%;float:left; height:12rem; overflow: hidden; position: relative; }
.splist ul li h3 img {width:100%; height:100%; }
.splist ul li h3 em { position:absolute;z-index:6;  width:44px; height:44px; top:50%; left:50%; display:inline-block;  margin-left:-22px; margin-top:-22px;  background:url(../images/player.png) center center no-repeat; background-size: cover; border-radius:50px; }
.splist ul li h2 { width:100%; float:left;  padding:3% 0 0 0;  }
.splist ul li h2 font { font-size:1rem; font-weight: 600; line-height:1.6em;  font-weight: 600;font-weight: normal;overflow:hidden; -webkit-line-clamp:25; }
.splist ul li:hover h2 font { color: #333; }
	
/*专题列表*/
.ztlist { width:100%; float:left; padding:1% 0;  }
.ztlist ul li { width:100%; float:left; margin-right:0; margin-top:5%; margin-bottom: 0;  background:#fff; box-shadow: 0px 0px 0px rgba(107,179,143,0); }
.ztlist ul li h3 { width:100%;float:left; height:12rem; overflow: hidden;  }
.ztlist ul li h3 img {width:100%; height:100%; }
.ztlist ul li h2 { width:100%; float:left;  padding:3% 0 0 0;  }
.ztlist ul li h2 font { font-size:1rem; font-weight: 600; line-height:1.6em;  font-weight: 600;font-weight: normal;overflow:hidden; -webkit-line-clamp:25; }
.ztlist ul li:hover h2 font { color: #333; }



	
	

.page { width:100%; float:left; margin:8% 0 8% 0; font-size:.85rem;  }
.page a { margin:0 3px;  background:rgba(0,0,0,.1); padding:0 .7rem; line-height:2rem; }
.page em { display: none; }
.page span.current { padding:0 .7rem; line-height:2rem; margin:0 3px;}


.about { height:35vh; font-size:1.5rem; line-height:1.3em;  margin-top: 4rem;  height:calc(100vh - 30rem);  font-weight: 600 ;  }

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

.con { padding:0 0 6% 0; margin-top: calc(4rem + 4%); }
.article_tit { font-size:1.375em; line-height:1.5em;   }
.article_info { font-size:.85rem; line-height:1.5em;  margin-bottom:2%; padding:2% 0 6% 0; }
.article_info span { padding:0 5px; color:#777; }

.article_player { margin-top:5%; }
#player { width:100%; height:auto; }


.article { font-size:1rem;   }
.article img { max-width:100%; height:auto; }
.article center { padding-top:5%; }
.article p { padding-top:5%; }
.article p strong {font-size: 1.2rem;  font-family: 'syH5'; }
	
	
.article_txt { font-size:.85rem; line-height:1.8em;  margin-top: 3%;  }
.article_txt b { padding:0 .5rem; font-size:.75rem;  line-height:1.7em;  }
.article_txt em { width:100%; float: left; text-align: right;}
.article_txt em i { display: none; }


.tabBar { margin-bottom: 5%; margin-top: 6%; }
.tabBar span { line-height: 3em; padding:0 1rem; border-radius:50px; font-size:.9rem;  margin: 0 1px; }

.tabCon { width:100%; float:left;  margin-bottom: 6%; }
	
.intro { font-size:1rem; margin-bottom: -1rem  }
.intro img { max-width:100%; height:auto; }
.intro center { padding-bottom:5%; }
.intro p { padding-bottom:5%; font-size:1rem; line-height:2em;  text-align: justify;}
.intro p strong { font-size: 1.2rem;  font-family: 'syH5'; }
.intro font {width:100%; float:left; font-size: 1.1rem;  padding-bottom:.5rem; }
.intro b {  font-size: 1.1rem;  line-height: 1.5em; margin-bottom:.6rem;}
	
.intro2 { width:100%; float:left; column-count:1;  column-gap:0; margin-top: 1rem; }
.intro2 img { max-width:100%; height:auto; }
.intro2 center { padding-bottom:1rem;  }
.intro2 p { padding-bottom:5%;  font-size:1rem; line-height:1.8em; text-align: justify; }
.intro2 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; }
	
.quest2 { width:100%;float:left; column-count:1;  column-gap:0; margin-top: 1rem; }
.quest2 font { width:100%; float:left;  font-size:1.1rem; line-height:2em;  background: linear-gradient(90deg, #008cd6, #009944); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600; padding:.5rem 0;  } 
.quest2 p { padding-bottom:5%; font-size:1rem; line-height:1.8em;  text-align: justify; color: #333; } 
.quest2 img { width: 100%; height:auto;}
	
.zzjg { width:100%; float:left; margin-bottom: -4%; }
.zzjg ul { display:flex; flex-wrap:wrap; }
.zzjg ul li { width:100%;  margin-right:0; padding:5% 6% 5% 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;  }

		

}