.@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "微软雅黑", sans-serif, Arial; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
table{ width:100%; max-width:100% !important;}
table{ border-collapse:collapse !important; border:1px solid #333 !important;}
table th,table td{ padding:5 10px; border:1px solid #333 !important;}

/*header*/
.header{ width:100%; position:absolute; left:0; top:0; z-index:99;}
.header:before{ width:100%; height:1px; display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; background-color:rgba(255,255,255,.3);}
.header .head{ width:80%; margin:auto; height:100px; position:relative; z-index:3;}
.header .head .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .head .logo img{ display:block; height:60px;}
.header .head .yu{ float:right; height:100%; display:flex; align-items:center; font-size:16px; color:#fff;}
.header .head .yu img{ height:18px; margin-right:10px;}
.header .head .yu a{ display:block; color:#fff;}
.header .head .yu span{ display:block; color:#fff; margin:0 6px;}
.header .head .nav{ display:block; float:left; margin-left:3.90625%; height:100%;}
.header .head .nav>li{ display:flex; align-items:center; float:left; height:100%; width:9.375vw; max-width:180px; padding-right:1px; position:relative; text-align:center;}
.header .head .nav>li>a{ width:100%; font-size:16px; color:#fff;}
.header .head .nav>li:hover b,.header .head .nav>li.on b{ width:100%; display:block; height:3px; background-color:#43ac35; position:absolute; left:0; bottom:0; overflow:hidden;}
.header .head .nav>li>ul{ width:100%; position:absolute; top:100%; left:0; background-color:#fff; display:none; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav>li>ul li{ display:block; width:100%; position:relative;}
.header .head .nav>li>ul li a{ display:block; padding:0 20px; font-size:14px; line-height:40px; height:40px; overflow:hidden;}
.header .head .nav>li>ul li a:hover{ background-color:#43ac35; color:#fff;}
.header .head .nav>li:hover>ul{ display:block;}
.header .head .nav>li>ul li p{ position:absolute; left:100%; top:0; display:none;  background-color:#f7f7f7; width:9.375vw; max-width:180px;}
.header .head .nav>li>ul li:hover p{ display:block;}

@media only screen and (max-width: 1439px){
.header .head{ width:90%; height:90px;}
}

/*banner*/
@-webkit-keyframes opa_btm {
    0% { -webkit-transform:translate(0, 10px); opacity:0;}
    100% { -webkit-transform:translate(0, 0); opacity:1;}
}
@keyframes opa_btm {
    0% { transform:translate(0, 10px); opacity:0;}
    100% { transform:translate(0, 0); opacity:1;}
}
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:3;}
.banner .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-container .swiper-slide .tu b{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block; overflow:hidden; position:absolute; left:0; top:0;}
.banner .swiper-container .swiper-slide .wen{ width:80%; position:absolute; left:10%; top:50%; transform:translateY(-50%); z-index:3;}
.banner .swiper-container .swiper-slide .wen .w01{ font-size:30px; line-height:40px; color:#43ac35; letter-spacing:4px;}
.banner .swiper-container .swiper-slide .wen .w02{ font-size:60px; line-height:70px; color:#fff; text-transform:uppercase; font-weight:bold; margin-top:0.52vw; font-style:italic;}
.banner .swiper-container .swiper-slide .wen .w03{ max-width:980px; font-size:16px; line-height:30px; color:#aaa; margin-top:1.2vw;}
.banner .swiper-container .swiper-slide .wen .w04{ margin-top:1.98vw;}
.banner .swiper-container .swiper-slide .wen .w04 a{ display:block; float:left; overflow:hidden; font-size:16px; line-height:22px; height:22px; color:#aaa; border-bottom:1px solid #aaa; text-transform:uppercase;}
.banner .swiper-container .swiper-slide .wen .w04 a:hover{border-bottom:1px solid #43ac35; color:#43ac35;}
.banner .swiper-button-white{ width:3.65vw; max-width:70px; height:3.65vw; max-height:70px; background-color:rgba(255,255,255,.1); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:9;}
.banner .swiper-button-white:hover{ background-color:#43ac35;}
.banner .swiper-button-prev{ background-image:url(../images/prev.png); left:3.175%;}
.banner .swiper-button-next{ background-image:url(../images/next.png); right:3.175%;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:2.08vw; z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:50px; height:10px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:10px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#43ac35;}

@media only screen and (max-width: 1439px){
.banner .swiper-container .swiper-slide .wen{ width:90%; left:5%;}
.banner .swiper-button-white{ width:3.6vw; max-width:50px; height:3.6vw; max-height:50px;}
.banner .swiper-button-prev{ left:.7%;}
.banner .swiper-button-next{ right:.7%;}
}

/*推荐产品展示*/
.title{ width:80%; margin:auto; position:relative; z-index:3; margin-top:-3px;}
.title .t01{ font-size:30px; line-height:30px; font-weight:bold; text-transform:capitalize;}
.title .t02{ margin-top:8px; overflow:hidden;}
.title .t02 p{ display:block; float:left; font-size:30px; line-height:40px;}
.title .t02 span{ display:block; float:left; width:20px; height:4px; margin-left:10px; background-color:#43ac35; margin-top:31px; overflow:hidden;}
.title .more{ position:absolute; right:0; bottom:5px; z-index:3;}
.more a{ float:left; padding:0 30px; min-width:120px; height:44px; line-height:44px; display:block; position:relative; font-size:16px; color:#fff; background-color:#43ac35;}
.more a img{ display:block; height:10px; margin-top:17px; margin-left:20px; float:right;}
.more a:hover{ background-color:#5fc241;}
@media only screen and (max-width: 1439px){
.title{ width:90%;}
}

.pbox{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .title{ position:absolute; left:10%; top:5.21vw;}
.pbox .box{ width:80%; margin:auto; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; overflow:hidden; z-index:1;}
.pbox .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; opacity:0 !important;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.pbox .box .swiper-container .swiper-slide .left{ width:32.68%; float:left; margin-top:3.02vw; padding-top:105px; padding-bottom:3.39vw;}
.pbox .box .swiper-container .swiper-slide .left .w01{ font-size:16px; line-height:30px; height:120px;}
.pbox .box .swiper-container .swiper-slide .left .w02{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .left .w02 li{ max-width:80px; display:block; float:left; text-align:center; margin-right:8%; margin-top:2.08vw;}
.pbox .box .swiper-container .swiper-slide .left .w02 li:last-child{ margin-right:0;}
.pbox .box .swiper-container .swiper-slide .left .w02 li img{ width:60px; display:block; margin:auto;}
.pbox .box .swiper-container .swiper-slide .left .w02 li p{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.pbox .box .swiper-container .swiper-slide .left .more{ margin-top:3.39vw; margin-bottom:40px;}
.pbox .box .swiper-container .swiper-slide .right{ width:57.52%; float:right;}
.pbox .box .swiper-container .swiper-slide .right .w01{ font-size:24px; line-height:34px; margin-top:-5px; float:left;}
.pbox .box .swiper-container .swiper-slide .right .w01 b{ display:block;}
.pbox .box .swiper-container .swiper-slide .right .w02{ float:right; text-align:center;}
.pbox .box .swiper-container .swiper-slide .right .w02 img{ display:block; margin:auto; height:50px;}
.pbox .box .swiper-container .swiper-slide .right .w02 p{ font-size:20px; line-height:18px; height:18px; margin-top:10px;}
.pbox .box .swiper-container .swiper-slide .right .w02 p span{ font-size:16px; color:#999;}
.pbox .box .swiper-container .swiper-slide .right .w03{ width:95.45%; margin-left:4.55%; margin-top:-5px; float:left;}
.pbox .box .swiper-container .swiper-slide .right .w03 img{ display:block; max-width:100%;}

.pbox .box .swiper-pagination{ position:absolute; left:0; bottom:0; z-index:9; overflow:hidden;}
.pbox .box .swiper-pagination span{ width:10px; height:40px; display:block; float:left; margin-right:20px;}
.pbox .box .swiper-pagination span a{ width:40px; height:40px; display:none; line-height:40px; text-align:center; font-size:16px; overflow:hidden; background-image:url(../images/swi.png); background-size:100% 100%; border-radius:100%;}
.pbox .box .swiper-pagination span b{ display:block; width:10px; height:10px; background-color:#999; border-radius:100%; overflow:hidden; margin:15px 0; cursor:pointer;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:40px;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active a{ display:block;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active b{ display:none;}

@media only screen and (max-width: 1439px){
.pbox .title{ left:5%;}
.pbox .box{ width:90%;}
}

/*关于我们*/
.abox{ width:100%; padding-top:5.21vw; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:80%; margin:auto; position:relative; z-index:3; display:flex;}
.abox .box .left{ width:58.82%; margin-top:2.08vw;}
.abox .box .left .w01{ font-size:24px; line-height:34px;}
.abox .box .left .w01 b{ color:#43ac35; font-size:26px; text-transform:uppercase;}
.abox .box .left .w02{ font-size:16px; line-height:30px; margin-top:0.9375vw; height:210px;}
.abox .box .left .more{ margin-top:1.98vw; margin-bottom:14.0625vw;}
.abox .box .right{ width:34.64%; position:relative; margin-top:0.26vw; margin-left:6.54%; border-bottom-right-radius:2.6vw; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative;}
.abox .box .right .cover{ background:rgb(0 0 0 / 60%); display:flex; justify-content:center; transition:all ease .3s; opacity:0; position:relative; width:100%; height:100%;}
.abox .box .right:hover .cover{ opacity:1;}
.abox .box .right .cover .playIco{ position:absolute; width:7.29vw; height:7.29vw; z-index:2; left:50%; top:50%; margin:-3.645vw auto auto -3.645vw; cursor:pointer; transform:scale(0); transition:all ease .3s;}
.abox .box .right:hover .cover .playIco{ transform:scale(1);}
.abox .bg{ width:62.24%; height:10.42vw; background-color:#43ac35; position:absolute; left:0; bottom:0; z-index:1; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}

@media only screen and (max-width: 1439px){
.abox .box{ width:90%;}
.abox .bg{ width:64.24%;}
}

/*视频弹框*/
.videoBox{ position:fixed; background:rgb(0 0 0 / 60%); left:0; top:0; bottom:0; right:0; display:flex; flex-direction:column; justify-content:center; pointer-events:none; opacity:0; z-index:-1;}
.videoBox.show{ opacity:1; pointer-events:auto; z-index:1990;}
.videoBox video{ display:block; width:800px; margin:0 auto; background-color:#000;}
.videoBox iframe{ display:block; width:800px; height:600px; margin:0 auto;}
.closeVideo{ max-width:150px; background:#fff; margin:30px auto 0; border-radius:55px; padding:10px 30px; width:100%; text-align:center; font-size:15px; cursor:pointer; transition:all ease .3s;}
.closeVideo:hover{ background:#43ac35; color:#fff;}

/*我们的优势*/
.ybox{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1; background-color:#fff; display:none;}
.ybox .box{ width:80%; margin:auto; margin-top:2.34375vw; position:relative; z-index:3;}
.ybox .box .item{ width:22.225%; float:left; overflow:hidden; position:relative; margin-left:3.7%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .box .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .item:before{ width:100%; display:block; content:''; padding-top:150%;}
.ybox .box .item .bg01{ width:83.24%; position:absolute; right:0; top:2.08vw; z-index:3;}
.ybox .box .item .bg01 img{ width:100%; display:block;}
.ybox .box .item:hover .bg01{ display:none;}
.ybox .box .item .bg{ width:100%; height:100px; background-color:#43ac35; position:absolute; left:0; bottom:0; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-image:url(../images/ys.png); background-position:right bottom; background-repeat:no-repeat; background-size:33.82% auto;}
.ybox .box .item:hover .bg{ height:100%; background-color:rgba(0,0,0,.7); background-image:none;}
.ybox .box .item .wen{ width:100%; padding:0 8.825%; height:130px; position:absolute; left:0; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; box-sizing:border-box; text-align:center;}
.ybox .box .item .wen .w01{ width:60px; height:60px; border-radius:100%; background-color:#333; margin:auto; display:flex; align-items:center;}
.ybox .box .item .wen .w01 img{ max-width:40px; max-height:40px; display:block; margin:auto;}
.ybox .box .item .wen .w02{ font-size:20px; line-height:30px; color:#fff; margin-top:15px;}
.ybox .box .item .wen .w03{ width:30px; height:2px; margin:10px auto; margin-bottom:17px; background-color:#43ac35;}
.ybox .box .item .wen .w04{ font-size:16px; line-height:30px; color:#fff;}
.ybox .box .item:hover .wen{ height:100%; overflow:auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ybox .box .item:hover .wen .w01{ width:80px; height:80px; margin:0; background-color:#43ac35;}
.ybox .box .item:hover .wen .w02{ margin-top:1.3vw; font-weight:bold;}
.ybox .box .item:hover .wen .w03{ background-color:#fff; margin:0.52vw auto; margin-bottom:0.89vw}
.ybox .box .item .wen::-webkit-scrollbar{ width:5px; height:1px;}
.ybox .box .item .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#43ac35;}
.ybox .box .item .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}

@media only screen and (max-width: 1439px){
.ybox .box{ width:90%;}
}

/*服务支持*/
.sbox{ width:100%; padding-top:5.21vw; position:relative; z-index:1; background-color:#fff; margin-top:5.21vw;}
.sbox .bg{ width:100%; height:calc(100% - 5.21vw); background-color:#43ac35; position:absolute; left:0; top:0; z-index:1; background-size:cover; background-position:top center; background-repeat:no-repeat;}
.sbox .title *{ color:#fff;}
.sbox .box{ width:100%; margin-top:2.34375vw; position:relative; z-index:3; display:flex;}
.sbox .box .left{ width:31.25%; padding:5.21vw 2.6vw; padding-top:3.65vw; box-sizing:border-box; margin-left:10%; background-color:#fafbfd; border-bottom-left-radius:2.6vw;}
.sbox .box .left .w01{ width:100%;}
.sbox .box .left .w01 img{ display:block;}
.sbox .box .left .w02{ width:100%; margin-top:1.3vw; font-size:30px; line-height:40px; font-weight:bold;}
.sbox .box .left .w03{ width:100%; margin-top:1.46vw; font-size:16px; line-height:30px;}
.sbox .box .left .w04{ margin-top:2.5vw; text-align:right;}
.sbox .box .left .w04 b{ display:block; text-transform:uppercase; font-size:30px; line-height:34px; color:#43ac35;}
.sbox .box .left .w04 p{ display:block; text-transform:uppercase; font-size:60px; line-height:60px; color:#43ac35; margin-top:0.52vw;}
.sbox .box .left .w04 span{ width:50px; height:4px; margin-top:1.82vw; float:right; background-color:#43ac35;}
.sbox .box .right{ width:68.75%;}
.sbox .box .right .list{ width:740px; height:calc(100% - 11.46vw); padding-bottom:1.04vw; margin:auto; display:block;}
.sbox .box .right .list li{ width:260px; display:block; float:left; margin:1.82vw 55px; margin-top:0; text-align:center;}
.sbox .box .right .list li:nth-child(2n+1){ clear:left; float:left;}
.sbox .box .right .list li strong{ width:100px; height:100px; background-color:rgba(255,255,255,.3); border-radius:100%; display:flex; align-items:center; margin:auto;}
.sbox .box .right .list li strong img{ max-width:50px; max-height:50px; display:block; margin:auto;}
.sbox .box .right .list li b{ display:block; margin-top:0.78125vw; font-size:20px; line-height:30px; color:#fff;}
.sbox .box .right .list li p{ display:block; margin-top:0.52vw; font-size:16px; line-height:26px; color:#fff;}
.sbox .box .right .list li:hover strong{ background-color:#43ac35;}
.sbox .box .right .cont{ width:100%; height:10.42vw; background-color:#43ac35;; background-image:url(../images/sbg_19.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:16.89% auto; padding-left:8.88%; padding-right:17.33%; box-sizing:border-box; display:flex; align-items:center;}
.sbox .box .right .cont .zc{ flex:1; overflow:visible;}
.sbox .box .right .cont .zc .w01{ font-size:16px; line-height:26px; color:#fff;}
.sbox .box .right .cont .zc .w02{ font-size:30px; line-height:38px; color:#fff; font-weight:bold; margin-top:0.26vw; margin-left:-18px; overflow:visible;}
.sbox .box .right .cont .zc .w03{ font-size:16px; line-height:26px; color:#fff; margin-top:0.52vw;}
.sbox .box .right .cont .yc{ display:none;}
.sbox .box .right .cont .yc li{ display:block; float:left; margin-left:1.04vw; width:90px; height:90px; background-color:#fff; overflow:hidden;}
.sbox .box .right .cont .yc li img{ width:100%; display:block;}

@media only screen and (max-width: 1439px){
.sbox .box .left{ width:36.25%; margin-left:5%;}
.sbox .box .right .cont{ padding-left:5%; padding-right:8.33%;}
}

/*联系我们*/
.lbox{ width:100%; height:12.34375vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .duo{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.lbox .duo a{ float:left; padding:0 19px; min-width:120px; height:42px; line-height:42px; border:1px solid #fff; display:block; position:relative; font-size:16px; color:#fff;}
.lbox .duo a img{ display:block; height:10px; margin-top:17px; margin-left:20px; float:right;}
.lbox .duo a:hover{  background-color:#43ac35; border:1px solid #43ac35;}

/*footer*/
.footer{ width:100%; padding:4.43vw 0; background-color:#21242b; position:relative; z-index:1;}
.footer .foot{ width:80%; margin:auto;}
.footer .foot .left{ float:left;}
.footer .foot .left .w01{ margin-top:5px;}
.footer .foot .left .w01 img{ display:block; height:60px;}
.footer .foot .left .w02{ margin-top:20px; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .right{ float:right;}
.footer .foot .right .w01{ font-size:18px; line-height:26px; color:#fff;}
.footer .foot .right .w02{ width:20px; height:3px; background-color:#ddd; margin-top:10px;}
.footer .foot .right .w03{ padding-top:9px;}
.footer .foot .right .w03 p{ display:block; margin-top:6px; font-size:14px; line-height:24px; color:#aaa;}

@media only screen and (max-width: 1439px){
.footer .foot{ width:90%;}
}

/*内页*/
.ban{ width:100%; height:400px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ban .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ban .box{ width:80%; margin:auto; position:relative; z-index:3; padding-top:167px;}
.ban .title{ width:100%;}
.ban .title *{ color:#fff;}
.ban .sav{ width:100%; padding-top:20px;}
.ban .sav a{ display:block; float:left; min-width:100px; padding:0 20px; height:44px; line-height:44px; font-size:16px; text-align:center; background-color:rgba(255,255,255,.7); overflow:hidden; margin-top:20px; margin-right:20px;}
.ban .sav a:hover,.ban .sav a.on{ background-color:#43ac35; color:#fff;}
.ban .wei{ position:absolute; right:10%; bottom:25px; z-index:3;}
.ban .wei p{ display:block; padding-left:28px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei p a{ color:#fff;}

@media only screen and (max-width: 1439px){
.ban .box{ width:90%;}
.ban .wei{ right:5%;}
}

/*关于我们*/
.ab01{ width:100%; padding-top:5.21vw; padding-bottom:4.6875vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab01 .box{ width:46.875%; margin-left:10%; margin-top:2.08vw; position:relative; z-index:3;}
.ab01 .box .w01{ font-size:30px; line-height:34px; font-weight:bold; color:#43ac35;}
.ab01 .box .w02{ font-size:20px; line-height:30px; margin-top:0.52vw;}
.ab01 .box .w03{ position:relative; margin-top:0.78125vw;}
.ab01 .box .w03 b{ width:60px; height:2px; display:block; position:relative; z-index:3; background-color:#43ac35; overflow:hidden;}
.ab01 .box .w03 p{ width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#eee;}
.ab01 .box .w04{ font-size:16px; line-height:36px; margin-top:1.04vw;}

.ab02{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1;}
.ab02 .box{ width:80%; margin:auto; margin-top:2.34375vw; position:relative; z-index:3;}
.ab02 .box .honor{ display:block; overflow:hidden; margin-top:-2.08vw;}
.ab02 .box .honor li{ width:22.92%; float:left; overflow:hidden; margin-top:2.08vw; margin-left:2.77%; position:relative;}
.ab02 .box .honor li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .honor li:before{ width:100%; padding-top:139.39%; display:block; content:''; overflow:hidden;}
.ab02 .box .honor li img{ width:100%; display:block; position:absolute; left:0; top:0;}

.ab02 .box .hj{ display:block; overflow:hidden; margin-top:-2.08vw;}
.ab02 .box .hj li{ width:30.72%; float:left; overflow:hidden; margin-top:2.08vw; margin-left:3.92%; position:relative;}
.ab02 .box .hj li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .hj li:before{ width:100%; padding-top:70.21%; display:block; content:''; overflow:hidden;}
.ab02 .box .hj li img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab02 .box .hj li span{ width:60%; padding:0 5%; height:44px; line-height:44px; box-sizing:border-box; font-size:16px; color:#fff; background-color:rgba(67,172,53,.9); position:absolute; left:0; bottom:-44px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .hj li:hover span{ bottom:0;}

@media only screen and (max-width: 1439px){
.ab01 .box{ width:56.875%; margin-left:5%;}
.ab02 .box{ width:90%;}
}

/*产品展示*/
.pro{ width:100%; padding-top:5.21vw;}
.pro .box{ width:80%; margin:auto; background-color:#fff; position:relative; z-index:1;}
.pro .box .w02{ font-size:16px; line-height:36px; margin-top:1.5625vw;}
/*.pro .box .left{ width:47.71%; border-radius:2.6vw;}
.pro .box .left a{ width:100%; padding-top:58.33%; display:block; overflow:hidden; position:relative;}
.pro .box .left img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro .box .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pro .box .right{ width:47.71%; margin-top:2.6vw;}
.pro .box .right .w01{ width:100%; display:flex; align-items:center;}
.pro .box .right .w01 strong{ display:flex; align-items:center; width:80px; height:80px; border-radius:100%; background-color:#43ac35; overflow:hidden;}
.pro .box .right .w01 strong img{ max-height:40px; max-width:40px; display:block; margin:auto;}
.pro .box .right .w01 p{ display:block; flex:1; margin-left:20px; overflow:hidden;}
.pro .box .right .w01 p span{ display:block; overflow:hidden; font-size:20px; line-height:28px; height:28px; color:#666;}
.pro .box .right .w01 p b{ display:block; overflow:hidden; font-size:24px; line-height:34px; height:34px; color:#333; font-weight:bold; margin-top:10px;}
.pro .box .right .w01 p b:hover{ color:#43ac35;}
.pro .box .right .w02{ font-size:16px; line-height:36px; margin-top:1.5625vw; height:180px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pro .box:nth-child(2n+1) .left{ float:left;}
.pro .box:nth-child(2n+1) .right{ float:right;}
.pro .box:nth-child(2n) .left{ float:right;}
.pro .box:nth-child(2n) .right{ float:left;}*/

@media only screen and (max-width: 1439px){
.pro .box{ width:90%; margin:auto;}
}

.prolist{ width:100%;}
.prolist .box{ width:80%; padding:5.21vw 10%; padding-top:0; background-color:#fff; position:relative; z-index:1;}
.prolist .box a{ width:18.4%; float:left; display:block; margin-left:2%; margin-top:2.6vw;}
.prolist .box a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.prolist .box a .w01{ width:100%; padding-top:58.33%; position:relative; border-radius:1.3vw;}
.prolist .box a .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.prolist .box a:hover .w01 img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.prolist .box a .w02{ text-align:center; font-size:20px; line-height:30px; margin-top:.5vw;}
.prolist .box a:hover .w02{ color:#43ac35;}
.prolist .box a .w03{ text-align:center; font-size:16px; line-height:26px; color:#666;}

@media only screen and (max-width: 1439px){
.prolist .box{ width:90%; padding:5.21vw 5%; padding-top:0;}
}

/*产品展示内页*/
.pro01{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:80%; margin:auto; position:relative; z-index:3; display:flex; align-items:center;}
.pro01 .box .left{ width:55.56%; float:left;}
.pro01 .box .left .title{ width:100%;}
.pro01 .box .left .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:2.08vw;}
.pro01 .box .left .w02{ font-size:16px; line-height:36px; margin-top:0.78125vw;}
.pro01 .box .left .w03{ margin-top:2.08vw;}
.pro01 .box .left .w03 img{ width:100%; display:block;}
.pro01 .box .right{ width:37.91%; float:right; margin-left:6.53%;}
.pro01 .box .right img{ width:100%; display:block;}

.pro02{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1; background-color:#fafbfd;}
.pro02 .box{ width:80%; margin:auto; position:relative; z-index:3; display:flex; align-items:flex-end;}
.pro02 .box .left{ width:55.56%; float:left;}
.pro02 .box .left .title{ width:100%;}
.pro02 .box .left .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:2.08vw;}
.pro02 .box .left .w02{ font-size:16px; line-height:36px; margin-top:0.78125vw;}
.pro02 .box .left .w03{ margin-top:1.82vw;}
.pro02 .box .left .w03 img{ width:100%; display:block;}
.pro02 .box .right{ width:37.91%; float:right; margin-left:6.53%;}
.pro02 .box .right img{ width:100%; display:block;}

.pro03{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1; background-color:#fff;}
.pro03 .box{ width:80%; margin:auto; margin-top:2.34375vw; position:relative; z-index:3;}
.pro03 .box .swiper-container{ display:block; overflow:hidden;}
.pro03 .box .swiper-container .swiper-slide{ width:30.72%; float:left; overflow:hidden; position:relative;}
.pro03 .box .swiper-container .swiper-slide:before{ width:100%; padding-top:70.21%; display:block; content:''; overflow:hidden;}
.pro03 .box .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}

@media only screen and (max-width: 1439px){
.pro01 .box{ width:90%;}
.pro02 .box{ width:90%;}
.pro03 .box{ width:90%;}
}

/*联系我们*/
.lx{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1;}
.lx .box{ width:80%; margin:auto; margin-top:2.34375vw; position:relative; z-index:3; display:flex; box-shadow:0 0 10px rgba(0,0,0,.1);}
.lx .box .left{ width:52.29%; padding:0 2.6vw; box-sizing:border-box; background-position:center; background-size:cover; display:flex; align-items:center; justify-content:center; position:relative;}
.lx .box .left:before{ width:100%; height:100%; display:block; content:''; overflow:hidden; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0;}
.lx .box .left .cont{ position:relative; z-index:3;}
.lx .box .left .cont .w01{ width:100%;}
.lx .box .left .cont .w01 b{ display:block; color:#fff; font-size:30px; line-height:40px;}
.lx .box .left .cont .w01 p{ display:block; color:#fff; font-size:16px; line-height:24px; text-transform:uppercase;}
.lx .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:2.08vw;}
.lx .box .left .cont .w02:nth-child(2){ margin-top:1.82vw;}
.lx .box .left .cont .w02 img{ display:block; width:50px;}
.lx .box .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.lx .box .left .cont .w02 p span{ display:block; font-size:16px; line-height:26px; color:#ccc;}
.lx .box .left .cont .w02 p a{ display:block; font-size:18px; line-height:28px; color:#fff;}
.lx .box .left .cont .w02 p b{ display:block; font-size:20px; line-height:28px; color:#fff; font-weight:normal;}
.lx .box .right{ width:47.71%; padding:3.65vw 4.58%; padding-top:1.04vw; box-sizing:border-box;}
.lx .box .right .w01{ margin-top:2.34375vw;}
.lx .box .right .w01 .top{ font-size:16px; line-height:26px; font-weight:bold;}
.lx .box .right .w01 .inp{ padding-top:1px;}
.lx .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; display:block;}
.lx .box .right .w01 .inp input:focus{ border-bottom:1px solid #43ac35;}
.lx .box .right .w01 .inp textarea{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:26px; height:108px; margin-top:5px; display:block; font-family:inherit;}
.lx .box .right .w02{ padding-top:2.6vw;}
.lx .box .right .w02 input{ width:150px; height:44px; line-height:44px; text-align:center; font-size:14px; background-color:#43ac35; color:#fff; cursor:pointer; display:block; overflow:hidden;}
.lx .box .right .w02 input:hover{ background-color:#5fc241;}

@media only screen and (max-width: 1439px){
.lx .box{ width:90%;}
}

/*空白页*/
.main{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1;}
.main .box{ width:80%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.main .box .wen{ font-size:16px; line-height:36px;}
.main .box .wen img{ max-width:100%; height:auto !important;}

@media only screen and (max-width: 1439px){
.main .box{ width:90%;}
}

.hy{ width:100%;}
.hy img{ max-width:100%; display:block; margin:auto;}

.hy01{ width:100%; padding-top:5.21vw; padding-bottom:5.21vw; position:relative; z-index:1; background-color:#fafbfd; display:none;}
.hy01 .box{ width:80%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.hy01 .box .swiper-slide{ width:22.75%; float:left; display:block;}
.hy01 .box .swiper-slide .w01{ width:100%; padding-top:58.33%; position:relative; border-radius:1.3vw;}
.hy01 .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hy01 .box .swiper-slide:hover .w01 img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.hy01 .box .swiper-slide .w02{ text-align:center; font-size:20px; line-height:30px; margin-top:.5vw;}
.hy01 .box .swiper-slide:hover .w02{ color:#43ac35;}
.hy01 .box .swiper-slide .w03{ text-align:center; font-size:16px; line-height:26px; color:#666;}
.hy01 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:1.82vw;}
.hy01 .box .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:10px 5px; margin-bottom:0; cursor:pointer; background-color:#999; border-radius:10px; overflow:hidden;}
.hy01 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#5fc241;}

@media only screen and (max-width: 1439px){
.hy01 .box{ width:90%;}
}