@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#2bab3d;}
html,body{position:relative;height: 100%;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd60{padding:100px 0;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}
.listBody{background:#edf4ee;}
.wapTxt{display:none;text-align:center;margin-top:30px;}

@font-face {
  font-family: 'iconfont';  /* Project id 2288898 */
  src: url('//at.alicdn.com/t/c/font_2288898_xukh22zu4ks.eot?t=1659770415584'); /* IE9 */
  src: url('//at.alicdn.com/t/c/font_2288898_xukh22zu4ks.eot?t=1659770415584#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/c/font_2288898_xukh22zu4ks.woff2?t=1659770415584') format('woff2'),
  url('//at.alicdn.com/t/c/font_2288898_xukh22zu4ks.woff?t=1659770415584') format('woff'),
  url('//at.alicdn.com/t/c/font_2288898_xukh22zu4ks.ttf?t=1659770415584') format('truetype'),
  url('//at.alicdn.com/t/c/font_2288898_xukh22zu4ks.svg?t=1659770415584#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}


/* 主导航 */
.header{position:fixed;;width:100%;z-index:99;left:0;top:0;height:90px;line-height:90px;background: rgba(0,0,0,.1);color:#fff;border-bottom: 1px solid rgba(255,255,255,.1);transition:all .3s;}
.header .container{height:100%;}
.nav {width:62%;margin-right:270px;height:90px;display:flex;justify-content:space-between;}
.nav .m{float:left;text-align:center;}
.nav .m>a{color:#fff;display:inline-block;position:relative;}
.nav .m>a::after{content:"";position: absolute;left:0;bottom:0px;width:100%;height:1px;background:#fff;transition:transform .3s;z-index:1;transform: scale(0,1);transform-origin:right;}
.nav .cur>a,.nav .m>a:hover{color:#fff;}
.nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;}
.nav .sub{line-height:26px;position:absolute;z-index:90;top:100%;left:0;display:none;padding:30px 25%;width:100%;z-index:2;}
.nav .sub::after{content:"";position: absolute;left:-50%;width:200%;height:100%;background:#F5F5F5;top:0;z-index:-1;border-bottom: 1px solid #ddd;}
.nav .sub .list{width:45%;padding-right:5%;}
.nav .sub .list li{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.nav .sub .list a{display: block; font-size:.950em;position:relative;padding:8px 10px 8px 15px;transition:color .2s ease-in-out;text-align:left;color:#333;background:url('../images/ly_li.png') no-repeat left;margin-left:2%;}
.nav .sub .list a:hover{color:#2bab3d;}
.nav .sub .list a:before{position:absolute;bottom:1px;left:0;display:block;width:0;height:1px;content:'';-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;background:#2bab3d;}
.nav .sub .list a:hover:before{width:100%;}
.nav .sub .pic{width:55%;overflow:hidden;text-align:left;color:#333;font-size:14px;border-left: 1px solid #ddd;padding-left:5%;}
.nav .sub .pic .bgImg{max-width:420px;height:200px;margin-bottom:15px;}
.nav .sub .pic p{max-width:400px;font-size:14px; line-height:22px;}
.nav .m2 .sub,.nav .m3 .sub{padding:30px 20%;}
.nav .m2 .sub .list li,.nav .m3 .sub .list li{float:left; width:48%;}
.nav .m2 .sub .list li:nth-child(2n),.nav .m3 .sub .list li:nth-child(2n){float:right;}
.nav .m2 .sub .pic,.nav .m3 .sub .pic{width:40%;}
.nav .m2 .sub .list,.nav .m3 .sub .list{width:60%;}
.headTel{position: absolute; font-size:1.2em;right:0;padding-left:42px; line-height: 22px; font-family:Arial;background: url('../images/hTel.png') no-repeat left center; margin-top: 20px;}

.headFix{background:#2bab3d;height:80px;line-height:80px;}
.headFix .headR .lang{top:28px;}
.headFix .nav{height:80px;}
.headFix .logo img{height:42px;}
.header:hover{background:#2bab3d;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel,.wapLang{font-family:"iconfont";position: absolute;color:#fff;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
.wapLang{right:100px;}


/* 广告轮播图 */
.banner{width: 100%;height:100%;position:relative;}
.banner .swiper-slide{position:relative;height:100%;overflow:hidden;}
.banner .pic{height:100%;}
.banner .small{display:none;}
.banner .txt{position:absolute;left:50%;top:40%;transform:translate(-50%) scale(0);z-index:10;opacity:0;transition:all 1s;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:20px;;max-width:1600px;left:50%;transform:translateX(-50%);}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;opacity:0;}
.banner .swiper-pagination-bullet-active{border-color: #fff;}
.banner .swiper-pagination-bullet-active::after{opacity:1;}
.banner .mouse{position:absolute;width:15px;height:28px;background: url('../images/mouse.png') no-repeat;left:50%;bottom:80px;z-index:2;margin-left:-7px;}
.banner .swiper-slide-active .txt{ opacity:1;transform:translate(-50%) scale(1);}

.hotNews{position: absolute;left:20px;top:35% ;width:200px;background:#d6f3ff;z-index:5;font-size:14px;padding:5px;border-radius:5px;}
.hotNews ul{background:#fff;}
.hotNews li{height:30px;line-height:30px;border-bottom: 1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 5px;}



/* 分页广告 */
.hTitle{text-align:center;font-size:1.125rem;margin-bottom:40px;;}
.hTitle span{display:block;font-size:2.889em;color:#222;}
.hTitleW,.hTitleW span{color:#fff;}
.puzzle .main{text-align:center;position:relative;margin-top:70px;}
.puzzle .main img{/*width:100%;*/}
.puzzle li{position:absolute;width:136px;height:136px;border-radius:100%;left:29.8%;top:0;}
.puzzle li p{position: absolute;text-align:right;left:-260px;top:20px;opacity:0;transform: translateY(30px);transition:all .5s;}
.puzzle li p span{display:block;}
.puzzle li:nth-child(2){left:61.4%;top:5px;}
.puzzle li:nth-child(2n) p{left:150px;width:250px;text-align:left;}
.puzzle li:nth-child(3){left:18.3%;top:24%;}
.puzzle li:nth-child(4){left:73.3%;top:24%;}
.puzzle li:nth-child(5){left:18.3%;top:55.5%;}
.puzzle li:nth-child(6){left:73.3%;top:55.5%;}
.puzzle li:nth-child(7){left:29.8%;top:79%;}
.puzzle li:nth-child(8){left:61.4%;top:79.5%;}
.puzzle li:hover p{opacity:1;transform: translateY(0);}

/* 分页广告 */
.pageBan{font-size:1.125em;}
.pageBox{width:48%;height:240px;overflow:hidden;background:#ebf6ff;border-radius:15px;padding:40px 4%;color:#292c33;line-height:1.8;position:relative;z-index:2;}
.pageBox::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#0082f0;transition:all .5s;z-index:-1;}
.pageBox a{display:inline-block;margin-top:25px;border:1px solid #2d9136;width:140px;height:36px;line-height:34px;border-radius:18px;text-align:center;font-size:.875em;color:#2d9136;}
.pageBox .pic{position: absolute;right:8%;}
.pageBox:hover::after{height:100%;}
.pageBox:hover{color:#fff;}
.pageBox:hover a{background:#fff;border-color:#fff;}

/* 解决方案 */
.apply{position: relative;overflow: hidden;font-size:1.125em;text-align:center;}
.applyMain{position:relative;padding-bottom:20px;overflow:hidden;padding:10px;}
.apply::after{content:"";position: absolute;left:0;width:100%;height:0px;background:#ddd;top:306px;}
.applyMain li{float:left;width:16.6%;}
.applyMain li i{position:relative;margin-bottom:60px;font-family:Arial;font-style:normal;color:#333;display:block;}
.applyMain li i::after{content:"";position: absolute;left:50%;width:21px;height:21px;border:1px solid #ddd;background:#6e6f70;border-radius:100%;top:40px;box-shadow:0 0 0 6px #fff inset;margin-left:-10px;transition:all .5s;}
.applyMain li i::before{content:"";position: absolute;left:50%;height:10px;width:1px;background:#d9d9d9;top:70px;transition:all .5s;}
.applyMain li p{background:#fff;box-shadow:0 0 10px #ddd;border-radius:10px;padding:60px 5px 20px 5px;position: relative;top:0;transition:all .5s;}
.applyMain li h4{max-width:160px;height:50px;line-height:44px;background:#2bac3e;border-radius:25px;border:3px solid #fff;margin:0 auto;color:#fff;margin-bottom:-25px;z-index:2;position:relative;box-shadow:0 4px 8px #ddd;}
.applyMain li:nth-child(2) h4{background:#0082f0;}
.applyMain li:nth-child(3) h4{background:#27a9cd;}
.applyMain li:nth-child(4) h4{background:#35aea0;}
.applyMain li:nth-child(5) h4{background:#725fba;}
.applyMain li:nth-child(6) h4{background:#f2622e;}
.applyMain li:nth-child(7) h4{background:#d63c66;}
.applyMain li:hover i::after,.applyMain li:hover i::before{background:#2bac3e;}
.applyMain li:hover i{color:#2bac3e;}
.applyMain li:hover p{top:-10px;}
.apply .hMore,.worryBox2 .sub{color:#fff;background-image:linear-gradient(#2bae3e, #2d9136);color:#fff;position: relative;}
.apply .hMore i{position: absolute;left:10px;top:0;font-family:"iconfont";font-style:normal;font-size:2em;}
.apply .hMore:hover,.worryBox2 .sub:hover{background-image:linear-gradient(#2bae3e, #2d9136);}
.layer_video{width:80% !important;height:80% !important;}

/* 解决方案 */
.solution{background:url('../images/solution_bg.jpg') no-repeat center;background-size:cover; color:#fff;}
.solution li{float:left;width:25%;text-align:center;margin:20px 0;}
.solution li a{color:#fff;display:inline-block;padding-left:150px;}
.solution li i{float:left;width:131px;height:149px;background: url('../images/solutionIcon.png') no-repeat;margin-left:-150px;position: relative;top:0;transition:all .5s;}
.solution li span{display:block;}
.solution li p{padding-top:45px;}
.solution li:nth-child(2) i{background-position:-131px 0;}
.solution li:nth-child(3) i{background-position:-262px 0;}
.solution li:nth-child(4) i{background-position:-393px 0;}
.solution li:nth-child(5) i{background-position:-524px 0;}
.solution li:nth-child(6) i{background-position:-655px 0;}
.solution li:nth-child(7) i{background-position:-786px 0;}
.solution li:nth-child(8) i{background-position:-917px 0;}
.solution .hMore{background:#fff;border-color:#fff;margin-top:60px;}
.solution li a:hover{transform:scale(1.1);}

/* 客户见证 */
.partner{padding-bottom:0;}
.partner ul{margin-right:-20px;}
.partner li{float:left;width:16.6%;padding-right:20px;margin-bottom:20px;position: relative;transition:all .5s;}
.partner li a{border:1px solid #d9d9d9;border-radius:10px;}
.partner li .pImg{padding-top:52%;}
.partner li p{background:#2bab3d;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}
.partner li a:hover{z-index:2;border:1px solid #2bab3d;}
.partner li a:hover img{margin-top:-15px;}
.partner li a:hover p{bottom:0;}
.hMore{display:block;width:280px;height:58px;line-height:58px;border:1px solid #16a751;text-align:center;border-radius:29px;margin:0 auto;color:#16a751;margin-top:30px;} 
.hMore:hover{background:#16a751;color:#fff;width:320px;border-color:#16a751;}

/* 服务 */
.product{font-size:.875em;}
.product{padding-right:10px;}
.product li{float:left;width:20%;padding-right:10px;margin-bottom:10px;}
.product li a{display:block;position:relative;height:315px;border-radius:10px;overflow:hidden;color:#fff;}
.product .p1,.product .p8{width:40%;}
.product li h3,.product li p{position: absolute;left:12%;right:12%;}
.product li h3{font-size:1.714em;font-weight:700;top:35px;}
.product .p1 h3,.product .p1 p,.product .p8 h3,.product .p8 p{left:6%;}
.product li p{bottom:0;opacity:0;transition:all .5s;transition-delay:.15s;}
.product .p1 p,.product .p8 p,.product li:hover p{bottom:35px;opacity:1;}
.product .p7{float:right;}
.product li:hover .bgImg{transform:scale(1.08);}
.product li:nth-child(3) h3{max-width:155px;}

/* 服务 */
.service{background:url('../images/service_bg.jpg') no-repeat center;overflow:hidden;font-size:1.375em;text-align:center;background-size:cover;background-attachment: fixed;}
.serviceMain li{float:left;width:20%;background:#fff;height:560px;border-radius:15px;color:#30343e;padding:0 2%;padding-top:6%;position:relative;z-index:2;overflow: hidden;}
.serviceMain li::after{content:"";position: absolute;left:0;top:0;width:100%;height:0;background-image:linear-gradient(to top, #2bae3e,#2d9136);transition:all .6s;z-index:-1;}
.serviceMain li::before{content:"";position: absolute;left:50%;bottom:20%;background: url('../images/sMore.png') no-repeat;width:39px;height:39px;margin-left:-20px;margin-top:-20px;transition:all .5s;}
.serviceMain li span{display:block;}
.serviceMain li i{display:inline-block;width:120px;height:120px;background:#fff;border-radius:100%;text-align:center;line-height:120px;border:15px solid #b0d6b6;background-repeat: no-repeat;background-position:center;margin-bottom:20px;transition:all .5s;transition:all .5s;transition-delay:.15s;position:relative;top:0;}
.serviceMain li:hover::after{height:100%;}
.serviceMain li:hover::before{background-position:center -39px;}
.serviceMain li:hover{color:#fff;}
.serviceMain li:hover i{top:-15px;transition-delay:.3s;}
.serviceMain .swiper-pagination{display:none;}

/* 关于我们 */
.about{background:#f8fff9 url('../images/about_bg.jpg') no-repeat center bottom;position:relative;padding:120px 0;}
.about .container{padding-right:350px;z-index:2;}
.aboutFont{height:430px;margin-bottom:30px;}
.aboutFont .hTitle{text-align:left;margin-bottom:30px;}
.aboutFont .txt{max-width:960px;line-height:2;max-height:260px;}
.aboutFont .more{display:inline-block;width:170px;height:40px;line-height:40px;border:1px solid #53be7e;text-align:center;color:#2d9136;border-radius:20px;margin-top:25px;}
.aboutFont .more:hover{background:#2d9136;color:#fff;}
.aboutNum{display: flex;justify-content: space-between;font-size:1.125em;color:#333;}
.aboutNum li{float:left;}
.aboutNum li span{display:block;overflow:hidden;line-height:1;margin-bottom:10px;}
.aboutNum li b{font-size:4em;font-weight:400;float:left;font-family:Arial;font-weight:700;letter-spacing:-2px;margin-right:2px;}
.aboutNum li i{font-style:normal;font-size:1.889em;}
.aboutHonor{position: absolute;right:0;top:0;width:250px;font-size:1.250em;}
.aboutHonor li{border:1px solid #ddd;margin-bottom:26px;position:relative;}
.aboutHonor li a{display:block;height:120px;padding-top:30px;;padding-left:100px;background:#fff;position:relative;z-index:2;}
.aboutHonor li::after{content:"";position: absolute;border:1px solid #ddd;left:5px;top:5px;width:100%;height:100%;transition:all .5s;z-index:-1;}
.aboutHonor li a::after{content:"";position: absolute;background:#2d9136 url('../images/a_line.jpg') repeat-x left top;left:0;top:0;width:0;transition:all .5s;height:100%;z-index:-1;}
.aboutHonor li i{float:left;font-family:"iconfont";font-style:normal;margin-left:-70px;font-size:2.5em;line-height:1.2;color:#2d9237;}
.aboutHonor li:nth-child(1) i{font-size:3.5em;line-height:1;position: relative;top:-5px;}
.aboutHonor li:hover::after{background:#ddd;transition-delay:.3s;}
.aboutHonor li a:hover,.aboutHonor li a:hover i{color:#fff;}
.aboutHonor li a:hover::after{width:100%;}
.about .waves{position: absolute;left:0;bottom:0;width:100%;}

/* 新闻快讯 */
.news{padding-top:70px;}
.newsBox{float: left;width:32%;overflow:hidden;}
.newsBox2{margin:0 2%;}
.newsBox .pic{overflow:hidden;position:relative;display:block;border-radius:15px;}
.newsBox .pic img{height:100%;width:100%;transition:all .5s;}
.newsBox .pic span{position: absolute;left:20px;top:20px;width:120px;height:40px;line-height:40px;color:#fff;text-align:center;background: rgba(45,148,55,.8);border-radius:20px;}
.newsBox li {margin-top:25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsBox li a{color:#333;}
.newsBox li span{float:right;color:#999;margin-left:20px;font-size:.8754m;}
.newsBox li a:hover{padding-left:10px;background-position: 10px center;color:#2d9136;}
.newsBox .pic img:hover{transform: scale(1.06);}

/*免费体验 */
.experience{background: url('../images/experience_bg.jpg') no-repeat center;background-size:cover;text-align:center;color:#fff;background-attachment:fixed;font-size:1.125em;}
.experience h3{font-size:2.889em;margin-bottom:5px;} 
.experience h4 span{color:#fff799;}
.experience a{display:inline-block;color:#2d9136;font-size:1.111em;background:#fff;width:240px;height:58px;line-height:58px;border-radius:29px;margin-top:50px;border:1px solid #fff;}
.experience a:hover{width:300px;background:none;color:#fff;box-shadow:0 0 10px #fff inset;}

/*底部 */
.footer{background:#292c33;line-height:2em;overflow:hidden;color:#b1bac6;font-size:.875em;}
.footMain{padding:50px 0;overflow:hidden;padding-right:400px;}
.footMenu{overflow:hidden;display: flex;justify-content: space-between;}
.footMenu ul{float:left;}
.footMenu ul h4,.footR h4{color:#fff;font-size:1.25em;margin-bottom:20px;}
.footMenu_wap{display:none;overflow:hidden;text-align:center;}
.footer a{color:#b1bac6;}
.footer a:hover{color:#fff ;}
.footR{text-align:right;color:#fff;position: absolute;right:0;top:50px;}
.footR h5{display:block;font-size:1.5em;background: url('../images/fTel.png') no-repeat left top;padding-left:45px;}
.footR h5 span{display:block;font-size:1.5em;padding:5px 0 15px 0;}
.footIcon{margin-top:60px;}
.footIcon a{position:relative;font-family:"iconfont";width:48px;height:48px;border-radius:100%;display:inline-block;background: rgba(255, 255, 255,.1);text-align:center;line-height:48px;font-size:1.5rem;color:#bfbfbf;margin-left:15px;}
.footIcon span{position: absolute;background:#fff;padding:5px;left:-64%;bottom:70px;font-size:18px;color:#333;transform: scale(0);opacity:0;transition:all .5s;}
.footIcon span::after{content:"";position: absolute;left:0;border:8px solid transparent;border-top-color: #fff;left:50%;bottom:-16px;margin-left:-8px;}
.footIcon .wx span{width:110px;height:110px;padding:5px;}
.footIcon .tel span{line-height:40px;padding:0 20px;left:-50px;}
.footIcon a:hover span{opacity:1;transform: scale(1);}
.copyright{padding:20px 0;position:relative;z-index:2;min-height:60px;}
.copyright::after{content:"";position: absolute;left:0;top:0;width:200%;margin-left:-50%;height:100%;background:#21242a;z-index:-1;}
.firendlink{padding-top:8px;clear: both;}
.firendlink span{color:#fff;font-size:14px;}
.firendlink a{margin:0 5px;}
.copyright a:hover{color:#fff;}


/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;}
.listBan,.mzsmBanner{background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;font-size:1.125rem; text-align: center;}
.listBan img,.listBan .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 8s 0s ease both infinite;-moz-animation: minus 8s 0s ease both infinite;animation: minus 8s 0s ease both infinite;animation-iteration-count:1;-webkit-animation-iteration-count: 1;} 
.listBan .txt{position:absolute;color:#fff;top:50%;text-transform:uppercase;width:100%;animation:leftPic 1s;left:50%;transform:translate(-50%,-50%);text-align: center;}
.listBan .txt h3{font-size:24px;margin-bottom:15px;font-weight:700;}
.listBan .txt h3 span{display:block;font-size:72px;}
.listBan .txt p{opacity:.5;font-weight:300;}
.breadCrumb{font-size:.875rem;overflow:hidden;background:#f5f5f5;padding:15px 0;border-bottom: 1px solid #ddd;line-height:30px;}
.breadCrumb p span{background: url('../images/home_icon.png') no-repeat left center;padding-left:25px;}
.breadCrumb .back{float:right;color:#fff;background:#666;line-height:30px;padding:0 10px;}
.breadCrumb .back:hover{background:#2bab3d;color:#fff;}
.listBox{min-height:300px;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/sBtn.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}
.proSear .btn:hover{background-color:#111;}

@-webkit-keyframes minus{from{-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}


/*内页公用菜单*/
.listMenu{text-align:center;font-size:1.125rem;overflow:hidden;display:flex;flex-flow: row wrap;justify-content:space-between;margin-top:-65px;text-align:center;}
.listMenu a{float:left;height:65px;line-height:65px;flex-grow:1;color:#fff;background: rgba(39,41,51,.5);margin-left:1px;position:relative;z-index:2;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background-image:linear-gradient(#2bae3e, #2d9136);z-index:-1;width:100%;height:0;transition:all .5s;}
.listMenu a:hover,.listMenu .cur{color:#fff;}
.listMenu a:hover::after,.listMenu .cur::after{height:100%;}

/* 行业困扰*/
.listBan1 .txt{top:40%;}
.listBan1 .txt h3{font-size:72px;line-height:1.2;}
.worryBox1{background:#fff;padding:4.5%;overflow:hidden;box-shadow:0 5px 15px #ccc;margin-top:20px;border-radius:15px;}
.worryBox1 li{float:left;width:45%;padding-left:150px;min-height:170px;margin-bottom:10px;}
.worryBox1 li:nth-child(2n){float:right;}
.worryBox1 li i{float:left;margin-left:-150px;width:112px;height:112px;background: url('../images/worryIcon.png') no-repeat;position:relative;transition:all .5s;top:0;}
.worryBox1 li span{font-size:1.75em;color:#333;display:block;margin-bottom:10px;padding-top:15px;}
.worryBox1 li:nth-child(2) i{background-position:-112px 0;}
.worryBox1 li:nth-child(3) i{background-position:-224px 0;}
.worryBox1 li:nth-child(4) i{background-position:-336px 0;}
.worryBox1 li:nth-child(5) i{background-position:-448px 0;}
.worryBox1 li:nth-child(6) i{background-position:-560px 0;}
.worryBox1 li:nth-child(7) i{background-position:-672px 0;}
.worryBox1 li:nth-child(8) i{background-position:-784px 0;}
.worryBox1 li:hover i{top:10px;}
.worryBox1 li:hover span{color:#2bab3d;}
.worryBox2 p{float: left;width:32%;height:68px;line-height:68px;background:#fff;margin-bottom:20px;}
.worryBox2 .p2{margin:0 2%;}
.worryBox2 p input{width:100%;padding:0 25px;}
.worryBox2 .tarea{width:100%;padding:25px;height:200px;margin-bottom:40px;}
.worryBox2 textarea{width:100%;height:100%;}
.worryBox2 .sub{cursor: pointer;transition:all .4s;font-size:1.25em;width:300px;}
.worryBox2 .sub:hover{width:340px;}


/* 行业困扰*/
.listBan2 p,.listBan6 p{max-width:580px;margin:0 auto;}
.solutionList{margin-right:-15px;}
.solutionList li{float:left;width:25%;padding-right:15px;margin-bottom:30px;text-align:center;}
.solutionList li .pImg{padding-top:62%;border-radius:10px;}
.solutionList li p{font-size:1.125em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#272933;margin-top:15px;}
.solutionList li:hover img{transform: scale(1.1);}

.solutionL{width:20%;background:#fff;border:1px solid #ddd;}
.solutionL h3{padding:0 20px;cursor:pointer;display:none;}
.solutionL h3 i{float:right;font-family:"iconfont";font-style:normal;font-size:18px;color:#2bae3e;}
.solutionL li,.solutionL h3{height:60px;line-height:60px;border-bottom:1px solid #ddd;position:relative;z-index:2;}
.solutionL li:nth-child(2n){background:#fafafa;}
.solutionL li a{display:block;padding:0 20px;color:#333;background:url('../images/s_li.png') no-repeat 93% center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.solutionL li:after{content:"";position: absolute;left:0;top:0;background-image:linear-gradient(#2bae3e, #2d9136);height:100%;width:0;transition:all .5s;z-index:-1;}
.solutionL li:last-child{border:none;}
.solutionL li a:hover,.solutionL .cur a{color:#fff;background-image: url('../images/s_lih.png');}
.solutionL li:hover::after,.solutionL .cur::after{width:100%;}

.solutionR{width:78%;background:#fff;border-top:2px solid #2c9f3a;min-height:760px;padding-bottom:50px;}
.solutionR .title{height:100px;line-height:100px;font-size:2.25em;padding:0 4%;color:#333;}
.solutionR .title span,.proShow .title span{background: url('../images/s_li2.png') no-repeat left center;padding-left:50px;}
.solutionR .info,.proShow .info{padding:4%;background: url('../images/show_line.jpg') repeat-x;}
.solutionR .info li{border-top: 1px solid #edf4ee;padding:50px 0;padding-left:50px;}
.solutionR .info li h4{font-size:1.5em;color:#333;margin-bottom:20px;background: url('../images/s_li3.jpg') no-repeat left center;padding-left:50px;;margin-left:-50px;}
.solutionR .info li:last-child{padding-bottom:0;margin-bottom:0;}

.proShow{background:#fff;margin-bottom:80px;box-shadow: 0 10px 10px #eee; line-height: 30px;}
.proShow .title{font-size:1.5em;height:80px;line-height:80px;color:#333;padding:0 4%;color:#333;margin-top:-80px;}
.proShow .info{padding-bottom:0;}
.proShow .info ul{border-top: 1px solid #edf4ee;border-bottom: 1px solid #edf4ee;padding-bottom:40px;}
.proShow .info li{background: url('../images/s_li3.jpg') no-repeat left 8px;padding-left:30px;margin-top:50px;}
.partner_pro{padding:0 4%;margin-top:50px;padding-bottom:50px;}
.partner_pro h3{font-size:1.75em;margin-bottom:30px;color:#333;}

/* 客户案例*/
.listBan4{height:660px;}
.listBan4 .txt h3{font-size:36px;}
.listBan4 ul{max-width:500px;margin:0 auto;margin-top:50px;display: flex;justify-content: space-between;}
.listBan4 li{float:left;text-align:center;}
.listBan4 li span{display:block;font-size:32px;font-family:Arial;line-height:1;}
.listBan4 li b{font-size:72px;font-weight:400;}
.listBan4 li i{float:right;font-style:normal;}
.listBan4 li:nth-child(3) i{font-size:18px;}
.caseList li{background:#f8f8f8;overflow:hidden;margin-bottom:40px; line-height:26px;}
.caseList li .pic{width:38%;overflow:hidden;display:block;height:360px;}
.caseList li .txt{width:62%;padding:4%;position:relative;line-height:1.8;}
.caseList li h4{font-size: 2.25em;font-weight:normal;position:relative;margin-bottom:30px;line-height:1;}
.caseList li h4 a{color:#333;}
.caseList li:hover .bgImg{transform: scale(1.05);}
.caseList li h4 a:hover{color:#2bab3d;}

/* 图片详情 */
.caseShow{width:72%;border:1px solid #ddd;}
.caseShow .title{text-align:center;background: url('../images/caseShow.jpg') no-repeat center; background-size: cover; font-size:2.571em;color:#2bab3d; text-align: center; padding: 50px 20px; border-bottom: 1px solid #2bab3d}
.picSlide{position:relative;;padding:5%;overflow: hidden;}
.picSlide li{text-align:center;height:100%;position: relative;}
.picSlide-top .pImg{padding-top:56%;}
.picSlide-thumbs{margin-top:10px;}
.picSlide-thumbs li{border-right:1px solid #fff;padding-top:10%;cursor:pointer;width:16.66%;position: relative;}
.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #2bab3d;opacity:.7;transform: scale(0);transition:all .3s;}
.picSlide-thumbs .on::after{transform: scale(1);}
.picSlide .btn{top:45%;background:rgba(0, 0, 0, .7);text-align:center;width:26px;height:50px;line-height:50px;color:#fff;font-size:14px;font-family:Arial;transition:all .3s;left:5%;}
.picSlide .swiper-button-next{right:5%;left:auto;}
.picSlide .btn:hover{background:#2bab3d;}
.showTie2{border-top: 1px solid #ddd;}
.caseShow_info{padding:4% 5%;}

/* 新闻列表 */
.newsList{background:#f1f1f1;overflow:hidden;font-size:.875em;}
.newsList ul{margin-right:-30px;}
.newsList li{float:left;padding-right:30px;width:33.3%;margin-bottom:30px;}
.newsList li a{display:block;border-radius:10px;overflow:hidden;}
.newsList li .pImg{padding-top:65%;}
.newsList li .txt{background:#fff;padding:4% 5%;}
.newsList li h3{font-size:1.286em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;}
.newsList li .date{color:#999;margin-bottom:10px;}
.newsList li a:hover{box-shadow:0 5px 10px #e5e5e5;}
.newsList li a:hover img{transform:scale(1.1);}

.faq ul{padding-left:1px;padding-top:1px;overflow: hidden;}
.faq li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;height:260px;background:#fff;}
.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#2bab3d;transition:all .5s;width:0;}
.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:10px;color:#333;}
.faq li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f;}
.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}
.faq li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden;}
.faq li .date{color:#999;display:block;}
.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}
.faq li:hover::after{width:100%;}
.faq li:hover{box-shadow:0 0 10px #ccc;}
.faq li:hover h4,.newsList li a:hover h3{color:#2bab3d;}
.faqList li h4{margin-bottom:20px;}
.faqList li {width:33.3%;height:auto;}

/* 新闻详情 */
.newsShow{width:75%;background:#fff;border-top:1px solid #2bae3e;padding:3%;overflow:hidden;padding-bottom:0;box-shadow: 0 5px 15px #e8e8e8;}
.showTie{text-align:center;padding-bottom:30px;border-bottom: 1px solid #d5e9e0;margin-bottom:30px;}
.showTie h2{font-size:2em;color:#2b3137;margin-bottom:10px;}
.showTie p{font-size:0.938em;color:#777;}
.showCon{line-height:1.8;padding-bottom:30px;overflow:hidden;}
.showPage{padding:20px 0;font-size:0.938em;color:#888;position: relative;}
.showPage::after{content:"";position: absolute;left:-100%;width:200%;height:1px;background:#d5e9e0;top:0;}
.showPage p{max-width:48%;}

.relatedNews{width:23%;background:#fff;}
.relatedNews .title{height:80px;line-height:80px;border-bottom: 1px solid #d5e9e0;font-size:1.5em;color:#2b3137;padding:0 30px;}
.relatedNews ul{padding:20px;}
.relatedNews li{border-bottom: 1px solid #d5e9e0;margin-bottom:20px;padding-bottom:20px;}
.relatedNews li h4{font-size:1.125em;margin-bottom:10px;}
.relatedNews li h4 a{color:#2b3137;}
.relatedNews li h4 a:hover{color:#2bae3e;}
.relatedNews li p{font-size:.875em;opacity:.8;}
.relatedNews li:last-child{padding-bottom:0;border-bottom:none;}


/* 技术服务 */
.serviceWrap{overflow: visible;}
.listBan5 .txt p{max-width:360px;margin:0 auto;}
.sTitle{font-size:1.125rem;text-align:center;margin-bottom:50px;text-transform:capitalize}
.sTitle span{display:block;font-size:2.889em;color:#333; line-height: 90px;}
.serviceBox1 .main{box-shadow:0 5px 13px #dde4dc;overflow:hidden;}
.serviceBox1 .info{width:50%;padding:4.5%;text-align:center;background:#fff;height:600px;}
.serviceBox1 .info p{margin-top:40px;padding:0 5%;line-height:1.8;}
.serviceBox1 .pic{width:50%;height:600px;overflow:hidden;}
.serviceBox2 .info{position:relative;position:relative;font-size:1.125em;text-align:center;}
.serviceBox2 img{width:45%;}
.serviceBox2 li{position:absolute;top:6%;text-align:right;width:28%;}
.serviceBox2 li:nth-child(2n){left:auto;right:0;text-align:left;}
.serviceBox2 li:nth-child(3),.serviceBox2 li:nth-child(4){top:55%;width:25%;}
.serviceBox2 li:nth-child(5){top:102%;width:100%;text-align:center;}
.serviceBox3{padding-top:0;overflow: visible;}
.serviceBox3 .info{padding:40px 15px 60px 15px;background:#fff;text-align:center;overflow:hidden;box-shadow:0 5px 13px #dde4dc;border-radius:15px;}

.serviceBox4{position:relative;text-align:center;}
.scenario li{float:left;width:33.3%;border-radius:10px;overflow:hidden;}
.scenario li p{height:70px;line-height:70px;background:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.scenario li .pImg{padding-top:62%;}
.scenario li:hover img{transform: scale(1.1);}
.serviceBox4 .btn,.history .btn{display:inline-block;width:50px;height:50px;line-height:50px;border:1px solid #dedfde;border-radius:100%;background:#fff;left:-80px;font-size:16px;}
.serviceBox4 .swiper-button-next,.history .swiper-button-next{left:auto;right:-80px;}

/* 关于我们 */
.listBan7{height:660px;font-size:1rem;}
.listBan7 .info{position: absolute;top:50%;transform: translateY(-50%);color:#fff;margin-left:-800px;left:50%;}
.listBan7 h3{text-transform: uppercase;font-size:72px;}
.listBan7 h3 span{display:block;opacity:.5;font-size:18px;}
.listBan7 .text{width:60%;max-width:730px;line-height:1.8; text-align: left;}
.sTitle2{text-transform: uppercase;color:#333;}

.history{position: relative;overflow: visible;text-align:center;}
.history::after{content:"";position: absolute;left:-100%;width:300%;/*height:1px;*/background:#ddd;bottom:146px;}
.historyMain li{float: left;width:33.3%;padding-left:140px;font-size:14px;position:relative;text-align:left;}
.historyMain li::after{content:"";position: absolute;left:54px;width:1px;background:#ddd;top:0;z-index:-1;bottom:45px;}
.historyMain li i{float:left;width:110px;height:110px;background:#fff;border-radius:100%;border:1px solid #ddd;text-align:center;font-size:32px;color:#212637;line-height:110px;font-style:normal;font-family:Arial;margin-left:-140px;position:relative;}
.historyMain li .info{height:400px;}
.historyMain li .pic{display:block;margin-top:15px;}
.historyMain li img{border-radius:5px;}
.historyMain li .tie{margin-left:-140px;width:110px;text-align:center;display:block;color:#515457;font-size:20px;margin-top:20px;position: relative;}
.historyMain li .tie::after{content:"";position: absolute;width:10px;height:10px;background:#fff;border:2px solid #2bab3d;border-radius:100%;top:-24px;left:50%;margin-left:-7px;transform: scale(0);opacity:0;transition:all .5s;}
.history .btn{bottom:122px;top:auto;}
.history .swiper-button-disabled{opacity:0;}
.history .swiper-slide-active i{background:#2bab3d;color:#fff;border-color: #2bab3d;}
.history .swiper-slide-active .tie::after{opacity:1;transform: scale(1);}

.culture{text-align:center;background: url('../images/culture_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed;}
.culture li{float:left;width:19%;height:490px;border-right: 1px solid #727272;position:relative;z-index:2;transition:all .6s;cursor:pointer;text-align:left;}
.culture li::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:#222;opacity:.8;transition:all .6s;transition-delay:.2s;}
.culture li .title{font-size:2em;color:#fff;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:2;width:160px;text-align:center;transition:all .5s;}
.culture li .txt{position:absolute;top:12%;left:10%;z-index:2;color:#fff;line-height:2;transition:all .5s;transition-delay:.2s;opacity:0;transform:scale(1,0);}
.culture li .txt h4{font-size:2em;color:#fff;margin-bottom:20px;line-height:1.2;}
.culture li.cur{width:43%;}
.culture li.cur::after,.culture .cur .title{opacity:0;}
.culture li.cur .txt{transform:scale(1);opacity:1;}
.culture li:nth-child(1) .txt h4{color:#060002;}
.culture li:nth-child(1) .txt {color:#555;}
.culture .btn{display:none;margin:0 5px;position: static;background:#555;width:50px;height:28px;line-height:28px;color:#fff;margin-top:30px;line-height:28px;}
.culture .btn:hover{background:#2bab3d;}

.team li{float:left;width:26%;padding-right:10px;margin-bottom:10px;}
.team li a{position: relative;display:block;}
.team li p{position: absolute;left:0;bottom:-50px;text-align:center;background: rgba(0, 0, 0, .7);color:#fff;width:100%;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;opacity:0;}
.team li .pImg{padding-top:65%;}
.team .t1{width:48%;}
.team .t4{width:52%;float:right;}
.team .t5,.team .t6{width:24%;}
.team .t1 .pImg{padding-top:55%;}
.team li:hover img{transform: scale(1.1);}
.team li:hover p{opacity:0;bottom:0;}
.team .t4 .pImg{padding-top:48.2%;}


.honor{padding-top:0;}
.honor ul{margin-right:-20px;}
.honor li{float:left;width:25%;padding-right:20px;margin-bottom:20px;}
.honor li .pImg{padding-top:74%;}
.honor li a{display:block;background:#fff;padding:4%;border:1px solid #d5e9e0;padding-bottom:0;}
.honor li p{height:60px;line-height:60px;border-top:1px solid #d5e9e0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honor li:hover img{transform: scale(1.1);}
.honor li a:hover{box-shadow:0 3px 10px #e1e1e1;} 

.contact{background:#fff;overflow:hidden;}
.contactL{width:50%;padding-top:80px;font-size:.875em;}
.contactL .sTitle{text-align:left;margin-bottom:30px;}
.contactL ul{display: flex;justify-content: space-between;flex-flow:row wrap;}
.contactL li{padding-left:55px;margin-bottom:20px;}
.contactL li i{float: left;margin-left:-55px;font-family:"iconfont";font-style:normal;border:1px solid #b2b2b2;border-radius:100%;width:40px;height:40px;border-radius:100%;text-align:center;line-height:40px;font-size:1.286em;}
.contactL li span{display:block;font-size:1.429em;color:#212637;}

.contactForm{padding-top:30px;overflow: hidden;}
.contactForm p{float:left;width:32%;border:1px solid #d5e9e0;height:50px;line-height:50px;border-radius:5px;padding:0 20px;margin-bottom:10px;}
.contactForm .p2{margin:0 1.5%;}
.contactForm input,.contactForm textarea{width:100%;height:100%;}
.contactForm .tarea{width:99%;padding:15px;height:180px;}
.contactForm .sub{width:300px;height:60px;background:#2a9627;border-radius:5px;color:#fff;font-size:1.143em;cursor: pointer;transition:all .5s;margin-top:20px;}
.contactForm .sub:hover{background:#0e6f0c;}
#dituContent{float:right; height:820px;width:58%;margin-right:-12%;}


/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:142%;}
.honorList li{width:20%;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#2bab3d;}
.galy{background:#f5f5f5;}
.teamList li{width:33.3%;}
.teamList li .pImg{padding-top:68%;}

/* 联系*/


/* 行业体系-化工*/
.proShow2 .in{padding: 4%;background: url(../images/show_line.jpg) repeat-x;}
/*--*/
.trait-list{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;}
.trait-list li{display: inline-block;width: calc(33.3% - 20px);margin:0 0 20px 20px}
.trait-list a{display: block;padding: 30px;height:100%;border:1px #ddd solid;}
.trait-list h4{display: flex; color: #333;font-size: 22px;justify-content: space-between;}
.trait-list h4 em{display: flex;color:#2bab3d;font-size:14px;font-weight: bold;width:30px;height:30px;border-radius: 50%;border: 1px #2bab3d solid;font-style: normal;justify-content: center;align-items: center;}
.trait-list p{margin-top:20px;color:#666;font-size:15px;line-height: 26px;}
.trait-list li:hover a{border-color:#2bab3d;}
.trait-list li:hover h4{color:#2bab3d;}