@charset "gb2312";
@import "iconfont05.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 { box-sizing:border-box; -webkit-box-sizing:border-box; }



/*@font-face { font-family: 'syH2'; src: url('SourceHanSansCN-Light.otf'); }
@font-face { font-family: 'syH5'; src: url('SourceHanSansCN-Medium.otf'); }*/
@font-face { font-family: 'Bebas'; src: url('Bebas.ttf') format('truetype'); }


/*input字体*/
:-moz-placeholder { color: #999999;}
::-moz-placeholder { color: #999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999999;}

select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #d9d9d9; text-indent: 1em;
/*很关键：将默认的select选择框样式清除*/ 
appearance: none; color: #999999;  -moz-appearance: none;  -webkit-appearance: none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url(http://www.motus.com.cn/cn/images/selectarr.png) no-repeat scroll 95% center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none;}

.amn3 { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.amn4 { transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.amn5 { transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; }

.amn { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.amn:hover img { transform:scale(1.05); -webkit-transform:scale(1.05); }

.amn2 { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
.amn2 img { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.amn2:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); }

/*单行文本省略号*/
.dot1, .dot2, .dot3, .dot4 { display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical; overflow:hidden;}
.dot1 { -webkit-line-clamp: 1; }
.dot2 { -webkit-line-clamp: 2; }
.dot3 { -webkit-line-clamp: 3; }
.dot4 { -webkit-line-clamp: 4; }

.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;}


/*首屏*/
.bj01 { width:100%; float: left; background:#fff; }

/*AI游园应答*/
#id1 { position: fixed; z-index:9999; top:105px; right:15px; height:calc( 100vh - 120px); }
#chat-icon { width:200px;  position: fixed; right:10px; bottom:15px;  cursor: pointer;  transition: transform 0.5s ease;  z-index:888; background-size:100% auto; background-repeat: no-repeat; background-image:url(../images/vbj.png); background-position: center bottom; }
#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;  }
#chat-icon b {  display:none;}

#scene { width: 100%; float: left; position:relative;}
#scene img { width: 100%; height: auto; }
#typing-container { position: absolute;  text-align: center;  opacity: 0;  transition: opacity 1s ease;width: 100%; max-width: 80%; margin: 30px 0 0 20px; }
.typing-line { display: block;  font-size: 14px; color: #222; line-height: 1.5em; }

.chat font { position:fixed; right:25px; bottom:170px;  z-index:999;}
.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; cursor:pointer;}
.chat a { transition:all ease-out 0s 0s;-webkit-transition:all ease-out 0s 0s; }

#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:-60px; bottom:35px; z-index:55; float: left;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; display:flex; align-items:flex-end;  }
.showfly { left:0px;} 

.arrow { position: fixed; left: 0; bottom: 30px; width: 28px; background:rgba(0,0,0,.4);  padding:5px 0; border-radius:0 8px 8px 0; text-align: center; z-index: 99; }
.arrow i { color: #fff; font-size:28px; line-height: 30px;  }

.aside { width: 60px; background:#fff; box-shadow: 0px 0px 10px rgba(9,128,68,.3);  padding:10px 0 0 0; border-radius:0 8px 8px 0; }
.aside font { width:100%; float: left; text-align: center;  margin: 10px 0 10px 0;  color: #000; display: block; cursor: pointer; }
.aside font i { color:#000; font-size:30px; line-height:1.2em; }

.aside ul { width:100%; }
.aside ul li { width:100%; height:73px; right:0; top:0; position:relative; text-align: center; z-index: 10; }
.aside ul li h3 { width:100%; height:40px; position:absolute;  }
.aside ul li h3 i { width:40px; float: left; height: 40px; border-radius:6px; overflow: hidden; background:rgba(9,129,68,.9) /*#4a7c59*/; margin-left: 10px; } 
.aside ul li h3 i img { width: 100%; height: 100%; }
.aside ul li h3 p { width:100%; float: left; text-align: center; color:#333; line-height:14px; font-size:14px; margin: 7px 0;  }
.aside ul li:hover h3 p { color: #333; }
.aside ul li:hover h3 i.c1 { background:#20c300; }
.aside ul li:hover h3 i.c2 { background:#c8141d; }
.aside ul li:hover h3 i.c3 { background:#ff363d; }
.aside ul li:hover h3 i.c4 { background:#000000; }
.aside ul li:hover h3 i.c5 { background:#ff4906; }
.aside ul li:hover h3 i.c6 { background:#ff2442; }
.aside ul li:hover h3 i.c7 { background:#ea5d5c; }
.aside ul li:hover h3 i.c8 { background:#fa9d3b; }
.aside ul li h5 { width:150px; position:absolute; left:60px; top:20px; cursor:pointer; font-size:14px; color:#333; line-height:26px; text-align:center; padding:8px 10px 8px 8px; border: 3px solid #098144; border-left: 0 solid #098144; background:#fff; border-radius:0 8px 8px 0; box-shadow: 0px 0px 20px rgba(9,128,68,.1);  opacity:0; display: none;transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;  }
.aside ul li:hover h5 { left:60px; top:-32px;  opacity:1;  display: block;}
.aside ul li h5 img { width: 100%; height: auto;}
.aside ul li h5.xs { top:-50px; }
.aside ul li:hover h5.xs { left:60px; top:-105px; opacity:1; }
.aside ul li h5.kd { width:150px; }

.header { width:100%; position:absolute;  top:0; z-index:666; height:90px; background:rgba(255,255,255,1); box-shadow: 0px 0px 4px rgba(0,0,0,.1); padding:0 2rem 0 1.8rem; }
.header .nav-logo { float: left;  display:flex; align-items:center; height: 90px; }
.header .nav-logo img { max-width: 410px; }

.header .nav { position:relative; height: 90px; }
.header #nav { position:absolute; z-index:5; /*width:calc(100% - 410px);*/ right:0; }
.header #nav li { float: left;  margin-left:38px; padding:0 0 18px 0; cursor: pointer;}
.header #nav li font { color:#454545; line-height:40px; font-size:16px; padding:24px 0 0 0; display:inline-block; }
.header #nav li span { height:3px; opacity:0; width:1%; background:#098144; overflow:hidden; display:block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.header #nav li:hover font { color:#098144; }
.header #nav li:hover span { opacity:1; width: 100%;}
.header #nav li.navon font { color:#098144;}  /*菜单经过停留效果*/
.header #nav li.navon span { opacity:1; width: 100%;} /*菜单经过停留效果*/

.header #nav li .subnav { overflow:hidden; display:none;  width:180px;position:absolute; top:90px; padding:6px 14px 10px 14px; box-shadow: 0px 4px 4px rgba(0,0,0,.1);  background:#fff; }
.header #nav li .subnav a { width: 100%; float:left; color:#444; line-height:38px; font-size:15px;  padding:0 0px; text-align: center; margin:2px 0; transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.header #nav li .subnav a:hover { background:rgba(0,0,0,.05); color:#444; }
.header #nav li a.cug {  display:inline-block; font-size:15px; line-height:40px; background: #bebec2; color:#fff; padding:0 1.5rem; border-radius: 30px; margin-top:24px; }
.header #nav li a.cug:hover {  background: #cbac6d;}

.header2 { width:100%; position:fixed; top:0; z-index:666; height:90px; background: linear-gradient(135deg,#098144 1%, #0e7f71 100%);/* background:rgba(9,129,68,.95); */padding:0 2rem 0 1.8rem; }
.header2 .nav-logo { float: left;  display:flex; align-items:center; height: 90px; }
.header2 .nav-logo img { max-width: 410px; }

.header2 .nav { position:relative; height: 90px; }
.header2 #nav { position:absolute; z-index:5;  right:0; }
.header2 #nav li { float: left;  margin-left:38px; padding:0 0 18px 0; cursor: pointer;}
.header2 #nav li font { color:#fff; line-height:40px; font-size:16px; display:inline-block; padding:24px 0 0 0; }
.header2 #nav li span { height:3px; opacity:0; width:1%; background:#dcbd68; overflow:hidden; display:block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.header2 #nav li:hover font { color:#dcbd68; }
.header2 #nav li:hover span { opacity:1; width: 100%;}
.header2 #nav li.navon font { color:#dcbd68;}  /*菜单经过停留效果*/
.header2 #nav li.navon span { opacity:1; width: 100%;} /*菜单经过停留效果*/

.header2 #nav li .subnav { overflow:hidden; display:none;  width:180px;position:absolute; top:90px; padding:6px 14px 10px 14px; box-shadow: 0px 4px 4px rgba(0,0,0,.1);  background:#fff; }
.header2 #nav li .subnav a { width: 100%; float:left; color:#444; line-height:38px; font-size:15px;  padding:0 0px; text-align: center; margin:2px 0; transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.header2 #nav li .subnav a:hover { background:rgba(0,0,0,.05); color:#444; }
.header2 #nav li a.cug {  display:inline-block; font-size:15px; line-height:40px; background: #fff; color:#333; padding:0 1.5rem; border-radius: 30px; margin-top:24px; }
.header2 #nav li a.cug:hover {  background: #cbac6d; color: #fff;}

.model_btn .toggleMenu { display:none;}
.model_menu { display:none;}
.mobnav { display: none;}	

.wrapper { width:1340px; margin: 0 auto; overflow: hidden;  }
.warp { width:1340px; margin: 0 auto;   }
.padall { padding:35px 0 60px 0; }
.padall2 { padding:35px 0 60px 0; }

.haibao .swiper-container1 { width:100%; margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height: 80vh;  }
.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 center;  position: absolute;}
.haibao .swiper-slide li video { width: 100%; height: 100%; object-fit: fill;}
.haibao .swiper-slide li b { position:absolute; width:100%; height:100%; display:block; background:rgba(9,129,68,.2);/* background:rgba(0,0,0,.15);*/z-index: 5; }
.haibao .swiper-slide li font { position:absolute; width:1200px; height:95%; left:50%; display:flex; align-items:center; z-index:9; margin-left:-600px; }

.haibao .np { position:absolute; width:1340px; left:0; height: 60px;  bottom:0; left:50%;margin-left:-670px;  }
.haibao .swiper-button-prev1,.haibao .swiper-button-next1 { width:60px; height:60px; bottom:40px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size: 30px; color:rgba(255,255,255,.8); background:rgba(0,0,0,.3); transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.haibao .swiper-button-prev1 { left:0px;}
.haibao .swiper-button-next1 { left:65px;}
.haibao .swiper-button-prev1:hover,.haibao .swiper-button-next1:hover { background:rgba(255,255,255,1); color:#098144; }

.haibao .swiper-pagination1 { position:absolute; text-align:center;  z-index:10; bottom:0; padding:50px 0 40px 0;  left:0; width:100%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7))); }
.haibao .swiper-pagination-bullet { width:13px; height:13px; display:inline-block; border-radius:100%; opacity:1; bottom:50px; background:#fff; border-radius:50px; cursor:pointer; margin:0 8px; 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 #fff; width:15px; height:15px; }



.home-section1 { width:100%; float: left;  }
.lm { width:100%;float:left; padding:25px 0 25px 0; }
.lm em { float:left; font-size:25px; line-height:32px; color:#000;font-weight: 600;}
.lm em i { display: inline-block; float: left; font-size:32px; color: #098144; line-height:32px; }
.lm em i.r7 {margin-right:7px;}
.lm em i.r10 {margin-right:10px;}
.lm em i.r5 {margin-right:5px;}
.lm em i.t5 {font-size:34px;}
.lm em.c1 {  color: #098144;}

.lm span { float:right; font-size:16px; line-height:32px; color:#666; }
.lm span b {  margin-left:3px; font-size:18px; color: #098144; line-height:32px; }
.lm span a { color: #666; }
.lm span a:hover { color: #098144; }
.lm font { float:right; font-size:16px; line-height:32px; border-bottom: 2px solid #cbac6d; }
.lm font a { color: #666; }
.lm font a:hover { color: #098144; }


.w380 { width:360px; float:left; /*order:2; */}  /*order 表示不影响文档流的逻辑顺序，仅改变视觉呈现顺序*/
.w640 { width:620px; float:left; margin-top:83px; /*order:1;*/ }

/*热点全息墙*/
.hotspot { width:100%; height:570px; float: left; background:#fff; box-shadow: 0px 0px 15px rgba(9,129,68,.2); padding:40px 40px 0 40px; }
.hotspot .swiper-container2 { width:100%; margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height:100%;  }
.hotspot .swiper-wrapper { position: relative; width:100%; height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hotspot .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hotspot .swiper-slide li { width:100%; float: left; cursor: pointer; }
.hotspot .swiper-slide li h3 { width:100%; float: left; height:340px; overflow:hidden; }
.hotspot .swiper-slide li h3 img { width: 100%; height: 100%;}
.hotspot .swiper-slide li span { width:100%; float: left; font-size:22px; line-height:1.5em; color:#000; margin-top:18px; text-align: center; font-weight:600;  overflow:hidden; display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical; -webkit-line-clamp: 1;}
.hotspot .swiper-slide li p { width:100%; float: left; font-size:16px; line-height:1.5em; color: #666; margin-top:10px; text-align: center;overflow:hidden; display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical; -webkit-line-clamp: 2; }
.hotspot .swiper-slide li:hover span { color:#098144; }
.hotspot .swiper-button-prev2,.hotspot .swiper-button-next2 { height:26px; bottom:30px; cursor:pointer; position:absolute; z-index:99;  }
.hotspot .swiper-button-prev2 i,.hotspot .swiper-button-next2 i { text-align:center; line-height:26px; font-size:26px; color:#b7cdb7; }
.hotspot .swiper-button-prev2 { left:0%;}
.hotspot .swiper-button-next2 { right:0%;}
.hotspot .swiper-button-prev2:hover i ,.hotspot .swiper-button-next2:hover i { color:#098144; }

.hotspot .swiper-pagination2 { position:absolute; text-align:center;  z-index:10; bottom:32px; left:0; width:100%; float: left;}
.hotspot .swiper-pagination-bullet { width:13px; height:13px; display:inline-block; border-radius:100%; opacity:1; border:2px solid #fff; background:#b7cdb7; border-radius:10px; cursor:pointer; margin:0 8px; transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; }
.hotspot .swiper-pagination-bullet-active { opacity:1; background:none; border:2px solid #098144; width:14px; height:14px; }

.hotspot2 { width:100%; height:570px; float: left; background:#ecf7ec; position:relative; padding:9px 28px;}
.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:15px 0; display:flex; align-items: center; border-bottom: 1px solid rgba(9,129,68,.15);}
.home_list01 ul li .date { width:50px; margin-right:12px; float: left; text-align: center; color: #098144;font-family: 'Bebas'; -webkit-transform:scale(1,.9);}
.home_list01 ul li .date h3 {  width: 100%;float: left; font-size:32px; line-height:1.1em; margin-bottom:5px; }
.home_list01 ul li .date h4  {  width: 100%;float: left;font-size: 12px;line-height:1.5em; }
.home_list01 ul li .txt { width: calc(100% - 62px); float: left; text-align: left; }
.home_list01 ul li .txt a { color: #454545; font-size:16px; line-height:1.5em;}
.home_list01 ul li .txt a:hover { color: #098144; }


/*公示公告*/
.affer { width:100%; height:570px; float: left; background:#ecf7ec; position:relative; padding:26px 22px; }
.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:15px; display:flex; align-items: center;  background:#fff; margin-bottom:20px; border-radius:10px; }
.home_list02 ul li .date { width:50px; margin-right:12px; float: left; text-align: center; color: #098144; font-family: 'Bebas'; -webkit-transform:scale(1,.9); }
.home_list02 ul li .date h3 {  width: 100%;float: left;font-size:32px; line-height:1.1em;  margin-bottom:5px; }
.home_list02 ul li .date h4  { width: 100%;float: left; font-size: 12px;line-height:1.5em; }
.home_list02 ul li .txt { width: calc(100% - 62px); float: left; text-align: left; }
.home_list02 ul li .txt a { color: #454545; font-size:16px; line-height:1.5em;}
.home_list02 ul li .txt a:hover { color: #098144; }


/*活动时光轴*/
.home-section2 { width:100%; float:left;  background:url(../images/haibao02.jpg) center center no-repeat;  background-attachment:fixed; overflow: hidden; position:relative; }
.home-section2 .color { position:absolute; width:100%; height:100%; display:block; background:rgba(9,129,68,.92); }
.martd2 { position:relative; z-index: 5; }
.lm5 {  width:100%; float:left; padding:25px 0 25px 0;  }
.lm5 b { float:left; font-size:25px; line-height:32px; color:#dcbd68; font-weight: 600;}
.lm5 b i { display: inline-block; float: left; margin-right:7px; font-size:32px; color: #dcbd68; line-height:32px; }
.lm5 span { float:right; font-size:16px; line-height:34px; position:relative; display: inline-block; margin-top: -5px; transition: all 0.4s; }
.lm5 span em { position: absolute; bottom: 0; left: 0; width: 100%; height:100%; transform-origin:bottom; transform:scaleY(.06); background-color:#cbac6d; z-index: -1; transition: all 0.4s; }
.lm5 span:hover em { transform: scaleY(1); }
.lm5 span:hover { padding:0 12px; }
.lm5 span a { color: #fff; }
.lm5 span a:hover { color: #fff; }

.hdsgz_con { width: 100%; overflow: hidden; }
.hdsgz_con .hdsgz { width: 100%; float: left; }
.hdsgz_con .hdsgz ul { display:flex; margin-bottom:30px; margin-top: 10px;}
.hdsgz_con .hdsgz ul li { width:23.5%; float: left; flex-shrink: 0; margin-right:2%; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.hdsgz_con .hdsgz ul li h2 { width: 100%; float: left; color: #fff; font-size:18px; line-height:1.5em; margin-top: 20px; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
.hdsgz_con .hdsgz ul li:hover h2 { color: #dcbd68; }
.hdsgz_con .hdsgz ul li h3 { width: 100%; float: left; height:200px; overflow: hidden;  border-radius:0;}
.hdsgz_con .hdsgz ul li h3 img { width:100%; height:100%;  }
.hdsgz_con .hdsgz ul li h4 { width: 100%; float: left; color: #fff; font-size:17px;   margin-bottom: 12px; font-family: 'Bebas';  }
.hdsgz_con .hdsgz ul li h4 i { margin-right: 7px;  font-size:20px; line-height:1.5em; } 
.hdsgz_con .hdsgz ul li:hover { -webkit-transform: translateY(-15px);-transform:translateY(-15px);}

.ScrollBox { overflow-x:auto; overflow-y: hidden; }
.ScrollBox::-webkit-scrollbar { width:0; height:30px; -webkit-overflow-scrolling: touch; background-color: transparent;  }
.ScrollBox::-webkit-scrollbar-track { background: url(../images/line1.png) repeat-x center center;}
.ScrollBox::-webkit-scrollbar-thumb { height:30px; background: url(../images/gunl.png) no-repeat center center; background-size:contain; cursor: pointer;}
.ScrollBox::-webkit-scrollbar-button { height: 0px; background-color: transparent; width: 0; }



.home-section3 { width:100%; float: left;}

.w48 { width:48.5%; }
/*声色园博*/
.sppic .swiper-container3 { width:100%; margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height:400px;  }
.sppic .swiper-wrapper {  position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.sppic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.sppic .swiper-slide li { width:100%; height:100%; float: left; }
.sppic .swiper-slide li h3 { width:100%; float: left; height:100%; position: absolute; cursor: pointer;  }
.sppic .swiper-slide li h3 .photo { width: 100%; float: left; height: 100%;}
.sppic .swiper-slide li h3 .photo img { width: 100%; height: 100%;}
.sppic .swiper-slide li h3 .photo span { position:absolute; width:100%; bottom:0; z-index:5; padding:20px 20px; font-size:18px; line-height:32px; color: #fff; font-weight: 600; text-align: center; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));  }
.sppic .swiper-slide li h3 .photo em { position:absolute;z-index:6;  width:60px; height:60px; top:50%; left:50%; display:inline-block;  margin-left:-30px; margin-top:-30px;  background:url(../images/player.png) center center no-repeat; background-size: cover; border-radius:50px; }

.sppic .swiper-button-prev3,.sppic .swiper-button-next3 { width:30px; height:30px; top:50%; margin-top: -16px; z-index: 50;  cursor:pointer; position:absolute;text-align:center; line-height:30px; font-size:20px; color:#fff; font-family:"\5B8B\4F53"; font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.3); background:rgba(0,0,0,.1); transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; 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 { position:absolute; text-align:center; bottom:50px; left:0; width:100%; display: none; }
.sppic .swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; opacity:1; bottom:50px;background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.sppic .swiper-pagination-bullet-active{ opacity:1; background:#098144; width:40px; }

.popup { background:rgba(0,0,0,0); position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; display:none; }
.pop { width:100%; height:100%; top:0; left:0; -webkit-animation:pop .3s ease-in-out backwards; animation:pop .3s ease-in-out backwards;}
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}

.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 { width: 100%; float: left;}
.wmjj ul {float: left;  margin-top: -20px; }
.wmjj ul li { width: 100%; float: left;  border-bottom: 1px solid rgba(9,129,68,.1); padding:20px 0; display:flex; }
.wmjj ul li h3 { width:24%; float: left; overflow: hidden; }
.wmjj ul li h3 img { width: 100%; height:100px; }
.wmjj ul li h4 { width:76%; float: left; flex-grow: 1; display: flex; flex-direction: column;  justify-content: space-between; padding:0 0 0 20px; }
.wmjj ul li h4 span { width:100%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333;font-size:20px; line-height:1.5em;  }
.wmjj ul li h4 p { width:100%; float: left;  color: #098144; font-size:14px; line-height:1.5em;  }



.home-section4 { width:100%; float: left;  background:url(../images/bj04.jpg) center center repeat-y;  }
/*服务指南*/
.fwzn { float: left; width: 100%;  }
.fwzn ul li { width: 32%; float: left; margin-right: 2%; background:rgba(255,255,255,1); /*background:rgba(9,129,68,.08);*/ padding:17px 0 23px 0; height:230px; overflow: hidden; }
.fwzn ul li h3 { width:100%; float: left; text-align: center; }
.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:18px;}
.fwzn ul li h5 { width:100%; float: left; text-align: center; color: #333; line-height:1.5em; font-size:17px; margin-top: 5px;  font-family: 'Bebas';  }
.fwzn ul li h5 font { width: 100%;float: left; text-align: center; font-family: 'syH2'; }
.fwzn ul li h5 font i {}
.fwzn ul li h6 { width:100%; float: left; text-align: center; margin-top: 20px; }
.fwzn ul li h6 font { width:100%; float: left; position: relative; display:inline-block; cursor: pointer;  }
.fwzn ul li h6 font b { display: inline-block; font-size: 16px; padding:0 25px; line-height:36px; border-radius: 50px; background:rgba(9,129,68,.7); color: #fff;  transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s;  }
.fwzn ul li h6:hover font b {  background: #cbac6d; color: #fff; }

.fwzn ul li h6 font .ewm { width:100%; position: absolute; left:0; top:-125px; text-align: center; opacity:0; transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.fwzn ul li h6 font .ewm img { width:120px; height:auto; }
.fwzn ul li h6 font:hover .ewm { opacity:1;}
.fwzn ul li:nth-child(3n) { margin-right: 0%; }




/*网页滚动条*/
.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; }

.popup01,.popup02,.popup03,.popup04 { position:fixed; top:0; left:0; width:100%; z-index:9999999999; display:none; height:100%;  -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); pointer-events: auto; transition-duration: .12s; background:rgba(0,0,0,.8);  } /*backdrop-filter背景模糊 ,pointer-events控制背景滚动;*/

.pop02 { width:750px; height: 70%; top:15%; left:50%; margin-left: -375px; padding:8px 35px 30px 35px; overflow-y:scroll; -webkit-animation:pop .3s ease-in-out backwards; animation:pop .3s ease-in-out backwards; background:rgba(255,255,255,1); position:relative;  }
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}

.close01,.close02,.close03,.close04 { position:absolute;  top:calc(15% + 20px); right:calc(50% - 345px); z-index:999; color:#333; font-size:30px; line-height:40px; text-align: center;  font-weight: 600; 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;}
}


/*报名合集*/
.baoming { width:100%; float: left;  }
dl { width:100%; margin:18px 0; overflow:hidden; font-size:18px; color:#000; line-height:30px;  }
dt { width:22%; float:left;  padding:0 10px;}
dt b { color:#bda064; margin-right: 5px; font-weight: 600;}
dd { width:78%; float:left; }

input { border:1px solid #dfdfdf; background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; width:99%; font-family: 'syH2'; text-indent:.8rem; border-radius:5px; }
input#fujian { text-indent:0rem; border:0; }
select { border:1px solid #dfdfdf; background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; width:99%; font-family: 'syH2'; text-indent:.8rem;  }

.input2 { border:1px solid #dfdfdf; background:#fff; color:#666; font-size:16px; line-height:40px; height:40px; width:30%; font-family: 'syH2'; text-indent:.8rem; border-radius:5px; margin-right: 10px; }

.textarea { border:1px solid #dfdfdf; background:#fff; color:#666; font-size:16px; line-height:40px; height:80px;  width:99%; font-family: 'syH2'; text-indent:.8rem; border-radius:5px; }

.bot { width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background: linear-gradient(135deg,#098144 1%, #0e7f71 100%); font-size:18px;  cursor:pointer; text-indent:0;  border:0;  font-weight: 600;margin-top: 10px;}


/*.tabBar { width: 100%; float: left; margin-bottom:9px; margin-top: 25px; }
.tabBar span { display: inline-block; height:34px; font-size:22px; line-height:26px; color:#333; margin-right: 30px; border-bottom:1px solid rgba(0,0,0,.1); cursor: pointer; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;  }
.tabBar span.current { color:#098144;  border-bottom:3px solid #098144; font-weight:600; }
*/
.tabBar { width: 100%; float: left; margin-bottom:8px; margin-top:16px; }
.tabBar span { display: inline-block; font-size:20px; line-height:24px; color:#333; margin-right:10px; padding:10px 18px;  background:#e1e1e1; cursor: pointer; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;  }
.tabBar span.current { color:#fff; background:rgba(9,129,68,.7); font-weight:600; }

.tabCon { width:100%; float:left;  }

.coop { width:100%; float:left; margin-top:14px;  }
.coop ul { width:100%; float:left; display:flex; flex-wrap:wrap; }
.coop ul li { width:23.5%; float:left;  background:rgba(255,255,255,1); cursor: pointer; margin-bottom: 14px;  margin-right: 2%; padding:10px 0; }
.coop ul li span { width: 100%; float:left; height: 60px; display:flex; align-items:center; justify-content: center;  }
.coop ul li span img { -webkit-filter:grayscale(20%);  filter:grayscale(20%); filter:gray; max-width:100%; max-height: 100%;  }
.coop ul li:hover span img { -webkit-filter: grayscale(0%); }
.coop ul li p {width: 100%; float:left; font-size:15px; line-height:28px; text-align: center; color:#666;  overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.coop ul li:hover p { color:#098144; }
.coop ul li:nth-child(4n) { margin-right: 0%;}

.coop2 { width:100%; float:left; margin-top:14px; background: #fff; padding:1% 4% 2% 4%; }
.coop2 .t1 { width:100%; float:left; font-size:18px; line-height:1.5em;  color:#333;  font-weight: 600; padding:14px 0 14px 0; }
.coop2 .t1 b { color:#098144; display: inline-block; }
.coop2 ul { width:100%; float:left;display:flex; flex-wrap:wrap; }
.coop2 ul h3 { width:100%; float:left; }
.coop2 ul li { width:18.6%; float:left; margin-bottom:10px;  margin-right:1.75%; padding:12px 10px; background:rgba(0,0,0,.03); font-size:15px; line-height:20px;  color:#666; display:flex; align-items:center; justify-content: center; text-align: center; cursor: pointer; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.coop2 ul li:hover { color:#098144; }
.coop2 ul li:nth-child(5n) { margin-right: 0%; }

#coophd,#coophd2,#coophd3  { height:230px; overflow:hidden; }


.footer { width:100%; float:left; padding:25px 0 23px 0; background: url(../images/bj.jpg) center top repeat-y;  }
.footer h3 { width:100%; float:left;  }
.footer h3 em { width:100%; float:left; font-size: 18px; line-height: 1.8em; color:rgba(255,255,255,1); font-weight: 600; margin-bottom:5px; }
.footer h3 font { font-size: 15px; line-height: 1.8em; color:rgba(255,255,255,.9); padding:0 10px 0 0; display: inline-block; }

.footer h4 { width:100%; float:left; margin-top: 2px;  }
.footer h4 span { font-size: 15px; line-height:2em; color: #dcbd68;  padding:0 10px 0 0; display: inline-block;}
.footer h4 span i { margin-right:8px; font-size: 16px; line-height:2em; color: #dcbd68; }

.footer h5 { width:100%; float:left;  }
.footer h5 b { font-size: 15px; line-height: 1.8em; color:#dcbd68; margin-right: 10px; }
.footer h5 a { color:#dcbd68;  font-size: 15px;}
.footer h5 a:hover { text-decoration: underline; }
.footer h5 span { font-size: 15px; line-height:2em; color: #dcbd68; padding:0 10px 0 10px; display: inline-block;}
.footer h5 span i { margin-right:8px; font-size: 16px; line-height:2em; color: #dcbd68; }

/*---------------------------------------------------------------二级页面-----------------------------------------------------*/
.banner { position: relative; width: 100%; height:480px; overflow: hidden; top:0; z-index:5;  display:flex; align-items:center; background-size:100% auto;background-repeat: no-repeat; background-image: url(../images/haibao02.jpg); background-position: center top;  }
.banner b { position:absolute; width:100%; height:100%; display:block;  background:rgba(6,73,39,.3);/* background:rgba(9,129,68,.5);*/ z-index: 7; }
.banner h2 { width:100%; float:left;  text-align: center;position:absolute;z-index: 9; margin-top:50px; }
.banner h2 span {width:100%; float:left; font-size:70px; color: #fff;  line-height:2em; letter-spacing:8px; text-shadow:0 0px 5px rgba(27,27,27,.1);}
.banner h2 p { width:100%; float:left; font-size:28px; color:rgba(255,255,255,1); line-height:2em;}

.banner.bj01 { background-image: url(../images/haibao02.jpg); background-position: center top; }
.banner.bj02 { background-image: url(../images/haibao02.jpg); background-position: center top; }
.banner.bj03 { background-image: url(../images/haibao02.jpg); background-position: center top; }
.banner.bj04 { background-image: url(../images/haibao02.jpg); background-position: center top; }
.banner.bj05 { background-image: url(../images/haibao02.jpg); background-position: center top; }
.banner.bj06 { background-image: url(../images/haibao02.jpg); background-position: center top; }



.add {  width: 100%; float: left;  background:#fff; box-shadow: 0px 0px 5px rgba(0,0,0,.1); padding:12px 0; line-height:30px; font-size:15px; color:#666; }
.add a { color:#666; }
.add a:hover { color: #098144; }
.add i { padding:0 10px; }


.container { width:100%;float: left; padding:60px 0;  background:url(../images/bj04.jpg) center center repeat-y; }

/*图文列表*/
.twlist { width: 100%; float: left;  }
.twlist ul { display:flex; flex-wrap:wrap; }
.twlist ul li { width: 49%; float: left;   padding:20px 22px; margin-right: 2%; margin-bottom:2%; background: #fff;/* box-shadow: 0px 0px 20px rgba(0,0,0,.05);*/ }
.twlist ul li h3 { width:35%; height:140px; overflow:hidden; float:left; margin-right:3.5%;  }
.twlist ul li h3 img { width: 100%; height:100%;}

.twlist ul li h2 { height:140px; overflow: hidden; font-size:14px;  flex-grow: 1; display: flex; flex-direction: column;  justify-content: space-between; }
.twlist ul li h2 span { width: 100%; float: left; font-size:20px;  line-height:1.6em; color: #333; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.twlist ul li h2 p { width: 100%; float: left;  color: #666; font-size: 15px; line-height: 26px; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.twlist ul li h2 font { width:100%; float: left;  color: #098144; font-size:14px; line-height:1.5em; padding:8px 0 20px 0;  /*  border-bottom: 1px  dashed rgba(0,0,0,.1);*/ }
.twlist ul li h2 b { width:100%; float: left;  color: #098144; font-size:14px; line-height:1.5em;  padding:0 0 2px 0; }
.twlist ul li:hover h2 span { color: #098144; }
.twlist ul li:nth-child(2n) { margin-right:0; }

/*视频列表*/
.splist { width:100%; float:left;  }
.splist ul { display:flex; flex-wrap:wrap; }
.splist ul li { width:31.5%; float:left; margin-right:2%; margin-bottom:2%; background:#fff; /* box-shadow: 0px 0px 20px rgba(0,0,0,.05);*/ /*padding:20px 22px;  background: #fff;*/  }
.splist ul li h3 { width:100%;float:left; height:240px; 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:18px 22px 24px 22px;  }
.splist ul li h2 font { width:100%; float:left; font-size:20px;  line-height:1.6em; color:#333; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;  transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.splist ul li:hover h2 font { color: #098144; }
.splist ul li:nth-child(3n) { margin-right:0; }

/*文字列表*/
.titlist { width: 100%; float: left;  }
.titlist ul { display:flex; flex-wrap:wrap; }
.titlist ul li { width: 49%; float: left;  padding:20px 28px; margin-right: 2%; margin-bottom:2%; background: #fff; position: relative;  }
/*.titlist ul li::before { content:''; position:absolute; bottom:0; width:3px; height:75%; background-color:#098144; transform:translateX(50%); left:-3px;}*/
.titlist ul li::after { content:''; width:0; height:0; position:absolute; right:0; top:0; border-left:20px solid transparent; border-top:20px solid #098144; }
.titlist ul li h2 { width:100%; float: left;  font-size:14px;  flex-grow: 1; }
.titlist ul li h2 span { width: 100%; float: left; font-size:20px; line-height:1.6em; color: #333; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;  transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.titlist ul li h2 font { width:100%; float: left;  color: #098144; font-size:14px; line-height:1.5em;  padding:10px 0; margin-bottom: 20px; border-bottom: 1px dashed rgba(0,0,0,.1); }
.titlist ul li h2 p { width: 100%; float: left;  color: #666; font-size: 15px; line-height: 26px; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;  }
.titlist ul li:hover h2 span { color: #098144; }
.titlist ul li:nth-child(2n) { margin-right:0; }



/*本地静态样式*/
/*.page { width:100%; float:left; margin:35px 0 5px 0; font-size:18px; overflow:hidden; text-align:center; color:#555; }
.page a { color:#333; background:rgba(0,0,0,.1); margin:0 10px; padding:0 15px; line-height:40px; display: inline-table; border-radius:2px;  transition:0.5s; -webkit-transition:0.5s; }
.page a:hover { background:#cbac6d; color:#fff; border-radius:2px;}
.page a:active {  background:#098144; color:#fff; border-radius:2px;}
.page span.current { background:#098144; color:#fff; display:inline-table; border-radius:2px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 5px; }*/

/*北方网默认可调样式*/
.page { width:100%; float:left; margin:35px 0 5px 0; }
.page a { color:#333; background:rgba(0,0,0,.1); margin:0 4px; transition:0.5s; -webkit-transition:0.5s; }
.page a:hover { background:rgba(255,255,255,1); }
.page span { color:#333; }
#jumppageId { margin-left:2px; margin-right:2px;}


.about { width:100%;  float: left;  display:flex; align-items:center; justify-content:center; height:40vh; font-size:80px; color:#000; line-height:1em;  font-weight: 600; }

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

.con_bj { width:100%; float: left;  background:url(../images/bj04.jpg) center center repeat-y;  }
.con { width:100%; float:left;  background:#fff; padding:60px 65px;}
.article_tit { width:100%; float:left; font-size:32px; color:#000; line-height:1.5em; font-weight: 600; text-align:center;  }

.article_info { width:100%; float:left;font-size:16px; line-height:1.5em; text-align:center;  border-bottom:1px double rgba(0,0,0,.05); margin-bottom: 20px; padding:15px 0 30px 0; }
.article_info span { padding:0 6px; color:#777; }

.article_player { width:100%; float:left; text-align: center; margin-top:30px; }
#player { width:80%; height:500px; margin:0 auto; }

.article { width:100%; float:left; font-size:19px; line-height:2em; color:#333;  }
.article img { max-width:80%; height:auto; }
.article center { padding-top:30px; }
.article p { padding-top:30px; }
.article p strong {font-size: 23px;   font-weight: 600; }

.article_txt { width:100%; float:left; font-size:16px; line-height:32px;  color:#098144; text-align:right; margin-top: 30px;  }
.article_txt b { padding:0 12px; font-size:12px; color:rgba(9,129,68,.4); vertical-align:top; line-height:30px;  }
.article_txt em i  { padding:0 12px; font-size:12px; color:rgba(9,129,68,.4); vertical-align:top; line-height:30px;  }

.ewmjz { width:100%; float:left;  margin-top: 5%; }
.ewmjz h3 { width: 100%; float:left; text-align: center; margin-bottom:45px;  }
.ewmjz h3 img { width: 66%; height: auto; }
.ewmjz ul li { width: 12.5%; float:left; text-align: center; }
.ewmjz ul li img { width: 80%; height: auto; }


.intro { width:100%; float:left; font-size:19px; line-height:2em; color:#333;  }
.intro img { max-width:80%; height:auto; }
.intro center { padding-bottom:30px; }
.intro p {width:100%; float:left;  padding-bottom:30px; text-indent: 2em; }
.intro p strong {font-size: 23px;  font-weight: 600; }
.intro font {width:100%; float:left;font-size: 22px;  font-weight: 600;padding-bottom: 20px; }
.intro b { float:left; text-align: justify; background:rgba(9,129,68,.7); padding:6px 28px; border-radius:50px; font-size: 20px;  font-weight: 600; color: #fff; line-height: 1.5em; margin-bottom: 20px;}


.intro2 { width:100%; float:left;  color:#333; column-count:3; colunm-width:30.5%; column-gap:4.25%; margin-top: 40px; }
.intro2 img { max-width:80%; height:auto; }
.intro2 center { padding-bottom:30px; }
.intro2 p {width:100%; float:left; padding-bottom:30px;  font-size:16px; line-height:1.8em; text-indent: 2em;}
.intro2 p strong {font-size: 24px;   font-weight: 600; }

.tw { width:100%; float:left; background: #f8f8f8; margin-top: 10px; }
.tw ul li { width:100%; float:left; }
.tw ul li h1 { width:50%; height:360px; float:left; background-position:center center; background-size:cover; display: block; }
.tw ul li h2 { width:50%; float:right; padding:35px 4.5%; }
.tw ul li h2 font { width: 100%;float:left; font-size:24px; line-height:1.5em;  padding-bottom:8px; color:#000; font-weight: 600;text-transform:uppercase; }
.tw ul li h2 p {width: 100%;float:left; font-size:16px; line-height:1.8em; color:#555;  padding-top:8px; text-align: justify; }
.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:23.5%; float:left;  background: #f8f8f8; margin-right: 2%; padding:2% 2% 2% 2%;  }
.zzjg ul li i { width:100%; float:left;  color: #098144; font-size: 40px; line-height:56px; text-align: center; }
.zzjg ul li font {width:100%; float:left; font-size: 24px; line-height: 1.5em;  font-weight: 600;padding-bottom:20px; text-align: center;  color: #333;  }
.zzjg ul li p {width:100%; float:left; padding-bottom:10px; font-size: 16px;line-height: 1.5em; color: #333; text-align: center;  }
.zzjg ul li:nth-child(4n) { margin-right:0;  }