@charset "utf-8";
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }
/*td{ border:1px solid #000}
*/.zj{ width:1340px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}


/*header*/
.boxx{max-width: 85%; margin: 0 auto; }
.logo{ width:250px; float: left; padding:15px 0 0}
.logo img{ width:250px; height:70px; display:table}
.logo .logo_on{ display:none}
#header{position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; }
#header .boxx{background-color: rgba(255, 255, 255, 0); /*border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;*/ padding: 0; height: 100px; -webkit-transition: all .5s; transition: all .5s;}
#header .boxx.on{max-width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;box-shadow: 0 0 30px rgba(0, 0, 0, .1);background-color: rgba(255, 255, 255, 1);}
#header .boxx.on .topup{/*max-width:85%;*/ margin: 0 auto;}
#menu{/* float:right; width:calc(100% - 270px - 180px);*/ margin-left:5%; display: inline-block}
.tel{ float:right; margin: 30px 0 0; height:40px; background: url("/images/tel.png") no-repeat 10px center #5e9efc; display:table; padding: 0 20px  0 35px; line-height: 40px; color: #fff; font-size: 17px; box-sizing: border-box; border-radius: 25px}

/*导航栏样式*/
.navv{ padding:30px 0% 0; box-sizing: border-box; display: inline-block}
.navv li{line-height:70px; height:70px; text-align: center; float: left; position: relative; z-index: 999; font-size: 16px; box-sizing: border-box}
.navv li a{display: block; line-height: 38px; color: #fff; height: 38px; padding:0 22px; }
.navv li a:hover{color: #006530;/*text-decoration: underline; */background:#fff; }
/*.navv li:last-child:after{ display:none}*/
/*.navv li:last-child{ padding:0 10px 0 25px ;}*/
#header .boxx.on .navv li a{ color:#666} 
#header .boxx.on .navv li a:hover{ color:#006530; } 
#header .boxx.on .logo .logo_l{ display:none}
#header .boxx.on .logo .logo_on{ display: table}



.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}

.nav_k{ width:100%; display:table; margin:0 auto;background:#017939; height:56px;}
.navBar{ width:1200px; margin:0 auto;height:56px; line-height:56px; position:relative; z-index:9999;   }
.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; width:171px; margin:0 0 0 0px; display:inline; text-align:center;   }
.nav .m:hover{ background:#18b2c3;color:#fff; }
.nav h3 a{ font-size:16px;  zoom:1;  height:56px; line-height:56px; padding:0px ;  display: block; margin:0px auto 0; color:#fff; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
	
.nav .sub{ display: none; /*é??è?¤é??è—?*/ width:100%; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:56px;  background-color: rgba(32, 193, 211, 0.9);  float:left; line-height:44px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#fff; display:block; zoom:1; font-size:15px;}
.nav .sub li a:hover{  background:#18b2c3; color:#fff;   }

/* 导航样式*/
.tnav{ width: 65%; margin-left:2%; display: inline-block}
.x-menu{width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.x-menu > li{width: 14%;margin: 0;text-align: center;float: none;position: relative;}
.x-menu > li > a{font-size: 16px;color: #666;line-height: 100px;display: block;}
.x-menu > li:hover > a{color: #5e9efc; }
.x-menu > li.active > a{color: #5e9efc;}
.x-menu .lastli{width: 8% !important;text-align: right;}
.x-menu > li:hover .x-sub-menu{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.x-sub-menu{position: absolute;z-index: 999;width: 130%;left: -15%;top: 112px;background: #fff;border-radius: 5px;padding: 10px 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-sub-menu > li > a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: .5em;}
.x-sub-menu > li > a:hover{background: #e9eaeb;}
.x-sub-menu:after{content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;}
.x-menu > li .x-sub-menux{position: absolute;left: 100%;width: 100%;background: #fff;top: 80px;border-radius: 5px;padding: 10px 0;display: none;}
.x-menu > li .x-sub-menux li{position: relative;}
.x-menu > li .x-sub-menux li a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: 0.5em}
.x-menu > li .x-sub-menu li:hover .x-sub-menux{display: block;}
.x-menu > li .x-sub-menux li a:hover{background: #e9eaeb;}

.so{cursor: pointer;}
.so img{max-width: 100%;}
.ss{display: none;position: absolute;right: 0;top: 70px;width: 238px;padding: 20px;border-radius: 20px;z-index: 999;background: rgb(6, 115, 68, 0.5);}
.ss h1{ color:#fff; font-size:24px;	}



/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative; margin:100px 0 0}
.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide a{ width:100%}
.bannerbox{width: 100%;overflow: hidden;}
.banner .swiper-slid em{display: block;width: 100%;}
.banner .swiper-slide em img{width: 100%;display: block;}
.banner .swiper-pagination-bullet{width:45px;height: 6px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:10px}
.banner .swiper-pagination-bullet-active{background: #2fc8a8;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}
.banner .swiper-slide em .banner_t1{ display:none}

.swiper-button-next {background: url(/images/ban_jt.png) no-repeat center bottom; left: 4%;right: auto;width: 74px; height: 74px;}
.swiper-button-prev{background: url(/images/ban_jt.png) no-repeat center bottom; right: 4%;left: auto;width: 74px; height: 74px; transform: rotate(180deg);}

.swiper-button-next:hover {background: url(/images/ban_jt1.png) no-repeat center bottom; left: 4%;right: auto;width: 74px; height: 74px;}
.swiper-button-prev:hover {background: url(/images/ban_jt1.png) no-repeat center bottom; right: 4%;left: auto;width: 74px; height: 74px; transform: rotate(180deg);}


/* banner */
.fullSlide{ width:100%;  position:relative;  height:840px; background:#fff; padding: 0 0  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:840px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:840px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:9999; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:19px; margin:2px 4px; overflow:hidden; background: url(/images/bg_sign17.png) no-repeat center top;  line-height:999px; border-radius:0.5rem	}
.fullSlide .hd ul .on{ background: url(/images/bg_sign17.png) no-repeat center bottom;  }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:48%; left:2%;  z-index:9999; width:70px; height:70px; background:url(/images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:48%; left:2%;  z-index:9999; width:70px; height:70px; background:url(/images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

img.lazy{background: url(/images/loading.gif) 50% no-repeat;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

/*特效集*/

@keyframes pulse {
 0% {transform: scale(1);}
 50% {transform: scale(1.2);}
 100% {transform: scale(1);}
}
/**/
.wrap{ width:100%; }
.box1{width:100%; margin: 0 auto; background: url("/images/bj1.jpg") no-repeat center center; min-height: 860px;}
.jj{width:50%; float: right; padding: 140px 0 0;}
.bt{ line-height:1; text-align:center; margin:0 auto 30px; display: table}
.bt h1{ font-weight: bolder;color: rgba(0,0,0,0);font-size:70px; -webkit-text-stroke: 1px #d0d3d6;}
.bt h2{font-size:40px; color:#333; margin:20px auto 20px; display:table }
.bt h2 span{ color:#5e9efc}
.box1 .bt{ text-align:left;padding:0; margin: 0}
.box1 .bt h2{ text-align:left;margin:40px 0 20px; }
.jj h3{ color:#5e9efc;font-size:40px; margin:0 0 40px }
.jj p{ font-size:16px; color:#666666; line-height:36px; height:216px; overflow:hidden}
.jj a{font-size:16px; height:50px; line-height:50px; padding:0 60px 0 40px; background:url(/images/more.png) no-repeat 110px center  #fff; color:#5e9efc; border:1px solid #5e9efc; border-radius:25px; display:table;-webkit-transition: all .5s ease;transition: all .5s ease;}
.jj a:hover{border:1px solid #5e9efc; background:url(/images/more1.png) no-repeat 110px center  #5e9efc; color:#fff;}

.box2{ width:1340px; display:table; margin:0 auto; padding:60px 0 90px}
.box2 .bt{margin:0 auto 40px; }
.case{ width:100%; display:table; }
.case li:first-child{ width:65%; height:600px }
.case li{ width:35%; float:left; height:300px; }
.case li a{ width:100%; display:table; height:100%;position:relative; overflow:hidden;
    bottom: 20px;    transition: bottom .3s ease-out;background-color: rgba(0,0,0,.2);}
.case li a .case-t{width:100%; display:table; height:100%; }
.case li a .case-w{ position:absolute; bottom:0; color:#fff; font-size:16px; line-height:1.4; padding:0 0 20px 20px; box-sizing:border-box;bottom: -57px;
    transition: bottom .3s ease-out; }
.case li a .case-w h1{ font-size:30px; font-weight:bolder}
.case li a .case-w h2{ font-size:26px; }
.case li a .case-w span{ display:table; padding:5px 0 0}
.case li a .case-w i{ font-size:14px; padding:0 20px; border:1px solid #fff; line-height:30px; display:table; margin:15px 0 5px; }
.case li a:hover .case-w i{ }
.case li a:hover .case-w{bottom:0;} 
.case li a .case-w i:hover{ background:#5e9efc; border:1px solid #5e9efc; color:#fff}

.more{ display:table; margin:0 auto}
.more a{font-size:16px; height:50px; line-height:50px; padding:0 60px 0 40px; background:url(/images/more.png) no-repeat 110px center  #fff; color:#5e9efc; border:1px solid #5e9efc; border-radius:25px; display:table;-webkit-transition: all .5s ease;transition: all .5s ease;}
.more a:hover{border:1px solid #5e9efc; background:url(/images/more1.png) no-repeat 110px center  #5e9efc; color:#fff;}

.box3{width:100%; margin: 0 auto; background: url("/images/bj2.jpg") no-repeat center bottom #fbfbfb;  padding:70px 0 }
.xw{ display:table; margin:0 auto 60px}
.xw li{ float:left; width:31%; display:table; margin-right:3.5%}
.xw li a{ width:100%; padding:18px; box-sizing:border-box; background:#fff; display:table}
.xw li a .xw-t{ width:100%; min-height:190px; display:table; overflow:hidden;}
.xw li a .xw-t img{ width:100%; display:table; height:100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.xw li:nth-child(3n){ margin-right:0}
.xw li a .xw-w{ width:100%; display:table; color:#888; font-size:14px; line-height:24px;}
.xw li a .xw-w h1{width:100%; border-left:2px solid #5e9efc; height:22px; line-height:22px; font-size:16px; padding:0 0 0 10px;box-sizing:border-box; margin:30px 0 }
.xw li a .xw-w h1 time{ float:right; font-size:14px;}
.xw li a .xw-w h2{font-size:20px; color:#535252; line-height:1; margin:0 0 22px}
.xw li a .xw-w h2{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.xw li a .xw-w p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xw li a .xw-w i{ display:table;}
.xw li a:hover .xw-t img{transform: scale(1.08);}
.xw li a:hover .xw-w h2,.xw li a:hover .xw-w i{ color:#5e9efc}




/*fotter*/
.fotter{ background:#353535; width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{  margin:0 auto; display:table; padding:35px 0 30px ; width:1340px}
.fo_l{ min-width:55%;  display:table; float:left;padding:0 0 18px}
.fo_l li { display:table; padding-right:15%;float:left;}
.fo_l li a{ font-size:14px; color:#bcbcbd; display:table; line-height:32px;}
.fo_l li a:hover,.fo2 a:hover{ color:#fff;opacity:1;}
.fo_l li h1,.fo_l li h3{ font-size:17px; margin:0 0 15px; line-height:32px}
.fo_c{width:400px; float:left;line-height: 32px; color:#bcbcbd; }
.fo_c h1{ font-size:16px; background: url("/images/fo_ico1.png") no-repeat center right; padding:0 40px 0 0; line-height:30px}
.fo_c h3{    margin: 0 0 15px;}
.fo_c h2{ font-size:30px; font-weight:bolder; color: #fff; padding: 5px 0 5px}
.fo_c a{ margin: 20px 0 0; background: url("/images/fo_ico2.png") no-repeat 20px center  #626262; padding: 0 30px 0 50px;line-height: 30px; line-height: 30px; display: table; float:right; border-radius: 25px; }
.fo_c a:hover{background: url("/images/fo_ico2.png") no-repeat 20px center  #5e9efc; }

.fo_r{ width:138px; background: url("/images/wx_bj.png") no-repeat center top; font-size:14px; color:#bab9b9;float:right;  padding: 10px ; box-sizing: border-box}
.fo_r img{ width:100%; display:table; margin:0 auto}
.fo_r span{ display:table; width:100%; text-align:center; margin:20px auto 0}

.fo2{ color:#bab9b9;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:24px; padding:10px 0; border-top:1px solid #4e4e4e; }
.fo2 a{color:#bab9b9; margin:0 5px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle;}
.fo2 .fo_lj img{ display:table; padding: 0 0 }


.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}
@media only screen and (max-width:1600px) {


   
}
@media only screen and (max-width:1500px) {


}
@media only screen and (max-width:1400px) {

}
@media only screen and (max-width:1340px) {
.zj,.box2{ width:1200px;}
.tnav{ width: 60%}
.x-sub-menu{ width: 135%}
.jj{ width:53%}
}

@media only screen and (max-width:1250px) {

    

}