@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: arial, Verdana, 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; }


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



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



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



.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:40px; padding:0 0 18px 0; cursor: pointer;}
.header #nav li font { color:#000; line-height:40px; font-size:17px; 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:4px 0 0px 0px; 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:22px; text-align: left;font-size:15px;  padding:10px 18px;  transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s;  border-bottom: 1px solid rgba(0,0,0,.05);}
.header #nav li .subnav a:hover { background:rgba(0,0,0,.05); color:#444; }
.header #nav li a.cug {  display:inline-block; font-size:14px; line-height:37px;margin-top:26px;  background: #bebec2; color:#fff; padding:0 1.5rem; border-radius: 30px; }
.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:40px; padding:0 0 18px 0; cursor: pointer;}
.header2 #nav li font { color:#fff; line-height:40px; font-size:17px; 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:4px 0 0px 0; 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:22px; text-align: left;font-size:15px;  padding:10px 18px; transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s;  border-bottom: 1px solid rgba(0,0,0,.05);}
.header2 #nav li .subnav a:hover { background:rgba(0,0,0,.05); color:#444; }
.header2 #nav li a.cug {  display:inline-block; font-size:14px; line-height:37px; margin-top:26px;  background: #fff; color:#333; padding:0 1.5rem; border-radius: 30px; }
.header2 #nav li a.cug:hover {  background: #cbac6d; color: #fff;}

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


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



.wrapper { width:1340px; margin: 0 auto; overflow: hidden;  }
.warp { width:1340px; margin: 0 auto; }
.padall { padding:35px 0 60px 0; }
	
	
/*园博三问*/	
.quest_tuwen { width:100%; float:left; margin-bottom: 20px; }
.quest_tuwen h3 { width:100%; float:left; position: relative;  }
.quest_tuwen h3 img { width: 100%; height: auto; }
.quest_tuwen h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 30px; text-align: left; }
.quest_tuwen h3 font span { margin-right: 10px; display:none;}
.quest_tuwen h3 font b { }

.quest_tuwen2 { width:100%; float:left; margin-bottom: 20px; }
.quest_tuwen2 h3 { width:100%; float:left; position: relative;  }
.quest_tuwen2 h3 img { width: 100%; height: auto; }
.quest_tuwen2 h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 30px; text-align: left; }
.quest_tuwen2 h3 font span { margin-right: 10px; display:none;}
.quest_tuwen2 h3 font b { }

.quest_zy { width:100%;float:left;  padding:35px 50px; border: 4px solid #333; margin: 60px 0;}
.quest_zy p { width:100%; float:left;  font-size:16px; line-height:2em; color:#333;  } 
.quest_zy p .up { vertical-align: text-bottom; font-size:10px; }

.qw70 { width: 66%;  }
.qw25 { width: 30%;  }

.quest { width:100%;float:left;  }
.quest strong { width:100%; float:left;  font-size:18px; line-height:1.4em; color:#098144;font-weight: 600;padding-bottom: 10px;  } 
.quest p { width:100%; float:left;  font-size:16px; line-height:2em; color:#333; padding-bottom: 20px;  } 
.quest p .up { vertical-align: text-bottom; font-size:10px; }

.quest2 { width:100%;float:left;  padding:35px 0; column-count:3; colunm-width:30.5%; column-gap:4.25%;}
.quest2 strong { width:100%; float:left;  font-size:18px; line-height:1.4em; color:#098144;font-weight: 600; padding-bottom: 10px;  } 
.quest2 p { width:100%; float:left;  font-size:16px; line-height:2em; color:#333; padding-bottom: 20px;  } 
.quest2 p .up { vertical-align: text-bottom; font-size:10px; }

.qmtd { margin-bottom:15px; }

/*园博十二景*/
.lm { width:100%;float:left; padding:40px 0 40px 0; font-size:34px; line-height:1.5em; color:#000;  text-align: center; font-weight: 600; }

.zy { width:100%;float:left;  padding: 25px 0 42px 0; }
.zy p { width:100%; float:left;  font-size:16px; line-height:1.8em; color:#333; padding-top: 20px; } 
.zy p .up { vertical-align: text-bottom; font-size:10px; }

.zy3 { width:100%; float:left; font-size:16px; line-height:1.8em; color:#333; column-count:3; colunm-width:30.5%; column-gap:4.25%; padding: 45px 0 42px 0; }
.zy3 p {width:100%; float:left;padding-bottom: 20px; }


.yb12j { width:100%; float:left; margin-bottom: 40px; }
.yb12j ul li { width:48%; float:left; margin-right:4%; margin-bottom:25px; overflow: hidden;  }
.yb12j ul li h3 { width:100%; float:left;position: relative;  }
.yb12j ul li h3 img { width: 100%; height: auto; }
.yb12j ul li h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 4%; text-align: left; }
.yb12j ul li h3 font span { margin-right: 10px; display:none;}
.yb12j ul li h3 font b {  }
.yb12j ul li:nth-child(2n) { margin-right: 0%;  }
.yb12j ul li:nth-child(2n) font { text-align: right; }


/*国内城市展园*/
.home-section2 { width:100%; float:left;  background:url(../images/gnbj.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; }
.padall { padding:35px 0 70px 0; }

.lm5 {  width:100%; float:left; padding:40px 0 40px 0; font-size:34px; line-height:1.5em;color:#dcbd68;  text-align: center; font-weight: 600; }
.zy2 { width:100%;float:left; margin-bottom:15px;    }
.zy2 p { width:100%; float:left;  font-size:18px; line-height:1.8em; color:rgba(255,255,255,.8); padding-top: 20px; } 


.gncszy_con { width: 100%; overflow: hidden; }
.gncszy_con .gncszy { width: 100%; float: left; }
.gncszy_con .gncszy ul { display:flex; margin:0 0 25px 0;}
.gncszy_con .gncszy ul li { width:40%; float: left; flex-shrink: 0; margin-right:3%;  }
.gncszy_con .gncszy ul li h2 { width: 100%; float: left; font-size:20px; line-height:1.4em; color:#fff; padding:20px 0; }
.gncszy_con .gncszy ul li h2 span {display:none;}
.gncszy_con .gncszy ul li h2 p { }
.gncszy_con .gncszy ul li h3 { width: 100%; float: left;   border-radius:0;}
.gncszy_con .gncszy ul li h3 img { width:100%; height:100%;  }

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


/*国际城市展园*/
.gjcszy { width:100%; float:left; margin-bottom: 40px; }
.gjcszy ul li { width:32%; float:left; margin-right:2%; margin-bottom:25px; overflow: hidden;  }
.gjcszy ul li h3 { width:100%; float:left;position: relative;  }
.gjcszy ul li h3 img { width: 100%; height: auto; }
.gjcszy ul li h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 5%; text-align: left; }
.gjcszy ul li h3 font span { margin-right: 10px; display:none;}
.gjcszy ul li h3 font b {  }
.gjcszy ul li:nth-child(3n) { margin-right: 0%;  }
.gjcszy ul li:nth-child(2n) font { text-align: left; }

.gjcszy_tuwen { width:100%; float:left; margin: 60px 0; background:rgba(0,0,0,.05); }
.gjcszy_tuwen h3 { width:60%; float:left; position: relative;  }
.gjcszy_tuwen h3 img { width: 100%; height: auto; }
.gjcszy_tuwen h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 4%; text-align: left; }
.gjcszy_tuwen h3 font span { margin-right: 10px; display:none;}
.gjcszy_tuwen h3 font b { }
.gjcszy_tuwen h4 { width:40%; float:right; font-size:17px; line-height:2em; color:#333; padding:45px 55px 0 55px;  }


.w70 { width: 65%; float: left; margin-top: 60px; }
.w30 { width: 30%; float: right;  margin-top: 60px; margin-bottom: 60px;}
.project { width: 100%; float: left; }
.project ul.w1 { width: 55%; float: left;  }
.project ul.w2 { width: 40%; float: right;}
.project ul li { width: 100%; float: left; padding-bottom: 10px; border-left:1px solid rgba(0,0,0,.2); }
.project ul li h3 { width: 100%; float: left;  /*background:rgba(9,129,68,.7);*/ font-size:18px; line-height:1.4em; color:#098144;font-weight: 600;  padding:7px 0 7px 30px; }
.project ul li h3 b {  margin-right:8px; font-size:20px; line-height:1.4em;}
.project ul li h4 { width: 100%; float: left; font-size:16px; line-height:1.5em; color:#333; padding:5px 0 5px 30px; }
.project ul li h4 .up { vertical-align: text-bottom; font-size:10px; }
.project ul li h4 b { color: rgba(9,129,68,.7); margin-right: 8px; font-size:20px; line-height:1.5em;}

.project_tuwen { width:100%; float:left; margin: 50px 0 60px 0;  }
.project_tuwen h3 { width:100%; float:left; position: relative;  }
.project_tuwen h3 img { width: 100%; height: auto; }
.project_tuwen h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 30px; text-align: left; }
.project_tuwen h3 font span { margin-right: 10px; display:none;}
.project_tuwen h3 font b { }


.city_tuwen { width:100%; float:left; margin:0 0 55px 0; }
.city_tuwen h3 { width:100%; float:left; position: relative;  }
.city_tuwen h3 img { width: 100%; height: auto; }
.city_tuwen h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 30px; text-align: right; }
.city_tuwen h3 font span { margin-right: 10px; display:none;}
.city_tuwen h3 font b { }


.city { width:100%; float:left; margin-bottom:40px; }
.city ul { width: 48%;float:left;  }
.city ul.fx { float: right;}
.city ul li { width:100%; float:left;  margin-bottom:25px; overflow: hidden;  }
.city ul li h3 { width:100%; float:left;position: relative;  }
.city ul li h3 img { width: 100%; height: auto; }
.city ul li h3 font { position: absolute; bottom:0; width:100%; float:left; font-size:20px; line-height:1.4em; color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  padding:20px 4%; text-align: left; }
.city ul li h3 font span { margin-right: 10px; display:none;}
.city ul li h3 font b {  }
.city ul.fx li h3 font { text-align: right; }


.footer { width:100%; float:left; padding:20px 0; background: url(../images/bj.jpg) center top repeat-y; text-align: center;  }
.footer h3 { width:100%; float:left;  }
.footer h3 em { font-size: 18px; line-height: 1.8em; color:rgba(255,255,255,1);  font-weight: 600; }
.footer h3 em .up { vertical-align: text-bottom; font-size:10px;}
.footer h3 font {  font-size: 16px; line-height: 1.8em; color:rgba(255,255,255,1); margin-left: 10px; }

.footer h4 { width:100%; float:left;  }
.footer h4 span { font-size: 16px; line-height:1.8em; color:rgba(255,255,255,.9);  padding:0 10px 0 0; display: inline-block;}
.footer h4 span i { margin-right:8px; font-size: 16px; line-height:2em; color: rgba(255,255,255,1); }


/*---------------------------------------------------------------二级页面-----------------------------------------------------*/
.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-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:70px; }
.banner h2 span {width:100%; float:left; font-size:60px; color: #fff;  font-weight: 600; line-height:1.3em; margin-bottom:30px; text-shadow:0 0px 5px rgba(27,27,27,.1);}
.banner h2 p { width:100%; float:left; font-size:22px; color:rgba(255,255,255,.9); line-height:1.3em;}
.banner.wz { background-position: center center;  }


.container { width:100%;float: left; padding:60px 0;  background:url(../images/bj04.jpg) center center repeat-y; }
.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 { width:100%; float:left; }
.article img { max-width:80%; height:auto; }
.article center { padding-bottom:30px; }
.article p {width:100%; float:left; padding-bottom:30px; font-size:16px; line-height:1.8em; color:#333; }
.article p strong {font-size: 22px;  font-weight: 600; }
.article font {width:100%; float:left;font-size: 22px;font-weight: 600; padding-bottom: 20px; }
.article b { float:left; text-align: justify; background:rgba(9,129,68,.7); padding:7px 18px; font-size: 22px; color: #fff; line-height: 1.5em; margin-bottom: 20px;}

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

.article2 { width:100%; float:left;  color:#333; column-count:3; colunm-width:30.5%; column-gap:4.25%; margin-top: 40px; }
.article2 img { max-width:80%; height:auto; }
.article2 center { padding-bottom:30px; }
.article2 p {width:100%; float:left; padding-bottom:30px;  font-size:16px; line-height:1.8em;}
.article2 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:425px; 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:22px; 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% 1% 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: 22px; 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:14px; font-size: 16px;line-height: 1.5em; color: #333;  }
.zzjg ul li:nth-child(4n) { margin-right:0;  }