@charset "utf-8";
@import "animate.css";
@import "font-awesome/css/font-awesome.min.css";
@import "fas-awesome/css/fas-awesome.css";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Noto Sans SC'; font-weight: 400;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial,'Noto Sans SC';font-weight: 400;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width: 1400px; margin: 0 auto; }
.hidden{ overflow:hidden;}
.header{ height:115px;}
.logo{height:51px; margin-top:32px; overflow:hidden;}
.logo img{ display:block; height:51px;}
.logo a{ float:left;}
.logo .tel{ float:left; margin-left:18px;}
.logo .tel span{ display:block; color:#3a3a3a; line-height:1; margin-top:8px;}
.logo .tel p{ display:block; color:#4c9867; font-size:18px; font-family:Impact; line-height:1; margin-top:7px;}
.nav{ /*overflow:hidden;*/}
.nav li{ float:left; line-height:115px; color:#3a3a3a; font-size:16px; width:124px; text-align:center;}
.nav li a{  display:block;}
.nav li a.on,.nav li:hover{  color:#ffffff; font-size:18px; font-weight:bold;
    background-color: #45ce93;
    background-image: linear-gradient(to right bottom, #45ce93,#0193fa);}
.nav-toggle{display: none;margin-top: 17px;background: none;border: none;outline: none;cursor: pointer; margin-left:10px;}
.nav-toggle span{display: block;width: 20px;height: 2px;margin: 6px;background-color: #4c9867;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}
.banner{ /*background: url(../images/bannerbj.jpg) no-repeat center center; background-size:auto 100%; height:660px;*/}
.banner .container{ position:relative; height:100%;}
.banwz{color:#ffffff; overflow:hidden; float:left; position:relative; z-index:2000;}
.banwz h3{ font-size:60px; line-height:80px; margin-top:135px;} 
.banwz h4{ font-size:36px;line-height:80px;}
.banwz p{ font-size:20px; line-height:36px;}
.banwz span{ width:212px; height:54px; display:block; border:1px solid #ffffff; line-height:54px; text-align:center; font-size:18px; margin-top:80px;}
.banwz span:hover{ background:#ffffff; color:#4c9867;}
.banimg{ position:absolute; bottom:5%; right:-5%; z-index:1000; }
.ban01 .banimg img{ width:572px; display:block;}
.ban02 .banimg img{ width:647px; display:block;}
.ban03 .banimg img{ width:494px; display:block;}
.ban03 .banimg{bottom:20%;}
.wenti{ overflow:hidden; margin:50px 0 20px 0;}
.wtit{ width:180px; color:#535353; font-size:18px; line-height:34px;}
.wlist{ overflow:hidden;  }
.wlist a{ height:34px; line-height:34px; display:inline-block; padding:0 30px; border-radius:17px; background:#ebf5f1; color:#535353; font-size:16px; margin:0 30px 22px 30px;}
.wlist a.ab{ color:#ffffff; font-size:20px; background:#0faf75; font-weight:bold;}
.wlist a:hover{background:#0193fa; color:#ffffff;}
.habout{ background:url(../images/habj.png) no-repeat top center; background-size:auto 100%; height:auto; padding-top:50px;padding-bottom:50px; }
.tit{ text-align:center;}
.tit h3{ color:#272727; font-size:48px; font-weight:bold;}
.tit p{ color:#777777; font-size:18px; margin-top:0px;}
.bai h3{ color:#ffffff;}
.bai p{ color:#ffffff;}
.haimg{ margin-top:20px; }
.haimg img{ height:135px; display:block; margin:0 auto;}
.hatxt{text-align:left; color:#454545; line-height:2.2; font-size:16px; margin-top:30px;}

/* == 翻页公用  ====================================================================================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 0px 0px 40px 0px;}
.pageflip a{color: #499664;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px; border: 2px solid #499664;border-radius: 5px;margin: 0px 5px;}
.pageflip a:hover,.pageflip a.dq{background: #499664;color: #fff;}
.pageflip a i{display: block;line-height: 30px;height: 30px; }
@media (max-width:768px){
.pageflip{ margin: 20px 0px 20px 0px;}
.pageflip a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 0.3rem;margin: 0px 2px; border-radius: 3px; }
.pageflip a i { line-height: 24px; height: 26px; }
}
/* == 翻页公用  ====================================================================================*/


.toubao{ background:url(../images/tbbj.png) no-repeat center center; background-size:cover; height:auto; padding-top:70px; padding-bottom: 70px; }
.tblist{ overflow:hidden; margin-top:30px;}
.tblist li{ float:left; width:16.66%; text-align:center;}
.tblist li a{display: flow-root;padding: 30px 10px; /*height: 250px;*/}
.tblist li a:hover{ background:#2bb496; color:#fff;}
.tblist li .ico{ width:70px;margin:0 auto;}
.tblist li .ico img{ display:block; width:70px; }
.tblist li h3{ /*color:#4d4d4d;*/ font-size:20px; font-weight:normal; margin-top:25px;}
.tblist li p{ /*color:#858585; */font-size:14px; line-height:25px; height: 75px; margin-top:15px; overflow: hidden;}

.cpzs{padding-top: 10px;}
.cpzs li{ width:23%; float:left; margin:1%; text-align:center; }

.cpzs li .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; }
.cpzs li .imgzoom img{width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.cpzs li:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.cpzs h3{padding:10px 0; font-size: 16px; color:#fff;}


@media screen and (max-width: 1024px){
    .cpzs li{ width:100%;}
    
}
.sj{ display:none}
@media (max-width: 960px){
    .toubao{ padding-top:70px; padding-bottom: 0px; }
	.sj{ display:block}
	.pc{ display:none;}
	.tblist li a{ height:auto}
    .tblist li a{display: flow-root;padding: 10px 10px; /*height: 250px;*/}
.tblist li a:hover{ background:#2bb496; color:#fff;}
	}



.xw{display: flow-root;margin-bottom: 40px;}
.xw li{ float:left; width:48%; padding:8px 20px;margin:5px 0.5%;background: #ebf6f2; position: relative;}
.xw li h6{ font-size:16px; font-weight: 400; width: 85%; height: 25px; line-height: 25px; overflow: hidden;}
.xw li span{ float:right; font-size:14px; position: absolute; top: 10px; right: 10px;}
.xw li:hover{ color:#fff;background: #2bb496;}
@media screen and (max-width: 980px){
.xw li{ width:98%}   
.xw{display: flow-root;margin-bottom: 40px; padding-top: 30px;}
}


.lianxim{margin-top: 50px;display: flex;flex-direction: row;justify-content: space-between;}
.lianxim .warp{width: 24%; border: 1px solid #ddd;padding: 30px 20px;text-align: center;}
.lianxim .warp span{display: block;font-size: 18px; line-height: 30px; margin-bottom: 0px; font-weight: bold;}
.lianxim .warp img{width: 50px;height: 50px;margin-bottom: 20px;}
.lianxim .warp .p1{font-size: 16px;line-height: 24px;}
.con2{padding-top: 50px;padding-bottom: 50px;}
.con2 iframe{width: 100%;  height: 450px;margin-top: 10px;}

@media (max-width:1023px){
.con1{padding-top: 10px;padding-bottom: 20px;}
.con1m{position: relative;margin-top: 20px;background-color: #e6e6e6;}
.con1m_l{width: 100%;position: relative;top: 0px;left: 0px;}
.con1m_r{min-height: auto;padding: 10px 10px 10px 10px;}
.con1m_r .h4{font-size: 18px;margin: 5px 0px;color: #e62129;font-weight: bold;}
.con1m_r .p1{font-size: 14px;line-height: 24px;height: auto;overflow: hidden;}
.lianxim{margin-top: 30px;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.lianxim .warp{width: 100%; border: 1px solid #ddd;padding: 20px 20px;text-align: center;margin-bottom: 10px;}
.lianxim .warp span{display: block;font-size: 18px;margin-bottom: 5px;}
.lianxim .warp img{width: 40px;height: 40px;margin-bottom: 10px;}
.lianxim .warp .p1{font-size: 16px;line-height: 24px;}
}
/* 联系我们 */



/** == 首页banner ====================================================================================*/
.banner_box{ width: 100%; position: relative;}
.swiper-ban.swiper-container {}
.swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;}
.swiper-ban a { display: block; width: 100%; height:100%; overflow: hidden; position: relative;}
.swiper-ban a .slide_full{width: 100%; height:650px; overflow: hidden; position: relative; }
.swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }
.swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1; background:rgba(0,0,0,0.0);}

/** banner上文字 =====*/
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; 
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 0px; color: #fff; font-size: 40px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 16px;}

/** 点点点 =====*/
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-ban .swiper-pagination-bullet {background: #fff; width: 10px; height: 10px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #104492; width: 30px; }
/** 箭头 =====*/
.swiper-ban .swiper-button-prev {opacity:1;}
.swiper-ban .swiper-button-next {opacity:1;}
.swiper-ban .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; border-radius:100%; background:rgba(0,0,0,0.4);  color: #fff; text-align: center;}
.swiper-ban .swiper-button-next {width: 50px;height: 50px; line-height: 50px; border-radius:100%; background:rgba(0,0,0,0.4); color: #fff; text-align: center;}
.swiper-ban .swiper-button-prev,.swiper-ban .swiper-button-next{font-size: 26px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-button-prev:hover{background:rgba(0,0,0,0.9);  color: #fff;}
.swiper-ban .swiper-button-next:hover{background:rgba(0,0,0,0.9);  color: #fff;}

@media (max-width: 1366px) { 
}

@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; margin-top: 70px;}
.swiper-ban a .slide_full{width: 100%; height:170px;}
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;}
.swiper-ban .swiper-button-prev {width: 35px;height: 35px; line-height: 35px; left: 5px;}
.swiper-ban .swiper-button-next {width: 35px;height: 35px; line-height: 35px; right: 5px;}
	
.wenzi_main{width: 100%; margin: 0px auto; padding: 0px 10px; text-align: center; }
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 0px; color: #fff; font-size: 16px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 12px;}
}
/** == 首页banner ====================================================================================*/

















.nav li{position: relative;}
  .nav li dl{
    width: 100%;
    position: absolute;
    z-index: 10000;
    display: none;
    left: 0px;
    top: 100%;
    background:#fff;
    padding: 15px 0px;
    }
   .nav li dl dd {
    width: 100%;
    height: 35px;
    line-height: 35px;
    float: left;
}
.nav li dl dd{width:100%; height:35px; line-height:35px; float:left;}

.nav li dl dd a{width:100%; height:35px; line-height:35px; display:inline-block; overflow:hidden; text-align:center; color:#000000; font-size:14px;}

.nav li dl dd a:hover{ color:#d9271f; text-decoration:none;}

.xitong{ background:url(../images/xtbj.jpg) no-repeat center center; background-size:auto 100%; padding-top:70px; padding-bottom:30px;}
.xtlist{ overflow:hidden; margin-top:70px;}
.xtlist li{ float:left; width:31.33%; /*margin-right:3.5%;*/ margin:1%; height:377px; overflow:hidden; text-align:center;}
/*.xtlist li.xm01{ background:url(../images/xtbj01.jpg) no-repeat center center; background-size:cover; }
.xtlist li.xm02{ background:url(../images/xtbj02.jpg) no-repeat center center; background-size:cover; }
.xtlist li.xm03{ background:url(../images/xtbj03.jpg) no-repeat center center; background-size:cover; }*/
.xtlist li .ico{ width:58px; height:58px; margin:62px auto 0 auto;}
/*.xtlist li.xm01 .ico{ background:url(../images/xtico01.png) no-repeat center center; background-size:cover;}
.xtlist li.xm02 .ico{ background:url(../images/xtico02.png) no-repeat center center; background-size:cover;}
.xtlist li.xm03 .ico{ background:url(../images/xtico03.png) no-repeat center center; background-size:cover;}*/
.xtlist li h3{ color:#4d4d4d; font-size:24px; font-weight:normal; margin-top:25px;}
.xtlist li p{ color:#777777; font-size:16px; line-height:30px; margin-top:15px;}
.xtlist li a{ display:block; width:115px; padding-right:15px; height:40px; margin:30px auto 0 auto; border-radius:3px; text-align:center; line-height:40px; border:1px solid #13be80; color:#13be80; font-size:16px; background:url(../images/xmjian.png) no-repeat right center; background-size:auto 100%;}
/*.xtlist li.xm01:hover,.xtlist li.xm02:hover,.xtlist li.xm03:hover{background:#0faf75;}
.xtlist li.xm01:hover .ico{ background-image:url(../images/xtico01s.png);}
.xtlist li.xm02:hover .ico{ background-image:url(../images/xtico02s.png);}
.xtlist li.xm03:hover .ico{ background-image:url(../images/xtico03s.png);}*/
.xtlist li:hover h3{ color:#ffffff;}
.xtlist li:hover p{ color:#ffffff;}
.xtlist li:hover a{ color:#ffffff; border-color:#ffffff; background-image:url(../images/xmjians.png);}
.buzhou{ padding-top:70px; overflow:hidden;}
.bzmain{ overflow:hidden; width:92%; margin:60px auto;-moz-box-shadow:0 5px 12px #cccccc; -webkit-box-shadow:0 5px 12px #cccccc; box-shadow:0 5px 12px #cccccc;}
.bznav{ float:left; width:28.5%; position:relative; z-index:100;} 
.bznav li{ height:93px; border-bottom:1px solid #e9e9e9; line-height:92px;height:92px; background:#ebf5f1; position:relative; cursor:pointer;}
.bznav li .num{ color:#dee8e4; font-size:72px; font-family:Impact; margin-left:40px; width:40px; text-align:center; float:left;}
.bznav li .ico{ margin:22px 26px; height:46px; width:46px; border-radius:50%; background:#0faf75; float:left;}
.bznav li .name{  float:left; color:#262626; font-size:24px;}
.bznav li:after{ content:""; width:40px; height:40px; border:3px solid #0faf75; background:#ffffff url(../images/bzico.png) no-repeat center center; background-size:100%; border-radius:50%; position:absolute; right:0; top:50%; margin-top:-20px; margin-right:-34px; display:none; z-index:100;}
.bznav li .bzico01{ background-image:url(../images/bzico01.png); background-size:100%;}
.bznav li .bzico02{ background-image:url(../images/bzico02.png); background-size:100%;}
.bznav li .bzico03{ background-image:url(../images/bzico03.png); background-size:100%;}
.bznav li .bzico04{ background-image:url(../images/bzico04.png); background-size:100%;}
.bznav li .bzico05{ background-image:url(../images/bzico05.png); background-size:100%;}
.bznav li.on{ background:#0faf75; border-color:#0faf75;}
.bznav li.on .num{ color:#3eb887;}
.bznav li.on .bzico01{ background-image:url(../images/bzico01s.png); background-color:#ffffff;}
.bznav li.on .bzico02{ background-image:url(../images/bzico02s.png); background-color:#ffffff;}
.bznav li.on .bzico03{ background-image:url(../images/bzico03s.png); background-color:#ffffff;}
.bznav li.on .bzico04{ background-image:url(../images/bzico04s.png); background-color:#ffffff;}
.bznav li.on .bzico05{ background-image:url(../images/bzico05s.png); background-color:#ffffff;}
.bznav li.on .name{ color:#ffffff;}
.bznav li.on:after{ display:block;}
.bzlist{ overflow:hidden; background:#0faf75; padding:14px; height:460px;}
.bzlist li{ float:left; background:#ffffff; width:100%; height:100%; overflow: hidden; padding:40px; display:none;}
.bzlist li .txt{ float:left; width:50%;}
.bzlist li .txt .bztit{ color:#ebf5f1; line-height:0.8; font-family:Impact; font-size:100px; position:relative;}
.bzlist li .txt .bztit h3{ color:#262626; font-size:36px; font-weight:normal; line-height:1; position:absolute; left:0; bottom:0;}
.bzlist li .txt p{ color:#4d4c4c; font-size:18px; line-height:1.9; margin-top:30px; padding-right:50px;}
.bzlist li .img{ float:right; width:50%;}
.bzlist li .img img{ width:100%; height:100%;}
.hezuo{ margin-top:20px; }
.hzlist{ overflow:hidden; margin:10px 0 70px 0;}
.hzlist li{ float:left; width:25%; padding:1%; }
.hzlist li .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
.hzlist li .imgzoom img{width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.hzlist li:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}


.hzlist li p{text-align: center;background: #ebf6f2; padding: 0px 10px; line-height: 45px; height: 45px; overflow: hidden; font-size: 16px; color: #333;}



.zixun{ height:180px; width:100%; text-align:center; background:url(../images/hezuo.jpg) no-repeat center center; background-size:cover;}
.zixun p{ color:#ffffff; font-size:36px; line-height:1; margin-top:54px;}
.zixun a{ display:block; width:116px; height:40px; text-align:center; line-height:40px; margin:22px auto 0 auto; background:#ffffff; border-radius:3px; color:#0faf75; font-size:16px; }
.zixun a:hover{ background:#0193fa; color:#ffffff;}
.footer{ background:#212330;}
.dbnav{ margin-top:20px; line-height:60px; border-bottom:1px solid #2d2f3a; color:#686b79; text-align:center; font-size:16px;}
.dbnav span{ margin:0 70px;}
.dbnav a:hover{ color:#ffffff;}
.dbinfo{ overflow:hidden; padding:15px 0;}
.dbinfo .txt{ color:#686b79; font-size:16px; line-height:36px; margin:35px 0 0 35px;}
.dbinfo a:hover{ color:#ffffff;}
.dbinfo .img{ width:137px; height:137px; /*border-radius:50%;*/ overflow:hidden; margin-right:65px;}
.dbinfo .img img{ width:100%; height:100%; display:block; }
.onlineh{ height:50px; display:none;}
.online-service{ position:fixed; top:50%; right:0;width:60px; margin-top:-150px; z-index:2000;}
.online-service li{ float:left; width:100%; margin-bottom:15px; position:relative; }
.online-service li .ico{ width:60px; height:60px; cursor:pointer;
 border-radius: 8px 0 0 8px;
 -moz-box-shadow: 0 0 12px #e4f2fd;
 -webkit-box-shadow: 0 0 12px #e4f2fd;
 box-shadow: 0 0 12px #e4f2fd;}
.online-service li .lx{ position:absolute; top:0; right:70px; height:60px; text-align:center; font-family:Impact; font-size:24px; color:#0faf75; line-height:60px; border:1px solid #ebebeb; background:#ffffff; width:180px;box-shadow: 0px 2px 4px 0px rgba(64,87,219,0.1);border-radius:8px; display:none; overflow:hidden; }
.online-service li:hover .lx{ display:block;}
.online-service li .ewm{ position:absolute; top:0; right:70px; width:150px; height:150px; border:1px solid #ebebeb; background:#ffffff; padding:4px; box-shadow: 0px 2px 4px 0px rgba(64,87,219,0.1); border-radius:8px; display:none;}
.online-service li .ewm img{ width:100%; height:100%; display:block;}
.online-service li:hover .ewm{ display:block;}
.online-service li .os01{ background:#ffffff url(../images/os01.png) no-repeat center center; background-size:70%;}
.online-service li:hover .os01{ background:#0faf75 url(../images/os01s.png) no-repeat center center; background-size:70%;}
.online-service li .os02{ background:#ffffff url(../images/os02.png) no-repeat center center; background-size:70%;}
.online-service li:hover .os02{ background:#0faf75 url(../images/os02s.png) no-repeat center center; background-size:70%;}
.online-service li .os03{ background:#ffffff url(../images/os03.png) no-repeat center center; background-size:70%;}
.online-service li:hover .os03{ background:#0faf75 url(../images/os03s.png) no-repeat center center; background-size:70%;}
.online-service li .os05{ background:#ffffff url(../images/os05.png) no-repeat center center; background-size:70%;}
.online-service li:hover .os05{ background:#0faf75 url(../images/os05s.png) no-repeat center center; background-size:70%;}
.nyban{ height:400px;}
.nyban .nbtxt{ color:#ffffff; line-height:1; overflow:hidden;}
.nyban .nbtxt h3{ font-size:72px; font-weight:normal; margin-top:140px;}
.nyban .nbtxt p{ font-size:14px; margin-top:40px;}
.nyban .nbtxt p span{ margin:0 5px;} 
.nyban .nbtxt p a:hover{ text-decoration:underline;}
.fufeilist{ overflow:hidden; margin:55px 0 25px 0;}
.fufeilist li{ float:left; width:100%; overflow:hidden; height:60px; line-height:60px; background:#ebf6f2; margin-bottom:20px;}
.fufeilist li a{ display:block; overflow:hidden; }
.fufeilist li a:hover .title{ color:#499664 ;}
.fufeilist li .num{ float:left; width:50px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold;
    background-color: #45ce93; background-image: linear-gradient(to right bottom, #45ce93,#0193fa);}
.fufeilist li .title{ color:#393939; font-size:18px; font-weight:bold; margin-left:22px; float:left;}
.fufeilist li .more{ float:right; margin:15px 85px 0 0; width:102px; height:30px; border:1px solid #499664; border-radius:15px; font-size:14px; color:#499664; line-height:30px; text-align:center;}
.fufeilist li .more:hover{ background:#499664; color:#ffffff;}
.showmain{ padding:80px 0;}
.showtop{ text-align:center;}
.showtop h1{ color:#282828; font-size:36px; font-weight:normal;}
.showtop .canshu{ color:#8f8e8e; font-size:16px; line-height:24px; margin-top:20px;}
.showtop .canshu span{ margin:0 10px;}
.showtxt{ margin-top:60px; background:#f8f8f8; padding:40px; color:#565656; font-size:16px; line-height:2.2;}
.anlipage{ overflow: hidden; color: #828282; border: 1px solid #eeeeee;
border-left: none; border-right: none; text-align: left; margin-top:40px;}
.anlipage span{padding:15px 20px; line-height: 1.5; width: 50%; color:#464545;}
.anlipage a{ color:#828282;}
.anlipage span.a1{border-right: 1px solid #eeeeee}
.anlipage a:hover{text-decoration: underline; color: #4c9867}
.hzlist2{ margin:50px 0 30px 0;}

.about{ text-align:center; background:url(../images/habj.png) no-repeat center top; background-size:100% auto; padding:70px 0;}
.about .atit{ color:#272727; font-size:48px;    font-weight: 400;}
.about .atxt{ color:#434242; font-size:18px; line-height:2.5; margin-top:40px;}
.about p{ text-align:left;}


.news_info{ text-align:left; padding:50px 0;}
.news_info .atit{ color:#272727; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.news_info .atit .h1{font-size: 28px;color: #333;font-weight: bold;margin-bottom: 10px;}
.news_info .atit  span{font-size: 16px;margin-right: 50px;color: #666;}
.news_info .atit  span i{margin-right: 5px;}

.news_info .atxt{ color:#434242; font-size:18px; line-height:2; margin-top:20px; position: relative; width: 100%; overflow: hidden;}
.news_info p{ text-align:left;}
@media screen and (max-width: 1023px){
    .news_info .atit .h1{font-size: 22px;color: #333;font-weight: bold;margin-bottom: 10px;}
}

.fanye{margin-top: 50px;margin-bottom: 20px;}
.fanyea{padding-bottom: 15px;color: #333;font-size: 18px; padding: 0px 0px;line-height: 30px;height: 30px;overflow: hidden; transition: all 0.5s ease-out;width: 100%;}
.fanyea a{color: #333;transition: all 0.5s ease-out;}
.fanyea a:hover{color: #4c9867; }
a.back{display: inline-block;background: #4c9867;color: #fff;padding: 10px 20px;font-size: 18px;border-radius: 5px;transition: all 0.5s ease-out;}
a.back:hover{padding: 10px 30px;}
@media screen and (max-width: 1023px){
    
.fanye{margin-top: 20px;margin-bottom: 10px;}
.fanyea{padding-bottom: 15px;color: #333;font-size: 16px; padding: 0px 0px;line-height: 24px;height: 24px;overflow: hidden; transition: all 0.5s ease-out;width: 100%;}
.fanyea a{color: #333;transition: all 0.5s ease-out;}
.fanyea a:hover{color: #4c9867; }
a.back{display: inline-block;background: #4c9867;color: #fff;padding: 5px 10px;font-size: 12px;border-radius: 5px;transition: all 0.5s ease-out;}
a.back:hover{padding: 10px 30px;}

.news_info{ text-align:left; padding:20px 0;}
.news_info .atxt{ font-size: 16px;}
.news_info .atxt img{width:auto; max-width: 100%;}
}

.jiejue_box{ padding-top: 50px;}
.ser2_box{margin-bottom: 10px;position: relative;}
.ser2_r{position: absolute;top: 0px; left: 0px;width: 650px;}
.ser2_r .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
.ser2_r .imgzoom img{width: 100%;height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.ser2_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.ser2_l{ background: #fff; min-height: 396px;padding: 30px 50px  50px 730px;}
.ser2_l .tit{margin-bottom: 20px; text-align: left;}
.ser2_l .tit .h2{font-size: 26px;color: #333; margin-bottom: 5px;position: relative;padding-bottom: 15px;}
.ser2_l .tit .h2:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 50px;border-bottom: 3px solid #999;}
.ser2_l .tdd{font-size: 16px;color: #666;line-height: 26px;height: 130px;overflow: hidden;margin-bottom: 20px;}
.ser2_l .zi{display: inline-block;background: #4c9867;color: #fff;padding: 10px 20px;border-radius: 10px;cursor: pointer;}

@media screen and (max-width: 1023px){
.jiejue_box{ padding-top: 50px;}
.ser2_box{margin-bottom: 10px;position: relative;}
.ser2_r{position:relative;top: 0px; left: 0px;width: 100%;}
.ser2_r .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
.ser2_r .imgzoom img{width: 100%;height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.ser2_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.ser2_l{ background: #fff; min-height: auto;padding: 20px 0px  20px 0px;}
.ser2_l .tit{margin-bottom: 20px; text-align: left;}
.ser2_l .tit .h2{font-size: 22px;color: #333; margin-bottom: 5px;position: relative;padding-bottom: 15px;}
.ser2_l .tit .h2:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 50px;border-bottom: 3px solid #999;}
.ser2_l .tdd{font-size: 16px;color: #666;line-height: 26px;height: auto;overflow: hidden;margin-bottom: 5px;}
.ser2_l .zi{display: inline-block;background: #4c9867;color: #fff;padding: 10px 20px;border-radius: 10px;cursor: pointer;}

}

.pro_box{ padding:20px 0 20px 0; background-color: #f6f7fb;}
.pro_nav{ padding: 20px 0px;display: flex; }
.pro_nav a{ display: block; padding: 30px 10px; width: 180px; margin-right: 15px; text-align:center; background-color: #fff; border: 1px solid #bfbfbf; color: #000;border-radius:5px; font-size: 16px; font-weight: bold;}

.pro_nav a:hover{  color: #00A971;border: 1px solid #00A971; }
.pro_nav a span{ width: 62px; height: 62px; display: block; margin: 0px auto 10px auto;background-repeat:no-repeat; background-position:left center;transition: all 0.5s ease-out;}
.pro_nav a:hover span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
.pro_nav a.on span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
.pro_nav a.on { color: #00A971;border: 1px solid #00A971;}



.pro_navx{display: flex; padding-bottom: 20px; flex-wrap: wrap;}
.pro_navx a{ display: block; width: auto; padding: 10px 25px; width: auto; text-align: left; margin-right: 10px; background-color: #fff; border: 1px solid #bfbfbf; color: #000;border-radius:5px; font-size: 16px; line-height: 24px; margin: 5px 5px;}

.pro_navx a:hover{ color: #00A971;border: 1px solid #00A971; }
.pro_navx a.on{ color: #00A971;border: 1px solid #00A971; }

.pro_navx a span{ width: 22px; height: 22px; display:inline-block; float: left; margin: 0px 0px 0px 0px; transition: all 0.5s ease-out;}
.pro_navx a:hover span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
.pro_navx a.on span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}


@media (max-width:1023px){
    .pro_box{ padding:0px 0 20px 0; background-color: #f6f7fb;}
    .pro_nav{ padding: 20px 0px;display: flex; flex-wrap: wrap;justify-content:space-between}
    .pro_nav a{ display: block; padding: 10px 2px; width: 32%; margin-right: 0%; text-align:center; background-color: #fff; border: 1px solid #bfbfbf; color: #000;border-radius:5px; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
    
    .pro_nav a:hover{  color: #00A971;border: 1px solid #00A971; }
    .pro_nav a span{ width: 62px; height: 62px; display: block; margin: 0px auto 10px auto;background-repeat:no-repeat; background-position:left center;transition: all 0.5s ease-out;}
    .pro_nav a:hover span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
    .pro_nav a.on span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
    .pro_nav a.on { color: #00A971;border: 1px solid #00A971;}
    
    
    
    .pro_navx{display: flex; padding-bottom: 20px; flex-wrap: wrap;}
    .pro_navx a{ display: block; width: auto; padding: 5px 10px; width: auto; text-align: left; margin-right: 10px; background-color: #fff; border: 1px solid #bfbfbf; color: #000;border-radius:5px; font-size: 16px; line-height: 24px; margin: 5px 5px;}
    
    .pro_navx a:hover{ color: #00A971;border: 1px solid #00A971; }
    .pro_navx a.on{ color: #00A971;border: 1px solid #00A971; }
    
    .pro_navx a span{ width: 22px; height: 22px; display:inline-block; float: left; margin: 0px 0px 0px 0px; transition: all 0.5s ease-out;}
    .pro_navx a:hover span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
    .pro_navx a.on span{background-repeat:no-repeat; background-position:right center;transition: all 0.5s ease-out;}
    
}




.alist{ overflow:hidden; margin-bottom:130px;}
.alist li{ float:left; width:20%;}
.alist li .img{ width:100%; height:200px;}
.alist li .txt{ height:200px; text-align:center; overflow:hidden;}
.alist li .txt h3{ color:#272727; font-size:30px; font-weight:normal; margin-top:60px;}
.alist li .txt p{ color:#636363; font-size:16px; margin-top:10px;}
.alist li.al02 .txt,.alist li.al03 .txt,.alist li.al04 .txt{ background-color: #45ce93; background-image: linear-gradient(to right bottom, #45ce93,#0193fa);}
.alist li.al02 .txt h3,.alist li.al03 .txt h3,.alist li.al04 .txt h3{ color:#ffffff;}
.alist li.al02 .txt p,.alist li.al03 .txt p,.alist li.al04 .txt p{ color:#ffffff;}
.gnlist{ overflow:hidden;}
.gnlist li{ float:left; width:100%; overflow:hidden; padding-top:110px;}
.gnlist li .centent{ width:90%; margin:0 auto; overflow:hidden;}
.gnlist li .txt{ width:50%;}
.gnlist li .txt h3{ color:#272727; font-weight:normal; font-size:32px; height:42px; line-height:42px; padding-left:60px;}
.gnlist li .txt p{ font-size:16px; line-height:2.2; color:#555555; margin-top:20px;}
.gnlist li .txt .more{ display:block; width:115px; padding-right:15px; height:40px; margin-top:25px; border-radius:3px; text-align:center; line-height:40px; border:1px solid #13be80; color:#13be80; font-size:16px; background:url(../images/xmjian.png) no-repeat right center; background-size:auto 100%;}
.gnlist li .txt .more:hover{ color:#ffffff;  background-image:url(../images/xmjians.png); background-color:#13be80;}
.gnlist li .img{ width:40%; margin-bottom:110px;}
.gnlist li .img img{ width:100%; display:block;}
.gnlist li .txt h3.gnico01{ background:url(../images/xtico01.png) no-repeat left center; background-size:auto 100%;}
.gnlist li .txt h3.gnico02{ background:url(../images/xtico02.png) no-repeat left center; background-size:auto 100%;}
.gnlist li .txt h3.gnico03{ background:url(../images/xtico03.png) no-repeat left center; background-size:auto 100%;}
.gnlist li.gn02{ background:url(../images/gnbj.jpg) no-repeat center center; background-size:cover;}
.contact{ overflow:hidden; margin:100px 0;}
.con_txt{ width:40%;}
.con_txt .contit{ color:#272727; font-size:36px; line-height:60px; font-weight:400;}
.clist{ overflow:hidden; margin-top:20px;}
.clist li{ color:#606060; font-size:18px; line-height:48px; padding-left:58px;}
.clist li.con01{ background:url(../images/con01.png) no-repeat 10px center;}
.clist li.con02{ background:url(../images/con02.png) no-repeat 10px center;}
.clist li.con03{ background:url(../images/con03.png) no-repeat 10px center;}
.contact .conen{ font-size:150px; font-family:Impact; color:#f8f7f7; line-height:1; margin-top:30px; position:relative; }
.contact .conen .wechat{ width:190px; height:190px; position:absolute;right:100px; top:0; margin-top:-20px;}
.contact .conen .wechat img{ display:block; width:100%;}
.map{ width:60%; height:470px; background:#dcdcdc;}
.my-map { width: 100%; height: 100%; }
.my-map .icon { background: url(../images/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.amap-info-content h5{ font-size:16px; color:#4c9867;}
.nav li,.banwz span,.wlist a,.xtlist li,.xtlist li h3,.xtlist li p,.xtlist li a,.bznav li,.bznav li .num,.bznav li .name,.zixun a,.dbnav a,.online-service li .ico,.fufeilist li .more,.gnlist li .txt .more,.anlipage a{
transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}
.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}
.animated{opacity: 0;}



.prolist{ overflow:hidden; margin:0px -0.5% 20px -0.5%; padding-top: 10px;   }
.prolist li{ float:left; width:18%; padding:20px 10px; margin: 0px 1% 30px 1%;  background-color: #fff;transition:all .3s ease-in-out;}
.prolist li .imgzoom{ height: 180px;width: 100%; display: flex; justify-content: center; text-align: center; position: relative; overflow: hidden; }
.prolist li .imgzoom img{width: 160px; height: 160px; top: 0px; left: 0px; object-fit: cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.prolist li:hover .imgzoom1 img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.prolist li p{  padding: 0px 10px; line-height: 22px; height: 44px; overflow: hidden; font-size: 15px; color: #000;}
.prolist li span{ display: block;  padding: 0px 10px; line-height: 22px; height: 22px; margin-top: 10px; overflow: hidden; font-size: 14px; color: #a1a8ba;}
.prolist li:hover{transform:translate3d(0,-2px,0);box-shadow:0 0 1px 0 rgba(81,96,127,.16),0 5px 12px 4px rgba(81,96,127,.18);cursor:pointer}



.bb_info_txt{font-size: 16px;color: #333; padding: 20px 60px; line-height: 2; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.bbimg{ width: 350px;  position:sticky; top: 110px; text-align: center;}
.bbimg img{width: 320px; height: 320px;}

@media (max-width:1023px){
.prolist{ overflow:hidden; margin:0px -0.5% 20px -0.5%; padding-top: 10px;   }
.prolist li{ float:left; width:48%; padding:20px 10px; margin: 0px 1% 30px 1%;  background-color: #fff;transition:all .3s ease-in-out;}
.prolist li .imgzoom{ height: 180px;width: 100%; display: flex; justify-content: center; text-align: center; position: relative; overflow: hidden; }
.prolist li .imgzoom img{width: 160px; height: 160px; top: 0px; left: 0px; object-fit: cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.prolist li:hover .imgzoom1 img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.prolist li p{  padding: 0px 10px; line-height: 22px; height: 44px; overflow: hidden; font-size: 15px; color: #000;}
.prolist li span{ display: block;  padding: 0px 10px; line-height: 22px; height: 22px; margin-top: 10px; overflow: hidden; font-size: 14px; color: #a1a8ba;}
.prolist li:hover{transform:translate3d(0,-2px,0);box-shadow:0 0 1px 0 rgba(81,96,127,.16),0 5px 12px 4px rgba(81,96,127,.18);cursor:pointer}


.bb_info_txt{font-size: 16px;color: #333; padding: 20px  0px; line-height: 2; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.bbimg{ width: 100%;  position:relative; padding: 0px 20px; top: 0px; text-align: center;}
.bbimg img{width: 100%; height: auto;}
}


.pro_cx{ margin-top: 0px; border-bottom: 4px solid #303c4a;  padding-bottom: 20px; width: calc(100% - 400px); margin-left: 50px;}
.pro_cx .tit{ font-size: 30px; line-height: 45px; font-weight: 400;color:#212121; margin-bottom: 10px; text-align: left;}
.pro_xh{ font-size: 14px; color: #5a5e6e; }
.pro_bt{ height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; background-color: #242933; color: #fff; width: 150px; text-align: center; margin-top: 20px;}
.pro_cs{ background-color: #fff; padding: 30px 30px; overflow: hidden; font-size: 16px; line-height: 1.75;}
.pro_cs img{max-width: 100%; width: auto;}

@media (max-width:1023px){
    .pro_cx{ margin-top: 0px; border-bottom: 4px solid #303c4a;  padding-bottom: 20px; width: calc(100% - 0px); margin-left: 0px;}
    .pro_cx .tit{ font-size: 24px; line-height: 1.5; font-weight: 400;color:#212121; margin-bottom: 10px; text-align: left;}
    .pro_xh{ font-size: 14px; color: #5a5e6e; }
    .pro_bt{ height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; background-color: #242933; color: #fff; width: 150px; text-align: center; margin-top: 20px;}
    .pro_cs{ background-color: #f6f7fb; padding: 30px 0px; overflow: hidden; font-size: 16px; line-height: 1.75;}
    .pro_cs img{max-width: 100%; width: auto;}
}