@charset "gb2312";
/*手机适应*/

@media (max-width: 768px) { 
/*AI游园应答*/
/*#id1 { z-index:8888888888; top:0; right:auto; left:0; height:100vh;  }*/
#id1 { z-index:auto; top:auto; right:auto; height:auto; }
#chat-icon {width:32%;  bottom:1.5%; right:2%; top:auto; margin-top:auto;}
#chat-icon img {  height:auto; width:100%; }
#chat-icon:hover { -webkit-transform:scale(1);transform:scale(1);}
#chat-icon video { width: 100%; height: auto; float: left; display:none;}
#chat-icon b { width: 100%; height: auto; float: left; display:block;}
	
.chat font { position:fixed; right:3%; bottom:7rem;}
.chat font i { color:#000; font-size:30px; line-height:1.2em; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; background: #fff; border-radius:50px; }
.chat a { transition:all ease-out 0s 0s;-webkit-transition:all ease-out 0s 0s; }

#scene { width: 100%; float: left; position:relative;}
#scene img { width: 100%; height: auto; }
#typing-container {width: 100%; position: absolute;  text-align: center;  opacity: 0;  transition: opacity 1s ease; max-width: 100%; margin:14% 0 0 0%; }
.typing-line {  font-size:.6rem; line-height: 1.5em; }	
	
#info-container { max-width: 600px; margin:40px auto; padding:20px; background: #fff; border-radius:8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: none; }
#info-container h2 {color: #333;  margin-bottom: 20px; }
#info-container p {  margin: 10px 0; font-size: 16px;  color: #555; }
#info-container span {  color: #4f8cff;  font-weight: bold; }
	
	
	

/*浮县各平台二维码*/

.xuanfu { position:fixed; width:90px; left:-50px; bottom:4%;  }
.showfly { left:0px;} 
	
.arrow { width: 28px; float: left;  padding:5px 0; position: fixed; left: 0; bottom:4%; }
.arrow i { color: #fff; font-size:24px; line-height: 1.4em;  }
	
.aside { width:50px; padding:.5rem 0 0 0;  }
.aside font { margin: 10px 0 6px 0;  }
.aside font a i { font-size:24px; line-height:1.2em; }
.aside a { width: 100%;float: left; display:block; }
	
	
.aside ul { width:100%; float: left; }
.aside ul li { width:100%; height:58px; z-index: 100; }
.aside ul li h3 { width:100%; height:30px;  }
.aside ul li h3 i { width:30px; float: left; height: 30px;  margin-left: 10px; } 
.aside ul li h3 p { line-height:1.2em; font-size:.75rem; margin: 5px 0 0 0; }

.aside ul li h5 { width:100px; position:absolute; left:60px; top:20px; font-size:.85rem; line-height:1.5em; padding:8px 10px 8px 8px;  display: none;  }
.aside ul li:hover h5 { left:50px; top:-32px;  display: block;  }
.aside ul li h5.xs { top:-50px; }
.aside ul li:hover h5.xs { left:50px; top:-105px; opacity:1; }
.aside ul li h5.kd { width:100px; }	

.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: 2em; color:#666;  }
.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.1rem; 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;}
	
	
/*备份*/	
/*.mobnav { width:100%; position: fixed; left:0; top:0;right:0;  z-index:999; height:4rem; display:block; background:#fff; box-shadow: 0px 0px 4px rgba(0,0,0,.1); padding:0 1rem; }	
.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:#333;}
.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:50%; 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: #000; padding:5px 10px 5px 20px; 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 12px no-repeat; cursor:pointer;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.sideMen h3.on em { background-position:16px -57px; }
.sideMen ul { width: 100%;float: left;  padding:10px 25px;  }
.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 10px 5px 20px; border-bottom: 1px solid rgba(0,0,0,.05); background: linear-gradient(135deg, #098144 1%, #0e7f71 100%); color:#fff;}
.sideMen h4 a,.sideMen h4 a:hover { color:#fff;}
.sideMen h5 { width:100%; float: left; font-size:1rem; line-height: 2em; color: #098144; padding:5px 10px 5px 20px; background:#f8f8f8; border-bottom: 1px solid rgba(0,0,0,.05);font-family: roboto; }
.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; }

	
	

.home-section1 { width:100%; float: left; padding:0 5%;  }
.wrapper { width:100%; overflow:inherit;display: flex; flex-direction: column; }
.warp { width:100%; }
.padall { padding:6% 0; }
.padall2 { padding:0 0 6% 0; }	

.lm { padding:8% 0 4% 0;  }
.lm em { font-size:1.35rem; }
.lm em i { font-size:1.8rem; }
.lm em i.t5 {font-size:1.9rem;}
.lm span { font-size:.9rem; }
.lm span b { font-size:1.1rem; }
.lm font { font-size:.9rem; line-height:30px; margin-top: -3px; }



.w380 { width:100%; order:2; }  /*order 表示不影响文档流的逻辑顺序，仅改变视觉呈现顺序*/
.w640 { width:100%; margin-top:0; order:1; }

/*热点全息墙*/
.hotspot { height:25rem; box-shadow: 0px 0px 15px rgba(9,129,68,.2); padding:5%; }
.hotspot .swiper-slide li h3 { height:13rem; }
.hotspot .swiper-slide li span { font-size:1.1rem; line-height:1.5em; margin-top:1rem; -webkit-line-clamp: 2;}
.hotspot .swiper-slide li p { font-size:.85rem; line-height:1.5em; margin-top:.5rem;-webkit-line-clamp: 2;}
.hotspot .swiper-slide li:hover span { color:#098144; }
.hotspot .swiper-button-prev2,.hotspot .swiper-button-next2 { display: none;  }

.hotspot .swiper-pagination2 { bottom:0rem;  }
.hotspot .swiper-pagination-bullet { width:13px; height:13px; margin:0 4px;  }
.hotspot .swiper-pagination-bullet-active { opacity:1; background:none; border:2px solid #098144; width:14px; height:14px; }

.hotspot2 { height:auto;  padding:3% 6% 7% 6%;}
.hotspot2::before { content:''; position:absolute; bottom:0; width:6px; height:95%; background-color:#098144; transform:translateX(50%); left:-6px;}
.home_list01 { width:100%; float: left; }
.home_list01 ul li { padding:.8rem 0; }
.home_list01 ul li .date { width:50px; margin-right:12px; }
.home_list01 ul li .date h3 {  font-size:1.9rem; line-height:1.1em; }
.home_list01 ul li .date h4  { font-size: 0.75rem; line-height:1.6em; }
.home_list01 ul li .txt { width: calc(100% - 62px);  }
.home_list01 ul li .txt a { font-size:1rem; line-height:1.5em;}



/*公示公告*/
.affer { width:100%; height:auto; padding:6% 6% 0 6%; }
.affer::after { content:''; position:absolute; bottom:0; width:6px; height:95%; background-color:#098144; transform:translateX(50%); right:0;}
.home_list02 { width:100%; float: left; position:relative;}
.home_list02 li::after { content:''; width:0; height:0; position:absolute; left:20px; border-left:11px solid transparent; border-bottom:13px solid #fff; top:-13px; }
.home_list02 li:nth-child(2n)::after{ right:20px; left:auto; border-left:0 solid transparent; border-right:13px solid transparent;}
.home_list02 ul li { position: relative; padding:1rem .85rem; margin-bottom:6%;  }
.home_list02 ul li .date { width:50px; margin-right:12px; }
.home_list02 ul li .date h3 { font-size:1.9rem; line-height:1.1em; }
.home_list02 ul li .date h4  { font-size:0.75rem;line-height:1.6em; }
.home_list02 ul li .txt { width: calc(100% - 62px); }
.home_list02 ul li .txt a { font-size:1rem; line-height:1.5em;}


/*活动时光轴*/	
.home-section2 { width:100%; float:left;  background:url(../images/haibao02.jpg) center center no-repeat; background-size: auto 100%;  background-attachment:fixed; overflow: hidden; position:relative; }

	
.martd2 { position:relative; z-index: 5; }
.lm5 { padding:2% 5% 4% 5%;  }
.lm5 b { font-size:1.5rem;  }
.lm5 b i { font-size:1.8rem;  }
.lm5 span { font-size:1rem; line-height:30px; margin-top: -2px;  }
.lm5 span:hover em { transform: scaleY(.06); }
.lm5 span:hover { padding:0; }
.lm5 span a { color:rgba(255,255,255,.9); }
.lm5 span a:hover { color:rgba(255,255,255,.9); }
	

.hdsgz_con { padding:0 5% 1% 5%; }
.hdsgz_con .hdsgz { width: 100%; float: left; }
.hdsgz_con .hdsgz ul { display:flex; margin-bottom:3%; margin-top:1%;}
.hdsgz_con .hdsgz ul li { width:90%; margin-right:5%;  }
.hdsgz_con .hdsgz ul li h2 {  font-size:1.1rem; line-height:1.5em; margin-top:1rem; }
.hdsgz_con .hdsgz ul li:hover h2 { color: #dcbd68; }
.hdsgz_con .hdsgz ul li h3 { width: 100%; float: left; height:13rem; overflow: hidden;  border-radius:0;}
.hdsgz_con .hdsgz ul li h3 img { width:100%; height:100%;  }
.hdsgz_con .hdsgz ul li h4 { font-size:1rem; margin-bottom:.5rem; }
.hdsgz_con .hdsgz ul li h4 i {  font-size:1.2rem; line-height:1.5em;} 
.hdsgz_con .hdsgz ul li:hover { -webkit-transform: translateY(-0);-transform:translateY(-0);}

.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; }
	

	

.home-section3 { width:100%; float: left; padding:0 5%; }
.w48 { width:100%; }
/*声色园博*/
.sppic .swiper-container3 { height:13rem; }
.sppic .swiper-slide li h3 .photo span {padding:5%; font-size:1.1rem; line-height:1.4em;  }
.sppic .swiper-slide li h3 .photo em {  width:40px; height:40px; margin-left:-20px; margin-top:-30px; }

.sppic .swiper-button-prev3,.sppic .swiper-button-next3 { width:30px; height:30px; top:50%; margin-top: -16px;line-height:30px; font-size:20px; background:rgba(0,0,0,.1);  display: none; }
.sppic .swiper-button-prev3 { left:2%;}
.sppic .swiper-button-next3 { right:2%;}
.sppic .swiper-button-prev3:hover,.sppic .swiper-button-next3:hover { background:rgba(255,255,255,.9); color:#333; }

.sppic .swiper-pagination3 { bottom:5%; display: none; }
.sppic .swiper-pagination-bullet { width:10px; height:10px; bottom:5%; margin:0 4px;}
.sppic .swiper-pagination-bullet-active{ opacity:1; background:#098144; width:40px; }

.popup {display:none; }

.close { background:rgba(9,129,68,.4); ; position:absolute; z-index:9999; height: 40px; width: 40px; text-align: center; line-height: 40px; color:#fff;
font-size:20px; top:10px; right:10px; cursor:pointer;
-webkit-animation:tit 0.8s ease-out 1.2s backwards; 
animation:close 0.3s ease-out .4s backwards;
}
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}


/*外媒聚焦*/
.wmjj ul { float: left;  margin-top:-.8rem; }
.wmjj ul li { padding:1.2rem 0; display: flex; }
.wmjj ul li h3 { width:35%;  }
.wmjj ul li h3 img { width: 100%; height:5rem; }
.wmjj ul li h4 { width:65%; padding:0 0 0 1.2rem; }
.wmjj ul li h4 span { -webkit-line-clamp: 2; font-size:1rem; line-height:1.5em;  }
.wmjj ul li h4 p { font-size:.85rem; line-height:1.5em; }



.home-section4 { width:100%; float: left; padding: 0 5%; }
/*服务指南*/
.fwzn { float: left; width: 100%;  }
.fwzn ul li { width: 32%; margin-right:2%; margin-bottom:3%; padding:.8rem 0 1.2rem 0; height:auto; overflow: auto; }
.fwzn ul li h3 i { color: #098144; line-height:54px; }
.fwzn ul li h3 i.t1 { font-size:35px; }
/*.fwzn ul li h3 i.t2 { font-size:52px; }*/
.fwzn ul li h3 i.t3 { font-size:42px; }
.fwzn ul li h3 i.t4 { font-size:34px; }

.fwzn ul li h4 { width:100%; float: left; text-align: center; color: #098144; font-weight: 600; line-height:1.5em; font-size:1rem;}
.fwzn ul li h5 { width:100%; float: left; text-align: center; color: #333; line-height:1.5em; font-size:.85rem; margin-top: 5px; }
.fwzn ul li h5 font { width: 100%;float: left; text-align: center;  }
.fwzn ul li h5 font i { display: none;}
	
.fwzn ul li h6 { margin-top:.8rem;}
.fwzn ul li h6 font b { display: inline-block; font-size: .85rem; padding:0 1.2rem; line-height:2.2em; background:rgba(9,129,68,.7); }
.fwzn ul li h6:hover font b {background:rgba(9,129,68,.7);  }
.fwzn ul li h6 font .ewm { top:-7.5rem;  }
.fwzn ul li h6 font .ewm img { width:auto; height:7rem; }
.fwzn ul li h6 font:hover .ewm { opacity:1;}
	
.fwzn ul li:nth-child(3n) { margin-right:0; }
/*.fwzn ul li:nth-child(2n) { float: right; }*/

	
	
/*网页滚动条*/
.pop02::-webkit-scrollbar { width:10px; height:10px; -webkit-overflow-scrolling:touch; background-color:#e6e6e6; }
.pop02::-webkit-scrollbar-track { background-color: #e6e6e6; }
.pop02::-webkit-scrollbar-thumb { border-radius:0px; background-color:#ccc; }
.pop02::-webkit-scrollbar-button { height:0px; background-color:#e6e6e6; }


.pop02 { width:100%; height:100%; top:0; left:0; margin-left:0; padding:0 6%; overflow-y:inherit; }
.close01,.close02,.close03,.close04 {  top:3%; right:18px; font-size:1.8rem;  line-height:2rem; }

/*报名合集*/
.baoming { width:100%; float: left;  }
dl { width:100%; margin:1rem 0; overflow:hidden; font-size:1rem; line-height:2em;  }
dt { width:33%; float:left; padding:0;}
dt b { color:#bda064; margin-right: 5px; }
dd { width:67%; float:left; }

input {  font-size:1rem; line-height:2em;  height:2rem; }
input#fujian { text-indent:0rem; border:0; }
select { font-size:1rem; line-height:2em;  height:2rem;  }
.input2 { font-size:1rem; line-height:2em; height:2rem; width:30%; margin-right:1rem; }
.textarea { font-size:1rem; line-height:2em; height:4rem;  }
	
.bot { width:60%; height:2.7rem; line-height:2.8rem; font-size:1.1rem; margin-top:0;}
	

/*.tabBar { width: 100%; float: left; margin:5% 0 2% 0; }
.tabBar span { display: inline-block; height:34px; font-size:1.2rem; line-height:26px; color:#333; margin-right: 1rem; }
.tabBar span:nth-child(3n) {  margin-right:0; }*/
	
.tabBar { width: 100%; float: left; margin:4% 0 0 0; }
.tabBar span { display: inline-block; font-size:.95rem; line-height:2.5rem; color:#333; margin-right:.3rem; padding:0 .9rem;   }
.tabBar span:nth-child(3n) { margin-right: 0%;}
.tabCon { width:100%; float:left;  }

.coop { width:100%; float:left; margin-top:1rem; }
.coop ul { width:100%; float:left; }
.coop ul li { width:32%; margin-bottom:2%; margin-right:2%; padding:.3rem .5rem .6rem .5rem; }
.coop ul li span { width: 100%; float:left; height:2.8rem; margin-bottom:.1rem;   }
.coop ul li span img { -webkit-filter:grayscale(0%);  filter:grayscale(0%);   }
.coop ul li p {font-size:.7rem; line-height:1.3em;-webkit-line-clamp: 1; }
.coop ul li:hover p { color:#666; }
.coop ul li:nth-child(3n) { margin-right:0;}
.coop ul li:nth-child(4n) { margin-right:2%;}
#coophd,#coophd2,#coophd3 { height:auto; overflow:auto; }


.coop2 { width:100%; float:left;  margin-top:1rem; padding:1% 5% 2% 5%; }
.coop2 ul { width:100%; float:left;display:inherit; flex-wrap:wrap; }
.coop2 ul li { width:32%; margin-bottom:2%; margin-right:2%; height:auto; padding:.6rem .5rem;  font-size:.9rem; line-height:1.2rem; }
.coop2 ul li:hover { color:#666; }
.coop2 ul li:nth-child(3n) { margin-right: 0%; }
.coop2 ul li:nth-child(5n) { margin-right: 2%;}

.footer { width:100%; padding:5% 5%;  }
.footer h3 { width:100%; float:left;  }
.footer h3 em { width:100%; float:left; font-size:1rem; line-height: 1.5em; margin-bottom:5px; }
.footer h3 font { font-size: .9rem; line-height: 1.5em;  padding:0 0 0 0; display: inline-block; margin-bottom:5px; }
	
.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; }

.footer h5 { width:100%; float:left;  }
.footer h5 b { width:100%; float:left; font-size: .9rem;line-height: 1.8em;  margin-right:.5rem }
.footer h5 a {  font-size:.9rem;}
.footer h5 a:hover { text-decoration:none; }

.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); }
}
	



/*---------------------------------------------------------------二级页面-----------------------------------------------------*/

.banner { height:16rem;  background-size:cover;  }
.banner h2 {  margin-top:3rem; }
.banner h2 span { font-size: 1.5em; line-height:1.8em; letter-spacing:5px; }
.banner h2 p {font-size:1.1rem; line-height:1.8em; letter-spacing:1px;}

	
.add { padding:.8rem 5%; line-height:1.5em; font-size:.85rem; color:#666; }
.add a:hover { color: #666; }
.add i { padding:0 5px; }
	
/*图文列表*/
.container { width:100%;float: left; padding:2% 5% 5% 5%;  background:none;}
.twlist { width: 100%; float: left;  }
.twlist ul { display:flex; flex-wrap:wrap; }
.twlist 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); }
.twlist ul li h3 { width:35%; height:5rem;  margin-right:4%;  }
.twlist ul li h2 { height:auto; overflow: hidden; font-size:14px;  flex-grow: 1; display: flex; flex-direction: column;  justify-content: space-between; }
.twlist 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; }
.twlist ul li h2 p { width: 100%; float: left;  color: #666;  font-size:.85rem; line-height:1.5em; -webkit-line-clamp:2; display: none; }
.twlist ul li h2 font {  font-size:.85rem; line-height:1.5em; padding:.5rem 0 0 0;} /*无图时间*/
.twlist ul li h2 b { font-size:.85rem; line-height:1.5em;  padding:.8rem 0 0 0; } /*有图时间*/
.twlist ul li:hover h2 span { color: #098144; }
.twlist 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;  }
.splist ul { display:flex; flex-wrap:wrap; }
.splist ul li { width:100%; float:left; margin-right:0; margin-top:5%; margin-bottom: 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; }


	

.page { width:100%; float:left; margin:6% 0 2% 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:2rem;line-height:1em;  }

/*---------------------------------------------------------------正文页-----------------------------------------------------*/


.con_bj { width:100%;  }
.con { padding:6% 5% 5% 5%;}
.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; }
	
.ewmjz { width:100%; float:left;  margin-top: 5%; background: #eef2ea; padding:7% 5% 1% 5%;}
.ewmjz h3 { width: 100%; float:left; text-align: center; margin-bottom: 3%;   }
.ewmjz h3 img { width: 95%; height: auto; }
.ewmjz ul li { width: 25%; float:left; text-align: center; margin-bottom: 5%; }
.ewmjz ul li img { width: 80%; height: auto; }


	
.intro { font-size:1rem; margin-bottom: -1rem  }
.intro img { max-width:100%; height:auto; }
.intro center { padding-bottom:5%; }
.intro p { padding-bottom:5%; }
.intro p strong { font-size: 1.2rem;  font-family: 'syH5'; }
.intro font {width:100%; float:left; font-size: 1.2rem;  padding-bottom:.5rem; }
.intro b {  padding:5px 1.3rem; font-size: 1.1rem;  line-height: 1.5em; margin-bottom:1rem;}
	
.intro2 { width:100%; float:left; font-size:1rem; line-height:1.8em;  column-count:1; colunm-width:100%; column-gap:0; margin-top: 1rem; margin-bottom: -1rem; }
.intro2 img { max-width:100%; height:auto; }
.intro2 center { padding-bottom:1rem;  }
.intro2 p { padding-bottom:1rem;  }
.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; }
	
.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;  }

	

}