@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body{color:#111; font-size:1rem; font-family:"Medium";}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;font-family:Light;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family:"Medium";}
a{ color:#111; text-decoration:none;}
.w1300{max-width:1366px;width:96%;margin:auto;}
.top,.topdhsj,.topdha ul,.topbba,.about,.aboutac ul,.dis ul,.disa p,.peoa,.peoaaa,.pro ul,.ptoa,.posi,.gst,.gsja,.gswp,.gswpbb,.gjj,.newa ul,.foot,.fob,.foj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

@font-face {
    font-family: "Manrope";
    src: local("☺"), url(../css/otf/Manrope-Bold.otf);
    font-style: normal;
  }
  @font-face {
    font-family: "Medium";
    src: local("☺"), url(../css/otf/Manrope-Medium.otf);
    font-style: normal;
  }  
  @font-face {
    font-family: "Regular";
    src: local("☺"), url(../css/otf/Manrope-Regular.otf);
    font-style: normal;
  }
  @font-face {
    font-family: "Light";
    src: local("☺"), url(../css/otf/Manrope-Light.otf);
    font-style: normal;
  } 


/*导航*/
#top{background:#fff;position:fixed;top:0;left:0;z-index: 999;width:100%;padding:17px 0;box-shadow: 0 0 20px rgb(204 204 204 / 60%);}
.top{max-width:1366px;width:98%;margin: auto;align-items: center;justify-content: space-between;}
.toplogo{max-width: 160px;}
.toplogo img{max-width:100%;}

/*手机*/
.topdh{}
.topdhsj{align-items: center;justify-content: space-between;width:100%;padding:15px 0;background:#f7f7f7;display:none}
.topdhsjlogo{width:120px;}
.topdhsjlogo img{width:100%;}
.topdhsjxx{width:45px;height:45px;background:#000;text-align: center;align-content: center;border-radius: 3px;}
.topdhsjxx span{color:#fff;font-size:16px;}

.zhz{width:49px;height:49px;overflow:hidden;position:absolute;top:10px;right:10px;display:none;}
.zhz samp{position:absolute;left:26%;background:#000;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}


.topdha ul{align-items: center;}
.topdha ul>li{position:relative;}
.topdha ul>li>p{padding:20px}
.topdha ul>li>p>a{font-size:20px;}
.topdha dl{position: absolute;top: 100%;left: 0;background: #b0b2b7;border:1px solid #ccc;font-size:15px;width:220px;display:none;}
.topdha dd{position:relative;}
.topdha dd a{color:#fff;transition: all .3s;padding:16px 15px;box-sizing: border-box;display:block;}
.topdha ol{position:absolute;top:0;left: 100%;background:#b0b2b7;border:1px solid #ccc;width:220px;display:none;}
.topdha ol li{position:relative;}
.topdha ol div{position:absolute;top:0;left:100%;width:100%;background: #b0b2b7;border:1px solid #ccc;display:none;}
.topdha ol div a{display: block;padding:16px 15px;box-sizing: border-box;}
.topdha span{display:none;}
.topdha ul>li>p span{margin-left:5px;}
.topdha dl span{position:absolute;top:18px;right:15px;font-size:14px;color:#fff;}
.sjt{width:100%;height:100%;position:fixed;top:0;left:0;background:rgb(0 0 0 / 27%);z-index: 888;display:none;}

@media screen and (min-width:980px){
    .topdha dl{transform: translateY(-10px);transition: all 0.3s;}
    .topdha ol{transform: translateY(-10px);transition: all 0.3s;}
    .topdha ol div{transform: translateY(-10px);transition: all 0.3s;}
    .topdha ul>li.os dl{transform: translateY(0px);}
    .topdha dd.os ol{transform: translateY(0px);}
    .topdha dd.os ol{transform: translateY(0px);}
    .topdha ol li.os div{transform: translateY(0px);}
    .topdha dd p:hover{background: #fff;color:#222;}
.topdha dd p:hover a{color:#333;}
.topdha dd p:hover span{color:#333;}
.topdha ol div a:hover{background:#fff;color:#333;}
}

/*版本*/
.topbb{width:145px;position: relative;}
.topbba{justify-content: space-between;align-items: center;border-radius: 3px;box-sizing: border-box;border:1px solid #666;background:#f8f8f8;padding:10px 5px 10px 10px;}
.topbba span{font-size:14px;color:#000;}
.topbbb{box-sizing: border-box;border:1px solid #666;position:absolute;top:100%;left:0;width:100%;z-index: 999;background:#fff;display:none;font-size:15px;}
.topbbb p a{padding:0 10px;line-height:34px;box-sizing: border-box;display: block;width: 100%;color:#333;}
.topbbb p a:hover{background:#258cff;color:#fff;}

/*大图*/
.banner{margin-top:100px;}
.swiper-container {width: 100%;height: 100%;position:relative;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}


/*关于我们*/
.about{margin:80px auto;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.abouta{width:50%;}
.aboutaa{font-size:44px;line-height:2.8rem;margin-bottom:20px;}
.aboutab{color:#535353;font-family: "Light";margin-bottom:30px;}
.aboutac ul{justify-content: space-between;text-align: center;}
.aboutac p{font-size:50px;}
.aboutad{margin-top:30px;}
.aboutad a{display: block;background:#b0b2b7;border:1px solid #929292;text-align: center;line-height:50px;transition: all 0.3s;}
.aboutb{width:48%;}
.aboutb img{width: 100%;}
.aboutad a:hover{background:#fff;color:#333;border:1px solid #333;}

/*7个点*/
.abj{font-size:30px;text-align: center;display:none;}
.dis{margin: 100px auto 80px;}
.dis ul{margin:auto;justify-content: space-between;}
.dis li{box-sizing:border-box;padding:0 0.5%;}
.disa{margin-bottom:20px;}
.disa p{background:#b0b2b7;border-radius: 50%;width:60px;height:60px;align-items: center;justify-content: center;margin:auto;}
.disa span{font-size:36px;color:#fff;}
.disb{text-align: center;font-size: 20px;margin-bottom:10px;white-space: nowrap;}
.disc{color: #535353;font-family: "Light";text-align: center;}

/*图片*/
.ditu{width: 100%;}
.ditu img{width: 100%;}

/*分类*/
.peo{margin:60px auto;}
.peoa{justify-content: space-between;margin-bottom:20px;}
.peoaa{width:50%;padding:10px;}
.peot{width:50%;text-align: center;}
.peoaaa{justify-content: right;box-sizing: border-box;padding:9% 4%;background-size: cover;}
.peoaaaa{font-size:36px;}
.peoaaab{margin:10px 0 30px;}
.peoaaac{}
.peoaaac a{background:#fff;color:#333;display:inline-block;padding:10px 20px;font-size:12px;font-family: Light;transition: all 0.3s;}
.peoaaac a:hover{background:#535353;color:#fff;}

/**/
.pro{}
.pro ul{justify-content: space-between;}
.pro li{width:25%;padding:10px;box-sizing: border-box;text-align: center;}
.pro li img{width:100%}
.proa{overflow: hidden;}
.prob{font-size:1.9rem;}
.proc{font-size:2.5rem;margin:1rem 0 2rem;}
.prod{font-size: 1.15rem;color:#777;margin-bottom:20px;font-family:Light ;line-height: 1.7rem;}
.proe{text-align: center;}
.proe a{display:inline-block;background: #b0b2b7;color:#fff;font-size:12px;padding:13px 30px;transition: all 0.3s;border:1px solid #929292;}
.proe a:hover{background:#fff;color:#000;border:1px solid #333;}

/*热销*/
.pto{margin-bottom:80px;}
.ptoa{justify-content: space-between;align-items: center;margin-bottom:80px;}
.ptoaa{font-size:44px;}
.ptoab{font-size:1.1rem;line-height:1.7rem;text-align: right;width:50%;color:#777;font-family: "Light";}

.swiper-father{position: relative;margin:40px auto 0;}
.swiper-father li img{width:100%;}
.swiper-father li{padding-bottom:10px;overflow:hidden;}
.swiper-father .st{position:absolute;top:-20px;right:0;width:65px;}
.swiper-father .swiper-button-next{right:0;top:auto;background:none;width: 30px;height:30px;border:1px solid #ccc;}
.swiper-father .swiper-button-prev{left:0;top:auto;background:none;width: 30px;height:30px;border:1px solid #ccc;}
.swiper-father .swiper-button-next:after,.swiper-father .swiper-button-prev:after{display: none}
.swiper-father .swiper-button-next span,.swiper-father .swiper-button-prev span{color:#999;font-size:11px;}
.swiper-father .swiper-button-next:hover{background:#535353}
.swiper-father .swiper-button-prev:hover{background:#535353}
.swiper-father .swiper-button-next:hover span,.swiper-father .swiper-button-prev:hover span{color:#fff;}
.swiper-father li{border:1px solid #e7e7e7;box-sizing: border-box;}
.swiper-father a{display: block;box-sizing: border-box;width:93%;margin:auto;}
.sew{font-size:14px;position:relative;z-index: 1;margin-top: -50px;}
.seww{transform: translateY(50px);transition: all 0.3s;}
.sewa{color:#666;line-height: 1.3rem;background:#fff;padding-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.sewb{margin-top:10px;}
.sewb p{display: inline-block;border:1px solid #999;padding:8px 20px;color:#666;transition: all 0.3s;}
.sewb p:hover{background:#b0b2b7;color:#fff;}
.swiper-father .sewa:hover {color:#888;}
.swiper-father li:hover .seww{transform: translateY(0);}

.x-poj .swiper-pagination{position:static;margin-top:15px;}
.x-poj .swiper-pagination span{width:10px;height: 10px;}
.x-poj .swiper-pagination span.swiper-pagination-bullet-active{background:#535353}

/**/
.posi{background:url(../images/1920.1200.webp) fixed;align-items: center;justify-content: center;padding:200px 0;position:relative;}
.posi:after{content: '';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(102 102 102 / 50%);}
.posia{width:40%;margin:auto;text-align: center;position:relative;z-index: 1;color:#fff;}
.posia h4{font-size:44px;text-transform: capitalize;}
.posia p{font-size:1.2rem;line-height: 1.5rem;margin:20px auto 40px;}
.posia a{display:inline-block;padding:15px 35px;background:#fff;color:#000;transition: all 0.3s;}
.posia a:hover{transform: scale(0.9);}

/*广告1*/
.gss{margin: 80px auto 0;text-align: center;}
.gss h5{font-size:44px;margin-bottom:30px;}
.gss p{color:#888;font-family: Light;font-size:18px;font-weight:300;}

.gst{margin-top:50px;justify-content:center;margin-bottom:60px;}
.gst p{color:#000;margin:0 0.5%;padding:14px 30px;box-sizing: border-box;border:1px solid #333;cursor: pointer;transition: all 0.3s;}
.gst p.aq{background:#b0b2b7;border:1px solid #ccc;}

.gsja{justify-content: space-between;flex-wrap: wrap;align-items: center;}
.gsjaa{width:48%;}
.gsjaaa{text-transform: capitalize;font-size:35px;margin-bottom:10px;}
.gsjaab{font-size: 17px;color:#666;line-height:1.7rem;font-family: Light;}
.gsjaac{margin-top:20px}
.gsjaac p{display:inline-block;background:#b0b2b7;color:#fff;border:1px solid #ccc;transition: all 0.3s;padding:12px 20px;cursor: pointer;}
.gsjaac p:hover{background:none;color:#333;border:1px solid #333;}
.gsjab{width:48%;}
.gsjab img{width:100%;}

.gsw{position:fixed;top:0;left: 0;z-index: 9999;width:100%;height:100%;display:None;}
.gswp{align-items: center;justify-content: center;height:100%;max-width: 600px;margin: auto;}
.gswpa{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 52%);}
.gswpb{box-sizing:border-box;}
.gswpba{font-size:2.7rem;margin-bottom:10px;}
.gaa{padding:10px 20px 20px;box-sizing: border-box;background:#fff;position:relative;z-index: 1;}
.gswpbb{flex-wrap: wrap;justify-content: space-between;}
.gswpbb p{width:48%;margin-bottom:5px;}
.gswpbb span{font-size:16px;display:block;width:100%;font-family: Light;}
.gswpbb input{width:100%;box-sizing:border-box;padding:10px;}
.gswpbb div{width:100%;}
.gswpbb textarea{width:100%;box-sizing: border-box;padding:10px;}
.gswpbb ::placeholder{font-family: Light;color:#999;}
.gswpbb textarea{height:80px;font-family: Light;}
.gswpbb a{display:block;background:#b0b2b7;margin-top:10px;text-align: center;padding:15px 0;transition: all 0.3s;border: 1px solid #b0b2b7;}
.gswpc{positioN:absolute;top: 11px;right: 10px;cursor: pointer;}
.gswpbb a:hover{background:#eee;border: 1px solid #ccc;color:#333;}

/*流程*/
.liuc{margin:50px auto 120px;}
.liuc img{width:100%;}

/**/
.qs{position: relative;margin:40px auto 0;}
.qs li{background:#b0b2b7;padding-bottom:80px;border-bottom:3px solid #b0b2b7;transition: all 0.3s;}
.qst{width:90%;margin:auto;}
.qsa{margin:30px auto;}
.qsa img{width:100%;}
.qsb{font-size:17px;font-family:Light;color:#333;}
.qsc{width:50px;height:2px;background:#333;margin:30px auto;}
.qs li:hover{border-bottom:3px solid #000;}
.x-pojs .swiper-pagination{position:static;margin-top:15px;}
.x-pojs .swiper-pagination span{width:10px;height:10px;}
.x-pojs .swiper-pagination span.swiper-pagination-bullet-active{background:#535353;width:12px;height:12px;}

/*客户*/
.ks{position: relative;margin:40px auto 120px;}
.ks img{width:100%;}
.ks li div{width:94%;margin:15px auto;box-shadow: 0 5px 10px #ccc;}
.ks .swiper-pagination{position:static;}
.ks .swiper-pagination span.swiper-pagination-bullet-active{background:#535353;}

/**/
.swe{}
.swea{position: relative;background: url(../images/a13.webp) fixed;padding-bottom:115px;}
.swea::after{content:"";width:100%;height:100%;z-index: 1;background: rgb(111 111 111 / 71%);position:absolute;top:0;left:0;}
.swea::before{content:"";width:100%;height:100%;z-index: 2;background: url(../images/ts1.png) top no-repeat;;position:absolute;top:0;left:0;}

.gssb{margin: 80px auto 0;text-align: center;color:#fff;padding-top:80px;position: relative;z-index: 3;}
.gssb h5{font-size:44px;margin-bottom:30px;}
.gssb p{font-family: Light;font-size:18px;font-weight:300;}

.gjj{flex-wrap: wrap;justify-content: space-between;max-width:1000px;margin:auto;background:#b0b2b7;box-sizing: border-box;padding:2%;transform: translateY(-80px);z-index: 4;
  position: relative;}
.gjj p{width:48%;margin-bottom:5px;}
.gjj span{font-size:16px;display:block;width:100%;font-family: Light;margin: 0 0 3px;}
.gjj input{width:100%;box-sizing:border-box;padding:10px;}
.gjj div{width:100%;}
.gjj textarea{width:100%;box-sizing: border-box;padding:10px;}
.gjj ::placeholder{font-family: Light;color:#999;}
.gjj textarea{height:80px;font-family: Light;}
.gjj a{display:block;background:#666;margin-top:10px;text-align: center;padding:15px 0;transition: all 0.3s;border: 1px solid #b0b2b7;color:#fff;}
.gjj a:hover{background:#eee;border: 1px solid #ccc;color:#333;}

/*新闻*/
.new{text-align: center;font-size:44px;}
.newa{margin:40px auto 80px;}
.newa ul{margin-right:-2%;flex-wrap: wrap;}
.newa li{width:31.333%;margin:0 2% 30px 0;}
.newa img{width:100%;}
.newaa h5{font-size:23px;margin:10px 0;}
.newaa span{font-size:12px;color:#999;display:block;margin-bottom:10px;}
.newaa p{font-size:14px;line-height:20px;color:#666;font-family: Light;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newab{font-size:16px;margin-top:20px;}

/*尾部*/
.foos{background:#b0b2b7;padding:60px 0;}
.foot{justify-content: space-between;max-width:1366px;margin:auto;width:96%;}
.foa{width:30%;}
.foaa{margin-bottom:20px;}
.foaa img{width:250px;}
.foab{font-size:16px;}
.fob{width:30%;justify-content: space-between;}
.foac{width:45%;}
.foac h5{font-size:20px;margin-bottom:20px;}
.foac p{padding:10px 0;transition: all 0.2s;}

.foac p:hover{transform: scale(1.1);}
.foac p:hover a{color:#fff;}
.fod{width:26%;line-height:36px;}
.fod h5{font-size:20px;margin-bottom:20px;}
.fod span{font-size:24px;}
.foj{justify-content: space-between;max-width:1366px;margin:60px auto 0;width:96%;border-top:1px solid #ccc;padding-top:30px;}
.foj a:hover{color:#fff;}


/*********************************/
.lis{font-family: Light;}
.i-aba,.i-abs ul,.i-abta,.i-abtab ul,.i-abq ul,.i-abea,.i-abr ul,.i-pro,.i-proba ul,.i-prcp,.i-prx ul,.i-blog ul,.i-bls,.i-blsbbb li,.i-blq,.i-blqa a,.i-contact,.i-cos,.i-csjb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-ban{width:100%;background-size:cover;background-position: center;margin-top:101px;position:relative;}
.i-ban:after{content: '';width:100%;height:100%;position:absolute;top:0;left: 0;background:rgb(0 0 0 / 64%);}
.i-bana{position:relative;text-align: center;padding:160px 0;color:#fff;z-index: 1;}
.i-banaa{font-size:60px;}
.i-banab{color:#b0b2b7}
.i-banab a{color:#b0b2b7;}
.i-banab span{font-family: Light;}

.i-aba{margin:100px auto 60px;justify-content: space-between;}
.i-abaa{width:45%;}
.i-abaaa{font-size:44px;margin-bottom:10px;}
.i-abaab{color:#777;line-height:22px;font-size:15px;}
.i-abaac{margin-top:20px;}
.i-abaac a{background: #b0b2b7;border: 1px solid #929292;display:inline-block;padding:15px 30px;transition: all 0.3s;}
.i-abaac a:hover{background: #fff;color:#333;}
.i-abab{width:50%;}
.i-abab ul{column-count:2;column-gap:3%}
.i-abab img{width:100%;}
.i-abab li{margin-bottom:20px;}

.i-abs{margin-bottom:80px;}
.i-abs ul{justify-content: space-between;font-size:30px;align-items: center;}
.i-abs li{position:relative;width:25%}
.i-abs li p{text-align: center;line-height: 34px;margin: auto;}
.i-abs li:after{positioN:absolute;top:0;right:0;width:1px;height:100%;background:#ccc;content: '';}
.i-abs li:last-child:after{display:none}

.i-abt{background:url(../images/about-2.webp) center;background-size: cover;position: relative;padding:130px 0;}
.i-abt::after{content: '';position:absolute;top:0;left:0;width:100%;height:100%;background: rgb(0 0 0 / 70%);}
.i-abta{position:relative;z-index: 1;justify-content: space-between;align-items: center;}
.i-abtaa{width:40%;color:#fff;}
.i-abtaaa{font-size:40px;margin-bottom:20px;line-height:40px;}
.i-abtaab{line-height:50px;}
.i-abtab{width:50%;background:rgb(255 255 255 / 27%);box-sizing: border-box;padding:3%;color:#fff;}
.i-abtab ul{justify-content: center;flex-wrap: wrap;}
.i-abtab li{width:50%;box-sizing: border-box;}
.i-abtab li:nth-child(1){border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding-right:4%;padding-bottom:2%;}
.i-abtab li:nth-child(3){border-right:1px solid #ccc;padding-right:4%;padding-top:2%;}
.i-abtab li:nth-child(2){border-bottom:1px solid #ccc;padding-left:4%;padding-bottom:2%;}
.i-abtab li:nth-child(4){padding-left:4%;padding-top:2%;}
.i-abtaba{font-size:24px;margin-bottom:10px;}

.i-abw{text-align: center;margin:60px auto 0;}
.i-abw h4{font-size:44px;margin-bottom:10px;}
.i-abw p{color:#818181;}

.i-abq{margin:0 auto 60px;;}
.i-abq ul{flex-wrap: wrap;justify-content: space-between;}
.i-abq li{width:27%;margin-top:50px;}
.i-abqa{margin-bottom:10px;margin-bottom:30px;}
.i-abqa span{font-size:38px;background:#eee;padding:10px;border-radius: 50%;}
.i-abqb h4{font-size:22px;margin-bottom:10px;}
.i-abqb p{color:#666;line-height:24px;}

.i-abe{background:#eee;padding:80px 0;}
.i-abea{justify-content: space-between;position:relative;padding-bottom:50px;}
.i-abeaa{width:44%}
.i-abeaaa{margin-bottom:20px;}
.i-abeaaaa{font-size:40px;margin-bottom:20px;text-transform: capitalize;line-height:40px;}
.i-abeaaab{color:#666;}
.i-abeaab img{width:100%;}
.i-abeb{width:50%;}
.i-abeb img{width:100%;}
.i-abej{width:40%;box-sizing:border-box;padding:3% 3% 5%;background:#999;z-index: 1;position:absolute;bottom:0;left:50%;transform: translateX(-50%);}
.i-abeja{position:absolute;bottom:4%;right:3%;opacity: 0.2;}
.i-abeja span{font-size:45px;color:#fff;}
.i-abejb{color:#fff;}

.i-abr{margin:40px auto 80px;}
.i-abr ul{margin-left:-3%}
.i-abr li{width:22%;margin:0 0 0 3%;}
.i-abr img{width:100%;}

.i-aby{margin:160px auto 80px;}
.i-abyj{margin:40px auto;}
.i-abyj img{width:100%;}
.i-abyj .swiper-pagination{position:static;margin-top:20px;}
.i-abyj .swiper-pagination-bullet-active{background:#666;}
.i-aby .i-abw p{width:38%;margin:auto;}

/*产品*/
.i-pro{margin:40px auto 50px;justify-content: space-between;}
.i-proa{width:23%;}
.i-proaa{font-size:32px;margin-bottom:10px;}
.i-proab p{position:relative;}
.i-proab li>p a{display:block;width:calc(100% - 23px);padding:14px 0 14px 20px;box-sizing:border-box;}
.i-proab li>p span{position: absolute;top:12px;right:10px;border:1px solid #333;text-align: center;border-radius: 2px;display: flex;align-items: center;justify-content:center;font-size:12px;cursor: pointer;transition: all 0.3s;display:none;color:#333;padding:6px;}
.i-proab li>p.jw{background: #000;}
.i-proab li>p.jw a{color:#fff;}
.i-proab p span:hover{background:#fff;}
.i-proab p:hover a{color:#fff;}
.i-proab p:hover{background:#000;}
.i-proab dl{font-family:Light;font-size:14px;display:none;}
.i-proab dl span{position:absolute;top:7px;right:13px;font-size:12px;width:24px;height:24px;display:flex;justify-content: center;align-items: center;cursor: pointer;display:none;color:#333;}
.i-proab dl p{position:relative}
.i-proab dl p a{display: block;border-bottom:1px solid #eee;box-sizing:border-box;padding:10px 0 10px 30px;}
.i-proab dl div{display:none;}
.i-proab dl div a{display: block;padding:8px 0 8px 40px;}

.i-prob{width:74%;}
.i-proba ul{margin-left:-2%;flex-wrap: wrap;}
.i-proba li{width:23%;margin:0 0 30px 2%;}
.i-proba a{display:block;width:100%;height:100%;padding-bottom:50px;position:relative;}
.i-probaa{overflow: hidden;}
.i-probaa img{transition: all 0.3s;width:100%;}
.i-probab{margin:20px 0;}
.i-probac{background:#eee;border-radius: 2px;color:#555;padding:10px 15px;box-sizing: border-box;position:absolute;bottom:0;left:0;border:1px solid #eee;}
.i-probac:hover{background:#fff;color:#000;border:1px solid #000;}

.isw{text-align: center;font-size:0;margin-top:20px;}
.isw a{display:inline-block;font-size:16px;border:1px solid #ccc;padding:5px 10px;color:#ae5050;border-right:0;}
.isw a:last-child{border-right: 1px solid #ccc;}
.isw a:hover,.isw a.on{background:#eee;color:#333;}

.i-prcp{margin:80px auto 100px;justify-content: space-between;}
.i-prcpa{width:49%;}
.i-prcpb{width:49%;}
.i-prcpba{font-size:1.4rem;margin-bottom:20px;line-height:1.8rem;}
.i-prcpbb{color:#888;line-height:1.6rem;}
.i-prcpbc{margin-top:30px;}
.i-prcpbc a{display:inline-block;background:#ccc;padding:17px 35px;border:1px solid #ccc;}
.i-prcpbc a:hover{background: none;border:1px solid #333;color:#333;}

.i-prs{border-bottom:1px solid #ccc;margin-bottom:30px;}
.i-prs p{display: inline-block;padding:12px 20px;border:1px solid #ccc;border-top-left-radius: 4px;border-top-right-radius: 4px;margin-left:1%;border-bottom:0;background:#fff;z-index: 1;position: relative;margin-bottom: -1px;}
.i-prsj{margin-bottom:20px;}
.i-prsj img{max-width: 100%;}
.i-prsj table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-prsj table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}

.i-prx{margin:60px auto 60px;}
.i-prx ul{margin-left:-2%;}
.i-prx li{width:23%;margin:0 0 0 2%;}
.i-prxa{box-sizing: border-box;border:1px solid #ccc;}
.i-prxa img{width:100%;}
.i-prxb{margin:20px auto;}
.i-prxc span{display:inline-block;padding:8px 20px;background: #ccc;border-radius: 3px;transition: all 0.3s;border:1px solid #ccc;}
.i-prxc span:hover{background:none;border:1px solid #333;color:#333;}

/*信息*/
.i-blog{margin:80px auto 0px;}
.i-blog ul{margin-left: -2%;flex-wrap: wrap;}
.i-blog li{width:31.3333%;margin:0 0 4% 2%;}
.i-blog img{width:100%;}
.i-bloga{border-radius: 5px;overflow: hidden;}
.i-blogb{font-size:1.4rem;margin:20px 0 0px;}
.i-blogc{font-size:12px;color:#999;}
.i-blogd{color:#888;font-size:14px;margin:10px 0 20px;}
.i-bloge{font-size:12px;}

.i-blo{text-align: center;margin-bottom:80px;line-height:26px;}
.i-blo a{display:inline-block;line-height:12px;margin:0 5px;color:#a13030;}
.i-blo a:hover{color:#999;}

.i-bls{justify-content: space-between;margin:80px auto;align-items: flex-start;}
.i-blsa{width:62%;}
.i-blsaa{font-size:3rem;line-height: 3rem;border-bottom:2px solid #ccc;padding-bottom:20px;margin-bottom:20px;}
.i-blsab{color:#999;margin-bottom:30px;}
.i-blsac{line-height:24px;}
.i-blsac img{max-width:100%;}

.i-blsb{width:35%;position: sticky;top:110px;box-shadow: 0 0 10px #999;border-radius: 20px;box-sizing:border-box;padding:1.5%;}
.i-blsba{margin-bottom:40px;}
.i-blsba img{width:100%;}
.i-blsba h4{font-size:2rem;margin:20px auto;}
.i-blsba p{color:#666;line-height:26px;}
.i-blsba a{display:inline-block;padding:10px 20px;background:#ccc;margin-top:35px;border:1px solid #ccc;transition: all 0.3s;}
.i-blsba a:hover{background:none;border:1px solid #333;}

.i-blsbba{font-size:2rem;margin:40px auto 20px;}
.i-blsbbb li{justify-content: space-between;margin-bottom:30px;}
.i-blsbbb li:last-child{margin:0;}
.i-blsbs{width:45%;}
.i-blsbs img{width:100%;}
.i-blsbt{width:50%;}
.i-blsbt p{font-size:12px;color:#999;margin:5px auto 10px;}
.i-blsbt span{font-size:12px;}

.i-blq{justify-content:space-between;margin-top:30px;position:relative;}
.i-blq:after{position:absolute;top:0;right:50%;height:100%;width:1px;background:#ccc;content:'';}
.i-blqa{width:45%;}
.i-blqa a{align-items: center;}
.i-blqa span{display:block;font-size:14px;}
.i-blqa samp{font-size:12px;display:block;color:#666;}
.i-blqa span:Hover{color:#888;}
.i-blqab{margin:0 6px;}
.i-blqaa span{font-size:20px;}
.i-blqa:nth-child(2) a{justify-content: right;text-align: right;}

/*联系我们*/
.i-contact{margin:100px auto;justify-content: space-between;align-items: center;}
.i-contacta{width:46%;}
.i-contactb{width:50%;box-sizing: border-box;background:#b0b2b7;padding:4% 4%;}

.i-cos{flex-wrap: wrap;justify-content: space-between;}
.i-cos p{width:48%;}
.i-cos span{display:block;width:100%;font-family:Light;margin-bottom:3px;}
.i-cos input{background:#fff;border:1px solid #666;;border-radius: 2px;line-height:40px;box-sizing: border-box;padding:0 10px;width:100%;margin-bottom:10px;}
.i-cos .icw{width:100%;}
.i-cos .icw textarea{width:100%;box-sizing: border-box;padding:10px;height:110px;outline: none;}
.i-cos .ict{text-align: center;width: 100%;margin-top:15px;}
.i-cos .ict a{display:block;line-height:60px;background:#474747;color:#fff;transition: all 0.3s;border:1px solid #474747;}
.i-cos .ict a:hover{background: none;color:#333;border:1px solid #333;}

.i-csj{color:#888;margin-bottom:30px;}
.i-csja{font-size:1.5rem;margin:10px auto 20px;}
.i-csjb{margin-bottom:30px;}
.i-csjba{width:50%;}
.i-csjba span{font-size:22px;border-radius: 50%;background:#efefef;padding:10px;margin-right:10px;display: inline-block;}
.i-csjbb span{display:inline-block;font-size:22px;border-radius: 50%;background:#efefef;padding:10px;margin-right:10px;}
#map_container{height:450px;width:100%;}