﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;}






.search{height:80px; border-bottom:1px solid #e2e2e2; box-sizing: border-box;}
.search span{display: block; float:left; line-height: 79px;}
.search span i{display: block;float:left;font-size: 16px; color:#666666;}
.search span a{display: block;float:left;font-size: 16px; color:#666666; margin-right:24px; }
.search .sou{width:300px; height:40px; background:#F5F5F5;float:right; margin-top: 20px;border-radius: 20px;}
.search .sou .txt{width:260px;height:40px;float:left; line-height: 40px;padding:0 20px; box-sizing: border-box;font-size: 14px; color:#666666;}
.search .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#666666;}
.search .sou .txt::-moz-placeholder{font-size: 14px; color:#666666;}
.search .sou .btn{width:32px; height:30px; background:url(../images/sea-btn.png) no-repeat center; cursor: pointer; margin-top: 5px;}
/**/
.guide{height:940px;background:url(../images/guide.jpg) no-repeat center;padding-top:92px; box-sizing: border-box;}
.guide h2{text-align: center; margin-bottom: 24px;}
.guide h2 span{display: block; line-height: 66px;font-size:50px; color:#333333; font-family: "HarmonyOS Sans SC";font-weight: bold;}
.guide h2 em{display: block; line-height: 41px; margin-bottom: 19px;font-size:24px; color:#333333;font-weight: normal;}
.guide h2 i{display: block; width:50px;height:2px;background: #47CCBB;margin:0 auto;}
.guide .gui-desc{line-height: 29px; margin-bottom: 47px;font-size: 16px; color:#333333; text-align: center;}
.guide ul li{float:left;width:335px;height:200px; margin:0 20px 20px 0;background:#FFF;box-shadow: 5px 9px 20px 0px rgba(9,20,65,0.05);padding:47px 29px 0 40px; box-sizing: border-box; }
.guide ul li:nth-child(4n){margin-right: 0;}
.guide ul li .left{width:195px;float:left;}
.guide ul li .left span{display: block; height:62px;margin-bottom: 10px;}
.guide ul li .left span em,.guide ul li .left span i{display: inline-block; height:62px; line-height: 62px;font-size: 60px; color:#20a292; font-weight: bold; font-family: "DIN"; transition: .5s;}
.guide ul li.gui .left span i{line-height: 86px; font-size: 20px;}
.guide ul li .left p{line-height: 28px;font-size:20px; color:#333333; transition: .5s;}
.guide ul li .rig{width:51px; height:50px;float:right; margin-top: 9px; position: relative;}
.guide ul li .rig i{display: block; width:100%; line-height: 0; overflow: hidden;position: absolute;left:0;top:0;}
.guide ul li .rig i img{width:100%;}
.guide ul li .rig i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.guide ul li .rig i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.guide ul li:hover{background:url(../images/guibj.jpg) no-repeat center;}
.guide ul li:hover span em,.guide ul li:hover span i,.guide ul li:hover p{color:#FFF;}
.guide ul li:hover .rig i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.guide ul li:hover .rig i.hover{opacity: 1; transform: scale(1);}
/**/
.product{padding:111px 0 94px; }
.product .pro-left{width:260px;float:left;}
.product .pro-left h2{margin-bottom: 43px;}
.product .pro-left h2 span{display: block; line-height: 68px;font-size: 50px; color:#333333; font-weight: bold; font-family: "HarmonyOS Sans SC";}
.product .pro-left h2 em{display: block; line-height: 40px; font-size: 20px; color:#333333;font-weight: 300; font-family: "HarmonyOS Sans SC";}
.product .pro-left ul{margin-bottom: 119px;}
.product .pro-left ul li{height:81px; position: relative; line-height: 81px;}
.product .pro-left ul li:before{width:0; height:2px; background:#FFF;content:""; position: absolute;left:-100px; top:38px; transition: .5s;}
.product .pro-left ul li a{font-size:20px; color:#333333; }
.product .pro-left ul li.cur:before{background:#47ccbb; width:80px;}
.product .pro-left ul li.cur a{color:#20a292; font-weight: bold;}

.product .pro-rig{width:1318px;float:right; margin-right: -260px;padding-top:9px;}
.product .pro-rig dl dt{width:100%; line-height: 0; overflow: hidden;}
.product .pro-rig dl dt img{width:100%; transition: 1s;}
.product .pro-rig dl dd{padding-top:25px;}
.product .pro-rig dl dd .left{float:left;width:80%;padding-top:6px;}
.product .pro-rig dl dd .left h4{line-height: 42px;}
.product .pro-rig dl dd .left h4 a{font-size: 24px; color:#333333; font-weight: bold;}
.product .pro-rig dl dd .left p{line-height: 33px;font-size: 16px; color:#666666;}
.product .pro-rig dl dd strong{float:right;display: block;}
.product .pro-rig dl dd strong a{display: block;  line-height: 50px;padding-left:66px;background:url(../images/news-jia.png) no-repeat left;font-size: 18px; color:#333333; font-weight: normal;}
.product .pro-rig .pro-jt{width:73%;position:absolute;left:0;top:40%;transform: translate(0,-50%);z-index:300;padding:0 5%; box-sizing:border-box;}
.product .pro-rig .pro-jt i{display: block; width:92px; height:92px; cursor: pointer;float:left;}
.product .pro-rig .pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center;}
.product .pro-rig .pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center;float:right;}

.product .pro-rig .pro-jt i.pro-prev:hover{background:url(../images/pro-prev_h.png) no-repeat center;}
.product .pro-rig .pro-jt i.pro-next:hover{background:url(../images/pro-next_h.png) no-repeat center;}
/**/
.case{padding-top:91px;background:#F6F7FB;}
.case h2{text-align: center; margin-bottom: 39px;}
.case h2 span{display: block; line-height: 67px;font-size: 50px; color:#333333; font-family: "HarmonyOS Sans SC"; font-weight: bold;}
.case h2 em{display: block;line-height: 43px; font-size: 24px; color:#333333;font-family: "HarmonyOS Sans SC"; font-weight: 300;}
.case .cas-con{background:#FFF;}
.case .cas-con dl dt{width:55%;float:left; position: relative;  line-height: 0; overflow: hidden;}
.case .cas-con dl dt img{width:100%;}
.case .cas-con dl dd{width: 45%;height: 100%;float: right;box-sizing: border-box;}
.case .cas-con dl dd .cas-txt{padding:3.2rem 0 0 5rem;}
.case .cas-con dl dd .cas-txt h4{line-height: 2.5rem; margin-bottom: 1.2rem;}
.case .cas-con dl dd .cas-txt h4 a{font-size: 1.5rem; color:#333333; font-weight: bold;}
.case .cas-con dl dd .cas-txt .cas-desc{margin-bottom: 1.6rem;}
.case .cas-con dl dd .cas-txt .cas-desc p{line-height: 1.55rem;font-size: 0.8rem; color:#666666;width:70%;}
.case .cas-con dl dd .cas-txt span{display: block; width:8rem; height:2.5rem; line-height: 2.5rem; background:url(../images/newsbj.png) no-repeat center;background-size:8rem 2.5rem;float:left; margin-right: 1.5rem;}
.case .cas-con dl dd .cas-txt span a{display: block;font-size: 0.9rem; color:#ffffff; text-align: center;}
.case .cas-con dl dd .cas-txt b{display: block;float:left; line-height:2.5rem; padding-left:2.1rem;background:url(../images/cas-tel.png) no-repeat left; background-size:1.45rem 1.45rem;font-size: 1.5rem; color:#20a292; font-family: "Roboto"; font-weight: normal; }
.case .cas-rig{width:44%; position: absolute;right:0; bottom:0;background:#FFF;z-index:300;}
.case .cas-rig .cas-img{width:100%; line-height: 0; overflow: hidden;}
.case .cas-rig .cas-img img{width:100%;}
.case .cas-rig .rig-jt{position:relative;width:86.5%;z-index:300;}
.case .cas-rig .rig-jt i{display:block;float:left;width:28px;height:62px;float:left;position:absolute;}
.case .cas-rig .rig-jt i.rig-prev{background:rgba(0,0,0,.5) url(../images/cas-prev.png) no-repeat center;left:0;top:-6.55rem;}
.case .cas-rig .rig-jt i.rig-next{background:rgba(0,0,0,.5) url(../images/cas-next.png) no-repeat center;right:0;top:-6.55rem;}

.case .cas-rig .rig-jt i.rig-prev:hover{background:rgba(0,0,0,.75) url(../images/cas-prev.png) no-repeat center;left:0;top:-6.55rem;}
.case .cas-rig .rig-jt i.rig-next:hover{background:rgba(0,0,0,.75) url(../images/cas-next.png) no-repeat center;right:0;top:-6.55rem;}
/**/
.super{padding-top:116px;}
.super h2{text-align: center; margin-bottom: 41px; }
.super h2 span{display: block; line-height: 66px; font-size:50px;color:#333333; font-family: "HarmonyOS Sans SC"; font-weight: bold;}
.super h2 em{display: block; line-height: 41px;font-size:24px; color:#333333;font-family: "HarmonyOS Sans SC"; font-weight: 300;}
.super .sup-con{position: relative;}
.super .sup-pic{width:100%; line-height: 0; overflow: hidden;}
.super .sup-pic img{width: 100%;}
.super .sup-nav{width:100%; height:100%; position: absolute;left:0;top:0;}
.super .sup-nav ul{height:100%;}
.super .sup-nav ul li{float:left; width:25%;height:100%; position: relative; overflow: hidden;}
.super .sup-nav ul li .default{width:100%;height:268px; position: absolute;left:0;bottom:0;background:url(../images/sup-xt.png) no-repeat right; transition: .5s;}
.super .sup-nav ul li .default span{display: block; line-height: 120px; text-align: center; font-size:28px; color:#ffffff; font-weight: bold;}
.super .sup-nav ul li .default a{display: block; width:50px; line-height: 0; overflow: hidden;margin:0 auto;}
.super .sup-nav ul li .hover{width:100%; height:100%;position: absolute;left:0;top:10%; background:url(../images/supbj.png) no-repeat center;padding:135px 76px 0 80px; box-sizing: border-box; transition: .5s; opacity: 0;}
.super .sup-nav ul li .hover h4{height:126px; line-height: 44px;font-size:30px; color:#ffffff;font-weight: bold;border-bottom:1px solid rgba(255,255,255,.2); margin-bottom: 44px;}
.super .sup-nav ul li .hover p{line-height: 30px;margin-bottom: 137px;font-size: 16px; color:#ffffff;}
.super .sup-nav ul li .hover strong{display: block;}
.super .sup-nav ul li .hover strong a{display: block; line-height: 50px;float:left; padding-left:66px;background:url(../images/sup-jia.png) no-repeat left;font-size: 18px; color:#ffffff; font-weight: normal;}
.super .sup-nav ul li:last-child .hover{background:url(../images/supbj1.png) no-repeat center;}
.super .sup-nav ul li.cur .default{opacity: 0; bottom:-10%;}
.super .sup-nav ul li.cur .hover{top:0;opacity: 1;}
.super .sup-nav ul li:last-child .hover p{margin-bottom:70px;}
/**/
.jxbj{padding-top:102px;}
.jxbj h2{text-align: center; margin-bottom: 49px;}
.jxbj h2 span{display: block; line-height: 66px; font-size:50px; color:#333333; font-family: "HarmonyOS Sans SC"; font-weight: bold;}
.jxbj h2 em{display: block; line-height: 43px;font-size:24px; color:#333333;font-family: "HarmonyOS Sans SC"; font-weight: normal;}
.jxbj ul li{float:left; width:19.3%; margin-left: 0.85%;padding-top:46px; background:#f5f5f5;}
.jxbj ul li:first-child{margin-left: 0;}
.jxbj ul li i{display: block; width:68px; line-height: 0; overflow: hidden;margin:0 auto 23px;transition: .8s;}
.jxbj ul li i img{width:100%; }
.jxbj ul li h4{line-height: 36px; text-align: center; margin-bottom: 11px;font-size:24px; color:#333333;font-weight: bold;}
.jxbj ul li span{display: block; line-height: 0; overflow: hidden;}
.jxbj ul li span img{width:100%; transition: 1s;}
.jxbj ul li p{width:79.6%;margin:0 auto 19px; line-height: 27px; text-align: center;font-size: 16px; color:#666666;}
.jxbj ul li:hover i{transform: rotateY(360deg);}
/**/
.news{padding:70px 0;}
.news .left{width:272px;height:700px;border-right:1px solid #F2F3F5; box-sizing: border-box;padding-top:31px;float:left;padding-bottom:40px;}
.news .left h4{ margin-bottom: 72px;}
.news .left h4 span{display: block; line-height: 68px;font-size: 50px; color:#333333; font-family: "HarmonyOS Sans SC"; font-weight: bold;}
.news .left h4 em{display: block; line-height: 40px; font-size: 20px; color:#333333;font-family: "HarmonyOS Sans SC"; font-weight: normal;}
.news .left ul{margin-bottom: 159px;}
.news .left ul li{height:42px; line-height: 42px; margin-bottom: 38px; position: relative;}
.news .left ul li a{font-size: 20px; color:#333333;}
.news .left ul li:before{width:80px; height:2px;background:#FFF;content:""; position: absolute;left:-100px;top:19px;}
.news .left ul li.cur a{color:#20a292; font-weight: bold;}
.news .left ul li.cur:before{background:#47CCBB;}
.news .left  strong{display: block; width:160px;height:50px;background:url(../images/newsbj.png) no-repeat center;}
.news .left  strong a{display: block; line-height: 50px;text-align: center;font-size: 18px; color:#ffffff; font-weight: normal;}
.news .rig{width:1060px;float:right;padding-top:31px;}
.news .rig ul li{float:left;width:320px;margin-left: 50px;}
.news .rig ul li:first-child{margin-left: 0;}
.news .rig ul li dl dt{width:100%;}
.news .rig ul li dl dt span{display: block; margin-bottom: 37px;}
.news .rig ul li dl dt span em{display: block; line-height: 66px; font-size: 70px; color:#333333; font-family: "DIN";}
.news .rig ul li dl dt span I{display: block; line-height: 28px; font-size: 16px;color:#888888; }
.news .rig ul li dl dt b{display: block; width:100%; line-height: 0; overflow: hidden;}
.news .rig ul li dl dt b img{width:100%; transition: 1s;}
.news .rig ul li dl dd{padding-top:26px;}
.news .rig ul li dl dd h4{line-height: 32px; margin-bottom: 16px;}
.news .rig ul li dl dd h4 a{display: block;font-size: 20px;color:#333333; line-height: 32px; font-weight: bold;}
.news .rig ul li dl dd p{line-height: 24px;font-size: 14px; color:#666666; margin-bottom: 46px;}
.news .rig ul li dl dd strong{display: block; }
.news .rig ul li dl dd strong a{display: block; float:left;padding-left:66px; line-height: 50px;background:url(../images/news-jia.png) no-repeat left;font-size: 18px;color:#333333; font-weight: normal;}
.news .rig ul li:hover dl dt b img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.about{height:700px; background:url(../images/abbj.jpg) no-repeat center;}
.about .left{width:453px;padding-top:130px;}
.about .left h4{padding-bottom:28px; margin-bottom: 35px; position: relative;}
.about .left h4:before{width:40px; height:3px;background:#47ccbb;content:""; position: absolute;left:0;bottom:0;}
.about .left h4 span{display: block; line-height: 67px;font-size: 50px; color:#ffffff; font-weight: bold;font-family: "HarmonyOS Sans SC";}
.about .left h4 span b{font-weight: normal;display: inline-block;margin:0 5px;}
.about .left h4 em{display: block; line-height: 43px; font-size:24px; color:#ffffff; font-weight: normal;font-family: "HarmonyOS Sans SC";}
.about .left p{line-height: 31px; margin-bottom: 82px;font-size: 16px; color:#ffffff;}
.about .left strong{display: block; width:160px; height:50px;background:#FFF;border-radius: 25px; line-height: 50px;}
.about .left strong a{display: block; text-align: center;font-size: 18px; color:#333333;font-weight: normal;}













html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

























































































