@charset "utf-8";

body{font-family: "Microsoft YaHei"; font-size:12px; line-height:24px;}
.container{width: 100%;max-width: 1400px;margin: 0 auto;}
.head_wap{display: none;}





/* 头部 */

.head{}
.head .top{padding: 0px 0;  background:url(../images/top_bg.jpg) repeat-y;}
.head .logo{width: 520px;}
.head .tel{font-size: 18px;color: #19b46f;font-weight: bold;line-height: 50px;padding-left: 55px;margin: 20px 0 0;margin-left: 60px;}
.head .search{width: 310px;height: 50px;border: 1px solid #e5e5e5;border-radius:8px;overflow: hidden;margin: 20px 0;}
.head .search button{float: right;display:block;width: 55px;height: 48px;background: url(../images/sou.png) no-repeat center #19b46f;border: 0;cursor:pointer;}
.head .search input{width: 75%;height: 48px;font-size: 16px;color: #b4b4b4;padding-left: 15px;}

 .nav{width: 100%;background: #fff; position:absolute; z-index:88;box-shadow: 0px 2px 23px 0px rgba(206, 206, 206, 0.34);}

 .nav li{float: left;width: 14.28%;font-size: 18px;color: #333;line-height: 70px;text-align: center;position: relative;background: url(../images/bg5.png) no-repeat right center; position:relative}

  .nav li:after{ content:""; height:25px; width:1px; border-right:1px #ccc dashed; position:absolute; top:25px; right:0;}

    .nav li:nth-child(7):after{border-right:none}
.nav li.on,.nav li:hover{color: #19b46f;}
.nav li>a{display: block;}
.navhide{width: 507px;position: absolute;left: 50%;margin-left: -100px;top: 100%;z-index: 999;transition: .25s;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);background: #f6f6f6;}
.navhide .leftnav{float: left;width: 42%;text-align: center;padding: 25px 15px;}
.navhide .leftnav a{display: block;color: #333333;border-bottom: #e4e4e4 1px solid;line-height: 50px;font-size: 16px;}
.navhide .nav_text{float: right;width: 58%;line-height: 44px;background: #ffffff;padding: 25px;font-size: 14px;text-align: left;}
.navhide .nav_text h3{font-size: 18px;color: #1c1c1c;margin-top: 10px;font-weight: bold;}
.navhide .nav_text p{color: #1c1c1c;line-height: 26px;}
.head .nav li:hover .navhide{opacity: 1;visibility: inherit;}



/* start */

.lm-bt{text-align: center;line-height: 2;}
.lm-bt h3{font-size: 30px;color: #1e1e1e;font-weight: bold;}



.pc_ban{width:100%;position:relative;}
.pc_ban .bn_nr{width:80%;position:absolute;top:50%;left:10%;color:#fff;text-align:center;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:11;}
.pc_ban .w1{font-size:40px;font-weight:bold;line-height:66px;margin-bottom:10px;}
.pc_ban .w1 span{display: inline-block;margin: 0 20px;}
.pc_ban .w2{font-size: 26px;line-height: 2;}
.pc_ban .w2 h3{font-size: 30px;font-weight: bold;text-transform:uppercase;}
.pc_ban .w2 h3:after{content: "";display: block;width: 60px;height: 2px;background: #fff;margin: 15px auto;}
.pc_ban .swiper-button-prev{width:60px; height:60px; background:url(../images/lf2.png) no-repeat center #19b46f; margin-top:-25px;border-radius:100%;

transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;}
.pc_ban:hover .swiper-button-prev{left:6%; opacity:.8;}
.pc_ban .swiper-button-next{width:60px; height:60px; background:url(../images/rt2.png) no-repeat center #19b46f; margin-top:-25px;border-radius:100%;

transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;}
.pc_ban:hover .swiper-button-next{right:6%; opacity:.8;}
.page-ban{bottom: 40px !important;}
.page-ban span{background: #eef0e6;width: 12px;height: 12px;margin: 0 10px !important;opacity: 1;}
.page-ban .swiper-pagination-bullet-active{background: #19b46f;}



.step1{}
.step1 .m1{width: 50%;height: 540px;background: url(../images/bg1.png) no-repeat center/cover;padding: 4vw 2vw 0 5vw;}
.step1 .m1 .box1{font-size: 16px;color: #656565;line-height: 2;}
.step1 .m1 .box1 h3{font-size: 30px;font-weight: bold;color: #1e1e1e;margin-bottom: 10px;}
.step1 .m1 .box1 h3:before,.lm-bt h3:before{content: "";display:inline-block;width: 11px;height: 20px;background: url(../images/ico1.png) no-repeat;margin-right: 8px;}
.step1 .m1 .box1 h3:after,.lm-bt h3:after{content: "";display:inline-block;width: 11px;height: 20px;background: url(../images/ico2.png) no-repeat;margin-left: 8px;}
.step1 .m1 .box2{margin-top: 30px;}
.step1 .m1 .box2 li{float: left;width: 33%;font-size: 16px;color: #4c4c4c;line-height: 1.7;}
.step1 .m1 .box2 li span{display: inline-block;font-size: 36px;font-weight: bold;color: #19b46f;margin-right: 5px;}
.step1 .m1 .box2 li h3{font-size: 13px;color: #2b2b2b;}
.step1 .m1 .box2 li>div{width: max-content;text-align: center;}
.step1 .m1 .more{width: 160px;border: 1px solid #19b46f;line-height: 44px;text-align: center;font-size: 18px;color: #19b46f;margin-top: 50px;}
.step1 .m2{width: 50%;height: 540px;background: url(../images/bg2.png) no-repeat center/cover;padding: 5vw 5vw;}
.step1 .m2 .row{float: left;width: 35%;height: 180px;text-align: center;font-size: 20px;color: #ffffff;line-height: 2.6;border-bottom: 1px solid rgba(255,255,255,0.2);cursor:pointer;padding-top: 50px;}
.step1 .m2 .row:nth-child(2n-1){border-right: 1px solid rgba(255,255,255,0.2);}
.step1 .m2 .row:nth-child(n+3){border-bottom: 0;}
.step1 .m2 .row:hover{border-bottom: 2px solid #fff}
.step2{background: url(../images/bg6.png) no-repeat center top #fdfdfd;padding: 60px 0;}
.step2 .con{margin-top: 30px;}
.step2 .pic{width: 45%;}
.step2 .slide{position: relative;}
.step2 .slide:before{position:absolute; content:""; bottom:-9%; right:-5%; background:#029956; width:95%; height:95%;}



.step2 .slide .prev{display: block;width: 40px;height: 80px;background: url(../images/lf.png) no-repeat #19b46f;position: absolute;left: 0;top: 40%;}
.step2 .slide .next{display: block;width: 40px;height: 80px;background: url(../images/rt.png) no-repeat #19b46f;position: absolute;right: 0;top: 40%;}
.step2 .text{width: 45%;font-size: 18px;color: #646464;line-height: 2;padding-top: 3vw;}
.step2 .text h3{font-size: 26px;color: #1e1e1e;margin-bottom: 20px;}
.step2 .text .more{width: 160px;border: 1px solid #19b46f;line-height: 44px;text-align: center;font-size: 18px;color: #19b46f;margin-top: 5vw;}
.step3{background: url(../images/bg3.png) no-repeat center top #fdfdfd;padding: 120px 0 130px;margin-top: -40px;}
.step3 .con{position: relative;}
.step3 .swiper-slide{background: #fff;margin: 40px 0;}
.step3 .pic{overflow: hidden;}
.step3 .text{height: 150px;text-align: center;font-size: 16px;color: #646464;line-height: 2;padding: 20px 15px;}
.step3 .text h3{font-size: 18px;font-weight: bold;color: #1e1e1e;margin-bottom: 8px;}
.step3 .text h3:hover{color: #19b46f;}
.step3 .more{width: 160px;border: 1px solid #ffffff;line-height: 44px;text-align: center;font-size: 18px;color: #ffffff;margin: 0 auto;}
.step3 .prev{left: 0px;}
.step3 .next{right: -80px;}
.step3 .lm-bt h3{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.step4{background: url(../images/bg4.png) no-repeat center top;padding-top: 120px;overflow: hidden;margin-top: -80px;}
.step4 .con{position:relative;padding-bottom: 125px;}
.step4 .con .more{width: 180px;line-height: 44px;text-align: center;color: #fff;font-size: 18px;background: #19b46f;margin:50px auto 0;}
.step4 .pic{position: absolute;right: 0;bottom: -30px;}
.xw-lm{text-align: center;margin-top: 20px;}
.xw-lm li{display: inline-block;width: 160px;line-height: 44px;text-align: center;border: 1px solid #dcdcdc;font-size: 18px;color: #6e6e6e;margin: 0 10px;}
.xw-lm li.on,.xw-lm li:hover{background: #19b46f;border: 1px solid #19b46f;color: #fff;}
.step5{padding: 70px 0;background: url(../images/bg7.png) no-repeat center top/cover;}
.step5 .con{margin-top: 40px;}
.step5 .m1{width: 50%;background: #ffffff;}
.step5 .m1 .pic{width: 100%;overflow: hidden;position: relative;}
.step5 .m1 .date{position: absolute;bottom:0;right: 25px;text-align: center;width: 75px;background: #19b46f;color: #fff;font-size: 20px;line-height: 1.6;padding: 5px 10px 10px;}
.step5 .m1 .date dt{font-size: 34px;font-weight: bold;border-bottom: 2px solid #fff;}
.step5 .m1 .text{width: 100%;height: 175px;font-size: 16px;color: #646464;line-height: 1.8;padding: 20px 20px;}
.step5 .m1 .text h3{font-size: 20px;color: #000000;margin-bottom: 8px;}
.step5 .m2{width: 48.5%;}
.step5 .m2 .row{background: #fff;padding: 20px 0;margin-bottom: 19px;}
.step5 .m2 .date{width: 15.5%;text-align: center;font-size: 20px;color: #646464;line-height: 1.6;padding: 4px 30px;border-right: 1px solid #d2d2d2;margin-top: 8px;}
.step5 .m2 .date dt{font-size: 26px;color: #1e1e1e;}
.step5 .m2 .text{width: 84.5%;font-size: 15px;color: #646464;line-height: 1.8;padding: 0 25px;}
.step5 .m2 .text h3{font-size: 18px;color: #1e1e1e;margin-bottom: 6px;}
.step5 .m2 .row:hover{background: #19b46f;}
.step5 .m2 .row:hover .date,.step5 .m2 .row:hover .date dt{color: #fff;}
.step5 .m2 .row:hover .text,.step5 .m2 .row:hover .text h3{color: #fff;}
.step5 .m2 .row:nth-child(4){margin: 0;}
.link{background: #fff;border-bottom: 5px solid #19b46f;font-size: 16px;color: #c3c3c3;line-height: 2;padding: 33px 0;}
.link label{display: inline-block;color: #000;margin-right: 20px;}
.link a{color:#646464}
.link a:after{content: "|";display:inline-block;margin:0 10px;}
.link .t-p{float: right;cursor:pointer;position: relative;bottom: 6px;}
.copyright{background: #fff;font-size: 15px;color: #646464;line-height: 2;padding: 20px 0;border-top: 1px solid #5e5e5e; width:100%; float:left}
.copyright a{float: right;}

.foot{background: #454545; width:100%; float:left}
.foot .con{padding: 35px 0 70px;}
.foot .lx{width: 33%;line-height: 1.6;font-size: 16px;color: #eee;margin-top: 10px;}
.foot .lx h3{color: #fff;font-weight: bold;font-size: 26px;margin-bottom: 35px;}
.foot .lx p{padding-left: 35px;margin: 20px 0;color: #eee;}
.foot .lx p strong{font-size: 20px;}
.foot .lx p:nth-child(2){background: url(../images/f1.png) no-repeat left center;}
.foot .lx p:nth-child(3){background: url(../images/f2.png) no-repeat left center;}
.foot .lx p:nth-child(4){background: url(../images/f3.png) no-repeat left center;}
.foot .f-dh{width: 55%;min-height: 280px;border-left: 1px solid #5e5e5e;padding-left: 3.5vw;padding-top: 10px;}
.foot .f-dh dl{float: left;width: 20%;font-size: 15px;color: #b0b0b0;line-height: 2.3;}
.foot .f-dh dl h3{font-size: 16px;color: #fff;margin-bottom: 10px;}
.foot .f-dh dl p{transition: all 0.4s ease-in-out;}
.foot .f-dh dl p:hover{color: #fff;transition: all 0.4s ease-in-out;transform:translateX(4px);}
.foot .f-dh dl p:hover a{ color:#19b46f}
.foot .code{text-align: center;font-size: 16px;color: #fff;line-height: 3.5;}



.ban{width: 100%;height: 600px;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;color: #fff;line-height: 1.8;text-align: center;}
.ban h3{font-size: 40px;font-weight: bold;letter-spacing: 1px;}
.ban h3:after{content: "";display: block;width: 90px;height: 2px;background: #fff;margin: 15px auto;}
.ab-lm{line-height: 80px;margin-top: -140px;}
.ab-lm .con{max-width: 1100px;background: #ffffff;border-radius:10px;overflow: hidden;}
.ab-lm li{float: left;width: 25%;text-align: center;font-size: 16px;color: #323232;}
.ab-lm li.active{background: #19b46f;color: #fff;}
.ab-lm li.active i{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.ab-lm li i{margin-right: 8px;transform: translateY(-3px);}
.ab1{margin-top: 60px;background: url(../images/bg8.png) no-repeat center top;padding: 110px 0 50px;}
.ab1 .text{width: 49%;font-size:16px;color: #646464;line-height: 2;}
.ab1 .text h2{font-size: 60px;color: #19b46f;font-weight: bold;margin-top: 45px;}
.ab1 .text h3{font-size: 30px;color: #19b46f;font-weight: bold;margin-bottom: 10px;}
.ab2{background: #f7f7f7;padding: 100px 0;}
.ab2 .con{background: #fff;}
.ab2 .pic{width: 56%;overflow: hidden;}
.ab2 .text{width: 44%;padding: 60px 50px;font-size: 16px;color: #646464;line-height: 2.2;}
.ab2 .text .slide{width: 70%;}
.ab2 .text h3{font-size: 26px;color: #323232;font-weight: bold;background: url(../images/dian.png) no-repeat left center;padding-left: 25px;margin-bottom: 10px;}
.ab2 .page{text-align: right;margin-top: 70px;}
.ab2 .prev,.ab2 .next{display: inline-block;width: 50px;line-height: 48px;text-align: center;border: 1px solid #e7e7e7;font-size: 30px;border-radius:100%;overflow: hidden;transition: all 0.4s ease-in-out;margin: 0 8px;}
.ab2 .prev:hover,.ab2 .next:hover{background: #19b46f;color: #fff;border: 1px solid #19b46f;transition: all 0.4s ease-in-out;}
.ab3{background: url(../images/bg9.png) no-repeat center top;padding: 50px 0;}
.ab3 .tit,.ab4 .tit{text-align: center;font-size: 18px;color: #2b2b2b;line-height: 2;}
.ab3 .tit h3,.ab4 .tit h3{font-size: 30px;font-weight: bold;margin-bottom: 5px;}
.swiper-ry{}
.swiper-ry .swiper-slide{text-align: center;transition: 300ms;transform: scale(0.85);opacity: 0.4;margin: 30px 0;}
.swiper-ry .swiper-slide p{opacity: 0;visibility: hidden;font-size: 20px;color: #19b46f;line-height: 2;font-weight: bold;margin-top: 30px;}
.swiper-ry .swiper-slide-active{transform: scale(1);opacity: 1;}
.swiper-ry .swiper-slide-active p{opacity: 1;visibility: inherit;}
.swiper-ry .page{width: 100%;position: absolute;left: 0;bottom: 50px;}
.ab3 .prev{display: inline-block;width: 50px;height: auto;line-height: 48px;text-align: center;border: 1px solid #19b46f;font-size: 30px;color: #19b46f;border-radius:100%;overflow: hidden;transition: all 0.4s ease-in-out;left: 27%;}
.ab3 .next{display: inline-block;width: 50px;height: auto;line-height: 48px;text-align: center;border: 1px solid #19b46f;font-size: 30px;color: #19b46f;border-radius:100%;overflow: hidden;transition: all 0.4s ease-in-out;right: 27%;}
.ab3 .prev:hover,.ab3 .next:hover{background: #19b46f;color: #fff;transition: all 0.4s ease-in-out;}
.ab4{background: url(../images/bg10.png) no-repeat center top/cover;padding: 80px 0;}
.ab4 .con{margin-top: 40px;}
.ab4 .pic{width: 48%;overflow: hidden;}
.ab4 .text{width: 48%;height: 400px;font-size: 16px;color: #323232;line-height: 2;overflow-y: scroll;}
.ab4 .text dl{margin-bottom: 8px;}
.ab4 .text label{display: inline-block;width: 20%;font-weight: bold;color: #19b46f;}
.ab4 .text::-webkit-scrollbar {width: 4px;}
.ab4 .text::-webkit-scrollbar-thumb{background: #19b46f;border-radius: 10px;}
.ab4 .text::-webkit-scrollbar-track-piece {background: transparent;}
.cp-lm{margin: 45px 0;text-align: center;}
.cp-lm li{display: inline-block;width: 130px;line-height: 44px;border: 1px solid #e5e5e5;font-size: 16px;color: #323232;border-radius:4px;text-align: center;margin: 0 8px;transition: all 0.4s ease-in-out;}
.cp-lm li.on,.cp-lm li:hover{background: #19b46f;color: #fff;border: 1px solid #19b46f;transition: all 0.4s ease-in-out;}
.position{margin-top: 40px;}
.position .con{border-bottom: 1px solid #eeeeee;padding: 10px 0;line-height: 2;}
.position span{font-size:30px;color: #323232;font-weight: bold;}
.position .form{float: right;margin-top: 15px;}
.position .form button{border: 0;width: 25px;height: 25px;background: url(../images/sou2.png) no-repeat center;margin: 0 10px;transform: translateY(5px);cursor:pointer;}
.position .form input{font-size: 16px;color: #b4b4b4;}
.pro{padding-bottom: 100px;}
.pro li{float: left;width: 24%;background: #f9f9f9;text-align: center;font-size: 15px;color: #646464;line-height: 1.8;position: relative;margin-right: 1.33%;margin-bottom: 2%;}
.pro li .pic{width: 100%;max-height: 300px;overflow: hidden;}
.pro li .text{padding: 20px 20px 25px;}
.pro li h3{font-size: 16px;color: #323232;font-weight: bold;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro li:after{content: "";display: block;position: absolute;left: 0;bottom: 0;width:0;height: 4px;background: #19b46f;transition: all 0.4s ease-in-out;}
.pro li:nth-child(4n+4){margin-right: 0;}
.pro li:hover:after{width: 100%;transition: all 0.4s ease-in-out;}
.pro li:hover{background: #ffffff;}
.pro li:hover h3{color: #19b46f;}
.cy{padding: 80px 0;}
.cy .row{background: #f7f8fa;margin-bottom: 60px;}
.cy .row .pic{float: left;width: 50%;overflow: hidden;}
.cy .row .text{float: right;width: 50%;padding: 40px 50px 0;line-height: 1.8;background: url(../images/bk.png) no-repeat right 50px top 50px;}
.cy .row .text .order{font-size: 60px;color: #e5e6e8;font-weight: bold;line-height: 60px;}
.cy .row .text .box{font-size: 16px;color: #7d7d7d;margin-top: 30px;}
.cy .row .text .box h3{font-size: 20px;color: #141414;font-weight: bold;margin-bottom: 15px;}
.cy .row .text .more{width: 145px;line-height: 44px;text-align: center;border: 2px solid #dbdcdd;font-size: 14px;color: #484848;margin-top: 50px;transition: all 0.4s ease-in-out;}
.cy .row .text .more:hover{background: #19b46f;color: #fff;border: 2px solid #19b46f;transition: all 0.4s ease-in-out;}
.cy .row:nth-child(2n) .pic{float: right;}
.cy .row:nth-child(2n) .text{float: left;}
.lx1{padding-top: 90px;}
.lx1 .con{background: url(../images/bg11.png) no-repeat left bottom #19b46f;}
.lx1 .text{width: 46%;padding: 30px 30px;font-size: 16px;color: #ffffff;line-height: 2;}
.lx1 .text h3{font-size: 24px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 15px;}
.lx1 .text .code{margin-top: 30px;}
.lx1 .pic{width: 54%;overflow: hidden;}
.map{height: 460px;margin-top: 40px;}
.map .con{height: 100%;}
.ly{margin-top: 80px;background: url(../images/bg12.png) no-repeat center bottom/cover;padding: 70px 0;}
.ly .bt{text-align: center;font-size: 30px;color: #323232;line-height: 1.8;}
.ly .bt:after{content: "";display: block;width: 70px;height: 2px;background: #19b46f;margin: 20px auto;}
.message{width: 62%;margin-top: 40px;}
.message .item{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px;}
.message .item dl{width: 32%;}
.message .item label{display:block;line-height: 50px;font-size: 16px;color: #323232;}
.message .item label i{color: #19b46f;font-weight: bold;margin-right: 5px;}
.message .item input{display:block;width: 100%;height: 50px;background: #fff;font-size: 15px;color: #acacac;padding-left: 20px;}
.message .item textarea{width: 100%;border: 0;height: 180px;background: #fff;font-size: 15px;color: #acacac;padding:20px 20px;}
.message .item .but{width: 100%;border: 0;background: #19b46f;color: #fff;text-align: center;font-size: 16px;height: 50px;cursor:pointer;}
.zp1{padding: 70px 0;background: url(../images/bg13.png) no-repeat left top/cover;}
.zp1 .bt{text-align: center;font-size: 18px;color: #646464;line-height: 1.8;}
.zp1 .bt h3{font-size: 30px;color: #323232;margin-bottom: 15px;}
.zp1 .con{margin-top: 60px;}
.zp1 .row{float: left;width: 25%;text-align: center;line-height: 3;font-size: 18px;color: #323232;}
.zp2{background: #f8f8f8;padding: 80px 0;}
.zp2 .row{float: left;width: 49%;height: 340px;background: #fff;padding: 25px 25px;transition: all 0.4s ease-in-out;margin-bottom: 2%;}
.zp2 .row .w1{border-bottom: 1px solid #e6e6e6;position: relative;font-size: 14px;color: #323232;line-height: 1.8;padding-bottom: 10px;}
.zp2 .row .w1 h3{font-size: 24px;margin-bottom: 5px;}
.zp2 .row .w1 .more{position: absolute;right: 0;top: 20px;width: 90px;line-height: 36px;text-align: center;color: #fff;background: #19b46f;font-size: 18px;border-radius:6px;}
.zp2 .row .box{height: 180px;margin-top: 15px;font-size: 16px;color: #646464;line-height: 1.9;overflow-y: scroll;}
.zp2 .row .box::-webkit-scrollbar {width: 2px;}
.zp2 .row .box::-webkit-scrollbar-thumb{background: #19b46f;border-radius: 10px;}
.zp2 .row .box::-webkit-scrollbar-track-piece {background:#fff;}
.zp2 .row:nth-child(2n){float: right;}
.zp2 .row:hover{background: #a9ba98;transition: all 0.4s ease-in-out;}
.zp2 .row:hover .box{color: #fff;}
.zp2 .row:hover .w1{color: #fff;}
.news-lm .con{max-width: 550px;}
.news-lm li{width: 50%;}
.news{margin-top: 60px;background: #fefefe;padding-bottom: 80px;}
.news .m1{padding-top: 80px;}
.news .m1 .pic{width: 48.5%;overflow: hidden;}
.news .m1 .text{width: 51.5%;padding: 30px 50px;font-size: 16px;color: #646464;line-height: 2;}
.news .m1 .text .date{color: #19b46f;}
.news .m1 .text h3{font-size: 26px;color: #323232;font-weight: bold;margin: 15px 0;line-height: 1.4;}
.news .m1 .text .more{width: 160px;line-height: 42px;text-align: center;border: 1px solid #19b46f;color: #19b46f;margin-top: 50px;}
.news .m1 .text .more:hover{background: #19b46f;color: #fff;}
.news .m2{margin-top: 50px;}
.news .m2 li{float: left;width: 31.5%;background: #fff;font-size: 14px;color: #6a6a6a;line-height: 1.8;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-right: 2.75%;margin-bottom: 2.75%;position: relative;}
.news .m2 .pic{width: 100%;max-height: 240px;overflow: hidden;}
.news .m2 .text{padding: 20px 20px;height: 185px;}
.news .m2 .text span{font-size: 16px;}
.news .m2 .text h3{font-size: 16px;color: #323232;font-weight: bold;margin: 7px 0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .m2 .text h3:hover{color: #19b46f;}
.news .m2 li:nth-child(3n+3){margin-right: 0;}
.news .m2 li:after{content: "";display: block;width: 0;height: 4px;background: #19b46f;transition: all 0.4s ease-in-out;}
.news .m2 li:hover:after{width: 100%;transition: all 0.4s ease-in-out;}
.news .m2 li:hover span{color: #19b46f;}
.article{padding-top: 3vw;}
.article .title{display: block;text-align: center;font-size: 17px;line-height: 2;margin-bottom: 15px;font-weight: bold;}
.article .content{padding: 20px 0;font-size: 15px;line-height: 2;}
.article .page{}



.step3 .next{ right:0}


.list_banner{ width:100%; float:left;  position:relative;}
.list_banner img{ width:100%;} 
.list_banner h2{ position:absolute; top:180px; color:#fff; font-size:40px; font-weight:bold;}
.list_banner h5{ position:absolute; top:240px;color:#fff; font-size:20px; letter-spacing:2px;}
.list_banner .list_nav{ position:absolute; bottom:0; width:100%; float:left; background: rgba(0, 0, 0, 0.6); left:0; color:#fff; font-size:16px;}
.list_nav p{ float:left;  padding:20px 0 }
.list_nav ul{ float:right; display:flex}
.list_nav ul a{ float:left; padding:20px 20px}
.list_nav ul a.on,.list_nav ul a:hover{ background:#027C4D;}

.about_n,.zz_n{ width:100%; padding:30px 0; float:left}
.about_n .tit{ width:100%; float:left; position:relative; padding-top:70px;}
.about_n .tit:before{content: "“";position: absolute;left: 0;top:30px;;font-size: 186px;font-family: Arial;font-weight: bold;color: #DFDFDF;line-height: 1;}
.about_n h3{ width:100%; float:left; text-align:center; line-height:50px; font-size:38px; margin-bottom:40px;  margin-top:15px}
.about_n h3 i{ font-style:normal;color: #19b46f;}
 .about_n h5{ text-align:center; font-size:20px; }
.about_n p{ font-size:16px; line-height:32px; margin:8px 0;width:90%; margin-left:5%;  float:left;}
.about_n .abo_img{width:90%; margin-left:5%; float:left; padding-top:50px; position:relative}
.abo_img:before{content: "“";
    transform: rotate(180deg);
    position: absolute;
    right: -10%;
    top: -5%;;
    font-size: 186px;
    font-family: Arial;
    font-weight: bold;
    color: #DFDFDF;
    line-height: 1;}


/*****内页介绍end*****/
.zz_n li{ width:23%; float:left; margin:15px 1%;}
.zz_n li .imgZoom{ border:1px #eee solid; width:100%; float:left;}
.imgZoom img{ width:100%;}
.meta{ background:green; color:#fff; font-size:16px; line-height:42px; text-align:center}

.fy{ width:100%; padding:30px 0; margin-top:15px;text-align:right; font-size:16px; float:left}
.fy a ,.fy b{ padding:8px 10px; bordeR:1px #f5f5f5 solid; margin:0 3px;}
.fy b{ border:none;}
.fy a b{ padding:0; margin:0; border:none;}



.news_con{ width:100%; float:left;margin-top:2%; margin-bottom:3%;}
.news_con ul li{  padding-top:3.5%;border-bottom:1px solid #dddddd; display:block;padding-bottom:3.5%;transition:all 0.3s; position:relative; float:left; width:100%; }
.news_con ul li:last-child{ margin-bottom:0;}
.news_con ul li:hover{}
.news_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.news_con ul li .imgs{width:306px;float:left;display:inline;overflow:hidden;margin-right:3%;}
.news_con ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{ overflow:hidden; padding-right:3%; }
.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333; font-weight:bold;transition: all 0.3s; margin-top:40px;white-space:nowrap;text-overflow:ellipsis; font-size:24px;}
.news_con ul li .txts .p{ height:56px; overflow:hidden; font-size:15px; color:#888888; line-height:28px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:16px;transition: all 0.3s;}
.news_con ul li .ends{ overflow:hidden; float:right; width:180px; text-align:right;  height:166px; position:relative;}
.news_con ul li .ends em{position:absolute;right:0;top:50%;line-height:42px;font-style:normal;font-size:24px;color:#e0e0e0;transform:translate(0%, -50%); font-family:Arial, Helvetica, sans-serif;font-weight:normal;transition:all 0.3s;}
.news_con ul li .ends em b{ display:block; font-weight:normal;}
.f52 {font-size:32px;}
.news_con ul li:hover .txts .h3{color:var(--main-color);}
.news_con ul li:hover .ends em{color:var(--main-color);}
.news_con ul li .ends .news_more{ width:130px; text-align:center;height:42px; line-height:42px;color:#fff; font-size:15px;transition: all 0.3s; position:absolute; right:0; top:50%;transform: translate(0%, -50%);background: linear-gradient(98deg, #019680, #22C286);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); margin-right:5px;border-radius: 21px;}
.news_con ul li .ends .rbtn{position:absolute; right:0; top:50%;transform: translate(0%, -50%);opacity:0;filter:Alpha(opacity=0);margin-right:5px; text-align: left;}
.news_con ul li .ends .news_more:hover{background: linear-gradient(180deg, #019680, #22C286);}
.news_con ul li:hover .ends .news_more{opacity:1.0;filter:Alpha(opacity=100); margin-right:0;}
.news_con ul li:hover .ends .rbtn{opacity:1.0;filter:Alpha(opacity=100); margin-right:0;}
.news_con ul li:hover .ends em{opacity:0;filter:Alpha(opacity=0);}
 

.rbtn {
    position: relative;
    display: inline-block;
    padding: 0 32px 0 32px;
    text-align: center;
    /* overflow: hidden; */
    line-height: 50px;
    height: 50px;
    font-size: 15px;
    color: #fff;
    background: linear-gradient(98deg, #019680, #22C286);
    border-radius: 25px;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


/*新闻资讯详细*/
.about_x2{ float:left; width:70.5%; padding-bottom:1%; padding-right:3%;padding-top:4%; /*border-right:1px solid #e7e7e7;*/}
.about_x2.bgs2{ float: none; width: 100%; padding-right: 0;}
.about_x2 .show_t{ line-height:1.4; font-size:28px; color:#333333; text-align:left; margin-bottom:1%; margin-top:5px; font-weight:bold;}
.about_x2.bgs2 .show_t{ text-align: center;}
.about_x2 .con_line{height:50px; line-height:40px;font-size:16px; color:#999999; border-bottom:1px solid #f0f0f0; text-align:left; padding-bottom:1%; }
.about_x2 .con_line .fenxiang{ float: right; margin-top: 0;}
.about_x2 img{margin-bottom:10px; /* display:block;  */max-width:100%;}
.about_x2 .con_id{ line-height:34px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:4%;font-size:16px; color:#555555;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id .h3{ font-weight: bold; font-size: 20px; margin-bottom: 1%;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:3%; text-align:center;  font-size:15px;margin-bottom:4%;border-top:1px solid #f0f0f0; overflow:hidden; line-height:26px; color:#555555; text-align:center; }
.prenext span{ width:40%; overflow:hidden;}
.prenext span.l{ text-align:left;}
.prenext span.r{ text-align:right;}
.prenext a{ color:#555555; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#007749;  text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);}
.prenext .goback{ display:inline-block; vertical-align:top; height:38px; line-height:38px; width:120px; border:1px solid #9e0534; border-radius:20px; color:#9e0534; margin-top:-6px;}
.prenext .goback:hover{ background:#007749; color:#fff;}

.news_r{ float:right; overflow:hidden; background:#fff; width:24%; max-width:390px; margin-top:3%; margin-bottom:5%;}
.news_r .news_t{ font-weight:normal;  overflow:hidden; position:relative; padding-left:10px;}
.news_r .news_t .h2{ font-weight:normal; color:#333333; font-size:22px; margin-right:30px;height:70px; line-height:70px;}
.news_r .news_ul3{ margin-left:10px;overflow:hidden;}
.news_r .news_ul3 ul li{ display:block; border-bottom:1px solid #f0f0f0; padding-bottom:5%; margin-bottom:5%; overflow:hidden;}
.news_r .news_ul3 ul li label{ display:block; height:24px; line-height:24px;  color:#c8c8c8; font-size:14px;}
.news_r .news_ul3 ul li .h3{ font-weight:bold; overflow:hidden;height:30px; line-height:30px; color:#333333; font-size:16px;transition:all 0.3s; margin-top:1%; margin-bottom:1%;white-space:nowrap;text-overflow:ellipsis;}
.news_r .news_ul3 ul li:hover .h3{ color:#007749;}
.news_r .news_ul3 ul li:last-child{ border-bottom:0;}
.display{ display:block}
.none{ display:none}

@media screen and (max-width: 1100px) {
.about_x2{ width:59%;}
.news_r{ width:37%;}
}

@media screen and (max-width: 960px) {
 
.about_x2{ width:100%; }
.about_x2 .con_id{ line-height:28px; font-size:15px;}
.about_x2 .con_id .h3{ font-size: 18px;}
.news_r{ width:100%; float:none; max-width:none;}
.news_r .news_ul3 ul li{ padding-bottom:2%; margin-bottom:2%;}
.none{ display:block}
.display{ display:none}

}

@media screen and (max-width: 640px) {
/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_b a{ font-size:13px;}
.o_big_con .h2 label{ font-size:15px; line-height:24px;}
.o_big_con .h2{ text-align: center;}
/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:12px;}
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}
/*关于我们*/
.about_one_ul li:nth-child(2n){margin-top: 40px;}
.about_one_ul li{ padding-bottom: 22px;}
.about_one::before{ font-size: 120px;}
.about_one::after{ font-size: 120px;bottom: 30px;}
.about_one .titles .h3{ line-height: 32px;}
.about_one .cons{ line-height: 30px;}
/*发展历程*/
.i_history_bg{ background-size: cover;background-attachment: unset;}
.i_history .i_history_l{ margin-top:7%;}
.i_history .i_history_l .p{ font-size:14px; line-height:24px;}
/*.i_history .i_history_r .divs{ width:100%; max-width:none;}
.i_history .i_history_r .divs.l,.i_history .i_history_r .divs.r{ float:none;}
*/
.i_history .i_history_r .divs{ line-height: 30px; font-size: 14px;}
.i_history .i_history_r .divs .h3{ height:50px; line-height:50px; font-size:18px;}
/*企业文化*/
.about_three ul li img{height: 50px;}
.about_three ul li .bgs{ height: 350px;}
.about_three ul li .boxs{width: 96%;}
.about_three ul li .h3{ line-height: 24px;}
.about_three ul li .p{ line-height: 24px;}
.about_three ul li:hover .p{ height: 48px;}
/*加入我们*/
.join_one .big-text{ font-size: 120px;}
.join_one .txts{ padding-bottom: 130px;}
.faq_ul2 ul li{ padding-left:13px; padding-right:13px;  background-position:right 13px top 32px;margin-bottom:10px;}
.faq_ul2 ul li .h3{ font-size:14px; background-position:left top 21px;}
.faq_ul2 ul li .h3 em{ font-size:12px;}
.faq_ul2 ul li .down{ font-size:14px; line-height:24px;}
.faq_ul2 ul li .down .h4{ font-size:14px; margin-bottom:1%;}
/* .faq_ul2 ul li .down .two a{width:130px; height:36px; line-height:36px;} */
.faq_ul2 ul li .desc{font-size:13px; line-height:24px;}
/*联系我们*/
.contact_l{ height:500px;}
.contact_l iframe{height: 500px;}
.contact_r .contact_ul li{  font-size:14px;}
.contact_r .contact_ul li.bgs1 .p2{ font-size: 16px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:20px; line-height:28px; text-align:center;}
.about_x2 .con_line{ font-size:12px; height:auto; line-height:30px; text-align:center;}
.about_x2 .con_line .fenxiang{ float:none; margin-top:5px;}
.about_x2 .con_id{ font-size:14px; line-height:24px;}
.about_x2 .con_id .h3{ font-size: 16px;}
.news_r .news_t .h2{ margin-right:12px;font-size:18px; height:60px; line-height:60px;}
.news_r .news_ul3 ul li .h3{ font-size:15px;}
.news_r .news_ul3 ul li label{ font-size:13px;}

.prenext{ font-size:13px; text-align:center;}
.prenext span{ width:100%;}
.prenext .goback{ margin-top:15px; height:32px; line-height:32px; width:99%; margin-bottom:10px;}
/*服务案例详细*/
.case_show .about_x2 .show_t{ font-size: 24px;}
.case_show .about_x2 .con_line{ height: 44px; margin-top: 3%;}
/*解决方案*/
.solution_list ul li .text .txt{  line-height:1.6;}
/*新闻中心*/
.news_con ul li{ padding-right:2%;}
.news_con ul li .ends{ display:none;}
.news_con ul li .txts{ padding-right:0;}
/*数字*/
.business_div2 .gallery-top{ margin-top:7%;}
.business_div2 .gallery-top .swiper-slide .txts .h4{ height:36px; line-height:36px;}
.business-page .business_div{ height: 102px;}
.business-page .business_div .top .swiper-slide .bb{ padding-bottom: 20px;}
/*产品价值*/
.product-value .business_div .top .swiper-slide .bb{ padding-bottom: 20px;}
/*数据灵活部署*/
.service_four .ul li{ width: 49%;}
.service_four .ul li:nth-child(3n){ margin-right: 2%;}
.service_four .ul li:nth-child(2n){ margin-right: 0;}
/*业务合作*/
.service_five .rbtn{ margin-top: 8%;}
/*解决方案详细*/
.solution_one .text .txt .ul li{ padding-left: 15px;}
.solution_four .business_div .top .swiper-slide .bb{ padding-bottom: 20px;}
/*产品中心*/
.product_ul li .p{ font-size: 12px;}
.product_ul li .h3{ margin-top: 20px;}
/*产品详细*/
.business-page .business_div{ height: 91px;}
.product-page .introduction .cont .model{ font-size:13px;}
.product-page .introduction .cont .text{  font-size:13px;}
.product-tab .business_div{ padding-top: 15px;}
.product-tab .business_div .top .swiper-slide .bb{ padding-bottom: 15px;}
.product_down ul li .p{ font-size: 12px;}
.product_down ul li .right em{ font-size: 13px; height: 28px; line-height: 28px; padding-left: 45px; padding-right: 23px;}
.product_down ul li .right em::before{ top: 6px;left:24px}
.product_down ul li .right span{margin-bottom: 6px;}
.product_cs{font-size: 12px;}
.list_nav ul{ width:100%;}
.list_nav ul a{ font-size:14px; padding:10px 10px; }
.about_n .tit{ padding-top:0;}
.about_n h5{ font-size:16px;}
.about_n h3{ font-size:24px; margin-top:5px; margin-bottom:0}
.about_n .tit:before,.abo_img:before{ font-size:70px; top:0 }
.abo_img:before{ top:-8%; right:5%;}
.about_n .abo_img{ padding-top:20px;}
.zz_n li{ width:48%;}
.zz_n{ padding:0px 0}
.news_con ul li .imgs{ width:110px;}
.news_con ul li .txts .h3{ font-size:16px; line-height:24px; margin-top:0}
.news_con ul li .txts .p{ margin-top:0; font-size:14px; line-height:22px;}
}


/*产品中心*/
.product_bg{ background: #f7f7f7; width:100%; float:left; padding:10px 0 }
.product_ul{  margin-top: 5%; }
.product_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;  position:relative; background: #fff; border-radius: 10px; overflow: hidden;}
.product_ul li:nth-child(3n){ margin-right:0;}
.product_ul li:hover{ box-shadow: 0px 3px 27px 0px rgba(0,97,79,0.07);}
.product_ul li .imgs{ overflow:hidden; position:relative; padding-top:62.67%; margin-top: 10px;}
.product_ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s}
.product_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.product_ul li .txts{ max-width: 386px; margin: 0 auto;width: 90%; overflow: hidden;}
.product_ul li .h3{ font-weight:bold; overflow:hidden; line-height:1.5; font-size:26px;margin-top:30px;white-space:nowrap;text-overflow:ellipsis; text-align:left;transition:all 0.3s; color: #222222;}
.product_ul li .desc{ overflow: hidden; line-height: 1.6;white-space:nowrap;text-overflow:ellipsis; color: #333333; margin-top: 3px;}
.product_ul li .p{ overflow:hidden; line-height:26px; height:52px; color:#888888;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:12px; font-size: 15px; }
.product_ul li .rbtn{ font-style: normal; margin-top:3%; margin-bottom:5%; background: #fff; padding-left: 0;  }
.product_ul li .rbtn span{color: #333;}
.product_ul li .rbtn::after{ background-image: url(../images/i_pic3.png);}
.product_ul li:hover .rbtn{background: linear-gradient(98deg, #019680, #22C286); padding-left: 25px;}
.product_ul li:hover .rbtn span{ color: #fff;}
.product_ul li:hover .rbtn::after{ background-image: url(../images/i_pic1.png);}
.product_ul li:hover .rbtn:hover{background: linear-gradient(180deg, #019680, #22C286);}
/*产品详细*/
.product-page .introduction { padding-top: 5%; padding-bottom:10%; overflow: hidden;}
.product-page .introduction .photo { width: 52.9%; max-width: 740px; padding-left: 140px; float: left; position: relative; }
.product-page .introduction .photo img { width: 100%; display: block; margin-top: 18.6%; margin-bottom: 18.6%;}
/* .product-page .introduction .photo .gallery-top { border: solid 1px #eee;} */
.product-page .introduction .photo .right {position: absolute;top: 0; left: 0; width: 100px; height: 100%; z-index: 2;padding: 38px 0;}
.product-page .introduction .photo .gallery-thumbs {height: 100%;overflow: hidden;}
.product-page .introduction .photo .gallery-thumbs .swiper-slide {height: 100px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;
  -webkit-user-select: none;-ms-user-select: none;user-select: none;}
.product-page .introduction .photo .gallery-thumbs .swiper-slide span {border: solid 1px #eeeeee;display: block;cursor: pointer;}
.product-page .introduction .photo .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span {border: solid 1px #027C4D;}
.product-page .introduction .photo .swiper-button-prev,
.product-page .introduction .photo .swiper-button-next {width: 100%;height: 38px;margin: 0;top: auto;bottom: auto;left: 0;right: auto;background: no-repeat center #ffffff;
transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;display: block;}
.product-page .introduction .photo .swiper-button-prev:hover,
.product-page .introduction .photo .swiper-button-next:hover {background-color: #ffffff;}
.product-page .introduction .photo .swiper-button-prev { top: 0;  background-image: url(../images/arrow11.png);}
.product-page .introduction .photo .swiper-button-prev:hover {background-image: url(../images/arrow13.png);}
.product-page .introduction .photo .swiper-button-next {bottom: 0;background-image: url(../images/arrow12.png);}
.product-page .introduction .photo .swiper-button-next:hover { background-image: url(../images/arrow14.png);}
.product-page .introduction .photo .swiper-button-next.swiper-button-disabled,.product-page .introduction .photo .swiper-button-prev.swiper-button-disabled{opacity: 0.9;}
.product-page .introduction .cont { width: 43%; float: right; overflow:hidden;}
.product-page .introduction .cont .model{ font-size: 16px; color:#777; margin-top:5%;}
.product-page .introduction .cont .title{ font-weight:normal; color:#222222; margin-top:1%; line-height: 1.3;}
.product-page .introduction .cont .text{ border-top: solid 1px #E4E4E4;border-bottom: solid 1px #E4E4E4; line-height: 2; font-size: 16px; color: #888888; margin-top:32px; padding-top:26px; padding-bottom: 26px;min-height: 270px; margin-bottom:3%; width:100%;}
.product-page .introduction .cont .text label{ display: block; color: #333; margin-bottom: 3%;}
.product-page .introduction .cont .rbtn{  margin-top:8%;}
.product-tab .business_div{ position: relative; overflow: hidden; background: #fff; padding-top: 20px;}
.product-tab .business_div::before{ content: ""; position: absolute; left: 0; bottom: 0;width: 100%; height: 1px; background: #ECECEC;}
.product-tab .business_div.lift-pos{position: fixed; top: 0px; width: 100%; z-index: 99;}
.product-tab .business_div .top {
  position: relative; max-width: 560px; 
}
.product-tab .business_div .top .swiper-button-prev,
.product-tab .business_div .top .swiper-button-next {
  width: 25px;
  height: 45px;
  background-size: 25px auto;
  margin-top: -21%;display: none;
}
.product-tab .business_div .top .swiper-button-prev {
  left: -90px;
  background-image: url(../images/i_left.png);
}
.product-tab .business_div .top .swiper-button-prev:hover {
  background-image: url(../images/i_left_on.png);
}
.product-tab .business_div .top .swiper-button-next {
  right: -90px;
  background-image: url(../images/i_right.png);
}
.product-tab .business_div .top .swiper-button-next:hover {
  background-image: url(../images/i_right_on.png);
}
.product-tab .business_div .top .swiper-slide {
  text-align: left;
  color: #333;
  position: relative;
  cursor: pointer; 
}
.product-tab .business_div .top .swiper-slide-thumb-active{ color: var(--main-color);}
.product-tab .business_div .top .swiper-slide .bb{ overflow:hidden; display:inline-block; vertical-align:top; text-align:center;  padding-bottom: 25px; position: relative;}
.product-tab .business_div .top .swiper-slide:nth-child(4) .bb{ max-width: 330px;}
.product-tab .business_div .top .swiper-slide .bb::before{content: ""; position: absolute; left: 50%;bottom: 0; width: 0; height: 3px; background: #027C4D;transition:all 0.3s;}
.product-tab .business_div .top .swiper-slide-thumb-active .bb::before {width: 100%; left: 0;}
.product-tab .business_div3{  position: relative;  }
.product-tab .business_div3 .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: block; /* overflow: hidden; */z-index: -1;}
.product-tab .business_div3 .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block; z-index: 0;}
.product-tab .business_div3 .divhidden:nth-child(2){ position:absolute; top:0; left:0; width:100%; height:100%; }
.product-tab .business_div3 .auto-title-block{ padding-top: 6%;}
.product_one{ overflow: hidden; margin-bottom: 6%;position: relative;}
.product_one .imgs{width:46.04%;float:left;overflow:hidden;}
.product_one .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.product_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_one .txts{ position: absolute;right: 0;top: 0; float: right; width: 51.96%;overflow: hidden; line-height: 2;  max-width: 724px; color: #555555; line-height: 30px; height: 100%;}
.product_one .txts li{ overflow: hidden; display: block; position: relative; padding-left:55px;}
.product_one .txts li::before{ content: "01"; position: absolute; left: 0; top: 21px; width: 30px;height: 30px; border-radius: 50%; text-align: center; line-height: 30px; background: #C0C0C0;font-size: 15px; font-family: Arial; font-weight: bold;color: #FFFFFF;transition:all 0.3s;}
.product_one .txts li:hover::before{background: linear-gradient(98deg, #019680, #22C286); border-radius: 50%;}
.product_one .txts li:nth-child(2):before{ content: "02";}
.product_one .txts li:nth-child(3):before{ content: "03";}
.product_one .txts li:nth-child(4):before{ content: "04";}
.product_one .txts li:nth-child(5):before{ content: "05";}
.product_one .txts li:nth-child(6):before{ content: "06";}
.product_one .txts li:nth-child(7):before{ content: "07";}
.product_one .txts li:nth-child(8):before{ content: "08";}
.product_one .txts li:nth-child(9):before{ content: "09";}
.product_one .txts li:nth-child(10):before{ content: "10";}
.product_one .txts li:nth-child(11):before{ content: "11";}
.product_one .txts li .p{ overflow: hidden; border-bottom: 1px solid #EBEBEB; padding-top: 19px; padding-bottom:19px;}
.product_one .txts .i_jsq_scroll{ background:none;}
.product_case{ background: #f7f7f7; overflow: hidden;}
.product_down{ overflow: hidden; margin-bottom: 6%;}
.product_down ul li{ display: block; overflow: hidden; padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px solid #E5E5E5;}
.product_down ul li .h3{font-weight: bold; overflow: hidden;font-weight: bold; color: #333333;line-height: 30px; height: 30px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.product_down ul li .p{ overflow: hidden; color: #999999;line-height: 1.8;font-size: 15px; margin-top: 1%;}
.product_down ul li:hover .h3{ color: var(--main-color);}
.product_down ul li .right{ float: right; margin-left: 2%; overflow: hidden;}
.product_down ul li .right span{ overflow: hidden; display: block; text-align: center; color: #999999; line-height: 22px; margin-bottom: 10px;}
.product_down ul li .right em{ font-style: normal; padding-left: 55px; padding-right: 33px;background: linear-gradient(98deg, #019680, #22C286);border-radius: 25px; color: #fff; cursor: pointer; line-height:36px; display: inline-block; position: relative;transition:all 0.3s;font-size: 15px;}
.product_down ul li .right em::before{ content: ""; background: url(../images/product_pic1.png) no-repeat; width: 14px; height: 14px; background-size: 100% 100%; left: 34px; top:11px;  position: absolute; }
.product_down ul li .right em:hover{background: linear-gradient(180deg, #019680, #22C286);}
.product_rel{background: #f7f7f7; overflow: hidden;}
.product_cs{ overflow: hidden;color: #555555; line-height: 1.8; font-size: 16px; padding-bottom: 6%;}
.product_cs img{max-width: 100%;}
.product_cs table{/* width: 100%; */margin:0 auto;}
.product_cs table{border-collapse:collapse;border-spacing:0;}
.product_cs table td{ border:1px solid #000;}
@media screen and (max-width: 1440px) {
/*内页*/
.postions{ height:46px; line-height:46px; font-size:14px;}
.postions .postions_b a{margin-left:30px; margin-right:30px;}
/*发展历程*/
.i_history .i_history_l .p{ font-size:16px;line-height:26px;}
/*加入我们*/
.faq_ul2 ul li .h3{ font-size:23px;}
.faq_ul2 ul li .down .two{ font-size:18px;}
/* .faq_ul2 ul li .down .two a{ width:160px; height:50px; line-height:50px;} */
/*新闻资讯详细*/
.news_r .news_t .h2{ margin-right:20px; font-size:22px;}
/*新闻中心*/
.news_con ul li .ends{ width:170px;}
/*数字*/
.business_div2 .gallery-top .swiper-slide .txts{ padding-top: 3%;}
/*产品详细*/
.product_one .txts li .p{ padding-top: 12px; padding-bottom: 12px;}
.product_one .txts li::before{ top: 12px;}

}

@media screen and (max-width:960px) {
	.product_ul li{ border-radius:0}
.product_ul li .h3{ font-size:16px; margin-top:8px;}
.product_ul li .imgs{ margin-top:0}
.rbtn{ height:30px; line-height:30px;}
.pro_nav{ width:100%; overflow-x: auto}
.pro_nav ul{ width:1010px; float:left}
}

@media screen and (max-width:640px) {
.product_ul li{ width:48%}
.product_ul li:nth-child(3n){ margin-right:2%}

.fy{ width:100%; padding:20px 0; margin-top:15px;text-align:right; font-size:16px; float:left}
.fy a ,.fy b{ padding:4px 5px; bordeR:1px #f5f5f5 solid; }
.fy b{ border:none;}
.fy a b{ padding:0; margin:0; border:none;}

}

.pro_n{ width:100%; float:left; padding:30px 0; text-align:center}
.pro_n h3{ font-size:22px; border-bottom:1px #eee solid; margin-bottom:15px; line-height:60px;}
.pro_n h6{ font-size:15px; color:#666}
.pro_n .bigimg{ width:100%; float:left; margin:20px 0}
.pro_n p{ font-size:16px; line-height:32px;}


/*加入我们*/
.join_one{ margin-top: 5%; margin-bottom: 7%; position: relative; width:100%; float:left}
.join_one .big-text{margin-top: -0.3em;left: 0; -webkit-animation: backward-infinite 10s linear 1s infinite; -moz-animation: backward-infinite 20s linear 1s infinite; animation: backward-infinite 20s linear 1s infinite;color: rgba(0,0,0,0.06); text-transform: uppercase; font-size:66px; width:100%; float:left }
.join_one .txts{ float: left; width: 53.5%;  max-width: 590px; padding-bottom: 130px; position: relative;}
.join_one .txts .color1{ color: #027c4d;}
.auto-title-block .auto-title-des {margin-top:20px;font-size: 22px;line-height: 1.4em;color: var(--dc); float:left; width:100%; margin-bottom:3%;}
.join_one .auto-title-des{ font-weight: bold;}
.join_one .txts .p{ font-size: 18px; color: #666666; line-height: 2; margin-top: 5%;}
.join_one .txts .desc{ padding-left: 12px; position: relative; font-size: 15px; color: #999999; line-height: 1.6; margin-top:25%;}
.f40 {   font-size: 40px;} 
 
.join_one .imgs{ position: absolute; right: 0; top: 0; width: 45%; overflow: hidden;}
.join_one .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.join_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.job_bg{ background:url(../images/join_img2.png) center top no-repeat;background-attachment: fixed; width:100%; float:left}
.job_box{ background: #fff;box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.03); width:100%; float:left; margin-top:7%; margin-bottom:7%;padding-top:3%; padding-left: 2.77%; padding-right: 2.77%;}
.t-center {
    text-align: center;
}

.faq_ul2{ margin-bottom:6%;}
.faq_ul2 ul li{ display:block; overflow:hidden; background:url(../images/job_bg4.png) #fff right 40px top 47px no-repeat;transition:all 0.3s; cursor:pointer;-webkit-tap-highlight-color:transparent; background-size:8px 5px; margin-bottom:40px; padding-left:40px; padding-right:40px; border: 1px solid #DDDDDD;}
.faq_ul2 ul li:last-child{ margin-bottom:0;}
.faq_ul2 ul li:hover{  border-color: #027C4D;}
.faq_ul2 ul li:hover .h3{ }
.faq_ul2 ul li.on .h3{ background-image:url(../images/job_bg1.png); color:#333;}
.faq_ul2 ul li.on:hover{ background-color:#fff;}
.faq_ul2 ul li.on:hover .h3{ color:#027C4D;}
.faq_ul2 ul li.on{ background-image:url(../images/job_bg4_on2.png);}
.faq_ul2 ul li .h3{ font-weight:bold; overflow:hidden; padding-top:30px; padding-bottom:18px;line-height:40px;  color:#333333; transition:all 0.3s; position:relative; font-size:26px; border-bottom:1px solid #dddddd; padding-left:40px; background:url(../images/job_bg1.png) left top 37px no-repeat; background-size:22px 24px;}
.faq_ul2 ul li .h3 em{ float:right; overflow:hidden; font-style:normal; color:#999999; font-size:15px; padding-right:17px;}
.faq_ul2 ul li .desc{ color:#777; overflow:hidden; font-size:16px; line-height:36px; padding-top:30px; padding-bottom:30px;}
 
.faq_ul2 ul li.on:hover .desc{ color:#777777;}
.faq_ul2 ul li .desc label{ display:inline-block; vertical-align:top; margin-right:6%;}
 
.faq_ul2 ul li .down{ overflow:hidden; line-height:36px; font-size:17px;padding: 3% 0 3%  0; display: none; color:#777777; border-top:1px solid #dddddd;}
.faq_ul2 ul li .down .h4{ font-weight:normal; color:#333; overflow:hidden; margin-bottom:0.5%; font-size:17px; text-transform:uppercase;}
.faq_ul2 ul li .down .p{ overflow:hidden; margin-bottom:2%;}
.faq_ul2 ul li .down .p:last-child{ margin-bottom:0;}
.faq_ul2 ul li .down .two{ overflow:hidden; margin-top:1%; padding-top:2.5%; border-top:1px solid #dddddd; font-size:20px;}
 




/*联系我们*/
.contact_one{ width:100%; float:left;position:relative; z-index:0; background:#f9f9f9; margin-top:5%; margin-bottom:5%;}
.contact_pos{ float:right; width:48%;  z-index:-1;display: flex; align-items: center; justify-content: left;}
.contact_l{ float:left; width:50%; overflow:hidden; height:700px;}
.contact_l iframe{height: 700px;}
.contact_r{ width:90%; max-width:578px; float:left; padding-top:5%;}
.contact_r .h4{ font-weight:normal; overflow:hidden; line-height:1.2; color:#222222;font-size: 32px;}
.contact_r .desc{ overflow:hidden; color:#777777; margin-top:1%; line-height:1.5;}
.contact_r .contact_ul{ overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:4%; margin-bottom:4%; padding-bottom:30px;}
.contact_r .contact_ul li{ display:block; overflow:hidden; padding-top:30px; color:#222; font-size:16px; line-height:24px;}
.contact_r .contact_ul li.bgs1 .p2{ background-image:url(../images/contact_pic3.png); font-size: 18px;}
.contact_r .contact_ul li.bgs2 .p2{ background-image:url(../images/contact_pic4.png);}
.contact_r .contact_ul li.bgs3 .p2{ background-image:url(../images/contact_pic5.png);}
.contact_r .contact_ul li .p2{ padding-left:30px; background-repeat:no-repeat; background-position:left top 2px; background-size:auto 19px; overflow:hidden; margin-top:3%;}
.contact_r .contact_ul li label{ display:block; overflow:hidden; color:#777777;}
.contact_r .contact_ul li a{ color:#222;}
.contact_r .contact_ul li a:hover{ color:var(--main-color);}
.contact_r .contact_ul li .tels{color:var(--main-color); font-weight:bold;}
.contact_r .contact_ul li .tels:hover{ text-decoration:underline;}
.contact_r .contact_weixin{ overflow:hidden; clear:both; float:left; color:#555555; text-align:center;}
.contact_r .contact_weixin img{ height:105px; display:block;}
.contact_r .contact_weixin .p{ overflow:hidden; font-size:15px; line-height:24px; margin-top:15px;}
.contact_r .fenxiang{ float:right; margin-top:115px;--sc: #666666;--size: 80%;}
.contact_r .fenxiang .news_fx ul li{ background:none;}
.contact_r .fenxiang .news_fx ul li:hover{--fill: var(--main-color);}
.contact_r .fenxiang .news_fx ul li a:hover{ background-color:#f4f4f4;}
.contact_r .fenxiang .news_fx ul li:hover .self-svg svg.icon{fill: #fff;}

@media screen and (max-width: 640px){
.contact_l {width:100%; height:auto; overflow:!important}
.contact_pos{ width:90%; margin-right:5%; padding-bottom:20px;}
.contact_r .h4{ font-size:22px;}
.join_one .txts{ width:100%; max-width:100%; padding-bottom:5%;}
.join_one .big-text{ font-size:40px;}
.f40{ font-size:26px;}
.auto-title-block .auto-title-des{ font-size:16px; margin-top:10px;} 
.join_one .txts .p{ font-size:15px; line-height:1.5}
.join_one .txts .desc{ margin-top:3%; padding-left:0}
.join_one .imgs{ display:none}
.faq_ul2 ul li .down{ font-size:15px;}
	}