@charset "UTF-8";

@media screen and (max-width: 1800px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 1681px) {
  html {
    font-size: 14px;
  }
  #nav li{margin-left: 40px;}
  #nav li:nth-child(1){margin-right: 0;}

}
@media screen and (max-width: 1580px) {
  html {
    font-size: 14px;
  }
  .wrap,.w1400,.a-text,#header .wrap{width: 94%;}
  
}
@media screen and (max-width: 1441px) {
  html {
    font-size: 13px;
  }
  .wrap,.w1400,.a-text,#header .wrap,.index2 .title,.arrows2,.index3 .w1400{width: 94%;}
  
}
@media screen and (max-width: 1399px) {
  html {
    font-size: 12px;
  }
  .wrap,.w1400,.a-text,#header .wrap{width: 94%;}
  .hd-search-form.in{width: 200px;}
  #nav li{margin-left: 35px;}
  .top-side{margin-left: 50px;}
  
}
@media screen and (max-width: 1320px) {
  html {
    font-size: 10px;
  }
  #nav li{margin-left: 35px;}
  #nav li:nth-child(1){margin-left: 0;}
  .top-side{margin-left: 50px;}
  
}
@media screen and (max-width: 1270px) {
  html {
    font-size: 10px;
  }
  #nav li{margin-left: 35px;}
  .top-side{margin-left: 50px;}
  .hd-search-form.in{width: 150px;}
  .logo img{height: 56px;}
  .step1 .phones span{display: block;}
}
@media screen and (max-width: 1199px) {
  html {
    font-size: 10px;
  }
  #nav li{margin-left: 20px;}
  .top-side{margin-left: 50px;}
  .hd-search-form.in{width: 150px;}
  .logo img{height: 50px;}
  #nav li .v1{font-size: 16px;}
}
@media ( min-width:1025px ) and ( max-width:1100px ) {
  html {
    font-size: 10px;
  }
  #nav li{margin-left: 18px;}
  #nav li:nth-child(1){margin-left: 0;}
  .top-side{margin-left:20px;}
  .hd-search-form.in{width: 150px;}
  .logo img{height: 50px;}
  #nav .v1{font-size: 16px;}
  .index1 .left,.index1 .right{float: none;width: 100%;}
  .index1 .more{margin: 35px 0;}
  .picSwiper{top: 30px;}
  .index3{margin-top: 0;padding-top: 100px;}
  .arrows2{bottom: 40px;}
  .title h3{font-size: 30px;}
  .step1 .right,.step1 .left{float: none;width: 100%;}
  .step1 .right .text{height: auto;}
  .step1 .right{padding-top: 50px;clear: both;}

}
@media screen and (max-width: 1024px) {
.wrap,.w1400{width: 94%;}
.banner{margin: 70px 0 0 0;}
.pc-img,#nav{display: none;}
.wap-img,.wap-btn{display: block;}
.logo img{height: 50px;}
.logo{width:253px;height:70px;left: 3%;}
#header .wrap{width: 100%;}
.banner,.a-img{height: 400px;}
/*关于我们*/
.ny-banner{margin-top: 70px;height: 400px;position: relative;}
#header{background: #fff;}
.hd-lang img{filter:none;-webkit-filter:none}
.hd-lang{position: absolute;width:40px;height: 70px;padding: 0;right:calc(3% + 50px);}
.hd-lang a{display: block;}
.hd-lang a img{position: absolute;top: 50%;transform: translate(0,-50%);left: 0;}
#header,#header.min-header,#header.on,#header.min-header .logo, #header.min-header #nav li i, #header.on .logo, #header.on #nav li i,.top-side{height: 70px;}
#header.min-header .logo img, #header.on .logo img{height: 50px;}
#header.min-header .hd-lang, #header.on .hd-lang{padding: 0;}
.banner .swiper-button-next, .banner .swiper-button-prev{}
#header .logo-tp1{display: block;}
#header .logo-tp2{display: none;}
.banner .swiper-pagination{bottom: 20px;width: 97%;left: 3%;transform: translate(0);}
.hd-search img{-webkit-filter:none;filter:none;}
.hd-search{padding: 23px 0 0 0;right: calc(3% + 110px);position: absolute;}
#header.min-header .hd-search, #header.on .hd-search{padding: 23px 0 0 0;}
.hd-search-form .btn3{top: 15px;}
.hd-search-form.in{width: 250px;margin-right: 15px;margin-top: -9px;}
.hd-search-form .btn3{right: 28px;}
.a-text .a-titles{font-size: 36px;}
.banner .arrows{right: 3%;}
.picSwiper{top: 30px;}
.index3{margin-top: 0;padding-top: 100px;}
.arrows2{bottom: 40px;}
.title h3{font-size: 30px;}
.index1 .left,.index1 .right{float: none;width: 100%;}
.index1 .more{margin: 35px 0;}
.step1 .right,.step1 .left{float: none;width: 100%;}
.step1 .right .text{height: auto;}
.step1 .right{padding-top: 50px;clear: both;}

}
@media ( min-width:770px ) and ( max-width:999px ) {
.wrap,.w1400{width: 94%;}
.banner{margin: 60px 0 0 0;}
.pc-img,#nav{display: none;}
.wap-img,.wap-btn{display: block;}
.logo img{height: 50px;}
.logo{width:253px;height:60px;left: 3%;}
.wap-search .wap-ss{display: block;}
.wap-search .wap-ss img{height: 30px;}
#header .wrap{width: 100%;}
.banner,.a-img{height: 500px;}
.banner .swiper-pagination-bullet{margin:0 6px;}
.banner .swiper-pagination-bullet-active{left: 0;}
.index1 .left,.index1 .right{float: none;width: 100%;}
.index1{padding: 50px 0;}
.title h3{font-size: 22px;}
.index1 p{font-size: 16px;line-height: 28px;}
.index1 .more{margin: 35px 0;}
.more a span,.more a{height: 45px;line-height: 45px;}
.picSwiper{top: 10px;}
.index3{padding: 50px 0;margin: 0;}
.index2 .title,.index2 .title h3{width: 94%;position: relative;top: 0;color: #333;}
.index2 .title h3{padding-bottom: 30px;}
.picSwiper2 .w1400{width: 94%;left:0;position: relative;top: 0px;transform: translate(0);}
.index2 .text1{right: auto;left: 0;width: 100%;position: relative;padding-bottom: 10px;}
.index2 .text1 h4{color: #333;display: block;float: none;font-size: 18px;margin: 20px 0 15px 0;}
.index2 .text1 p{color: #666;font-size: 16px;line-height: 28px;width: 100%;}
.picSwiper2 .swiper-slide .text1{opacity: 1;transform: translate3d(0,0,0);transition: opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);transition-delay: .6s;}
.picSwiper .item .img-box,.picSwiper .item{height: 128px;}
.picSwiper .item .txt-box span,.index-3 .text h3 a{font-size: 18px;}
.picSwiper .item .txt-box{padding: 20px 15px 0 15px;width: calc(100% - 30px);}
.picSwiper .item:after{right: 15px;bottom: 15px;}
.index3 .w1400{width: 94%;}
.title .more{position: relative;bottom: 0;right: auto;}
.index3 .title .more, .index4 .title .more{bottom: auto;margin: 25px 0 20px 0;}
.cpSwiper{padding: 20px 0;}
.index3 .title{margin: 0;}
.cpSwiper .swiper-slide:hover .img{box-shadow:0;}
.cpSwiper .swiper-slide:hover{transform: translateY(0px);}
.index-3 .text h3{margin: 15px 0 10px 0;}
.index-3 .text p{line-height: 28px;}
.index-3 .swiper-pagination{display: block;text-align: center;width: 100%;}
.index-3 .swiper-pagination span{display: inline-block;margin: 0 6px;}
.index4{padding: 50px 0;}
.index-4{margin-top: 40px;}
.newsSwiper .text{padding:15px 15px 0 15px;}
.newsSwiper .img{height: 230px;}
.newsSwiper .text h3 a{font-size: 16px;}
.newsSwiper .text h3{margin-bottom: 20px;}
.foot1 .left{display: none;}
.foot1 .left,.foot1 .middle,.foot1 .right{float: none;width: 100%;height: auto;border: none;padding: 0;text-align: center;}
.foot1 .middle{padding: 20px 0;}
.f-logo img{height: 36px;display: none;}
.footer .foot1{padding:0;}
.footer .f-bottom1{margin-top: 0px;padding:20px 0 30px 0;border-top:none}
.foot1 .more a{margin: 0 auto;}
.foot1 .right .tel{padding: 15px 0;}
.footer p.fl,.footer p.fr{float: none;width: 100%;font-size: 14px;line-height: 24px;}
.footer .foot2{padding: 20px 0;}
.wap-swiper1{display: block;}
.step1 .box{display: none;}
.ny-banner .w1400{height: 400px;}
.ny-banner .text{width: 100%;}
.wap-btn{top: 25px;} 
.leftMenu{top: 60px;}
.step1 .left,.step1 .right{width: 100%;float: none;padding: 0;}
.sub_nav{display: none;}
.home{display: block;float:none;}
.brand{height: auto;line-height: 28px;padding: 10px 0;}
.wap-swiper1 img{display:block;width: 80%;margin: 0 auto;}
.step1{margin-top:40px;}
.step1 .right .name{font-size: 20px;font-weight: bold;padding-top: 20px;}
.step1 .right h3{margin: 20px 0 10px 0;font-size: 17px;}
.step1 .right p,.about .right p{font-size: 15px;line-height: 28px;}
.step1 .phones span{display: block;font-size: 26px;}
.step1 .phones{font-size: 18px;line-height: normal;}
.step1 .right .text{height: auto;margin-bottom: 30px;}
#header.min-header, #header.on{z-index: 5;}
.step2 .img{height: 150px;}
.step2 .swiper-slide h3{font-size: 16px;margin-top: 10px;}
.step2 h3{font-size: 20px;margin-bottom: 20px;}
.step1{padding-bottom: 20px;}
.step2{padding: 30px 0;}
.products ul,.news2 ul{grid-template-columns: repeat(2, 1fr);gap: 40px 25px;}
.products li .text h3{margin: 12px 0 6px 0;}
.products li .text{padding: 0;}
.products li .text h3 a,.news1 .text h3 a,.news2 li .text h3 a{font-size: 16px;}
.products li .text p{font-size: 14px;line-height: 24px;}
.products,.news,.about,.online,.solution,.solution2{padding: 40px 0;}
.news2 li .img{height: 230px;}
.news1 .img{float: none;width: 100%;height: auto;}
.news1 .text{height: auto;padding: 15px 15px 0 15px;float: none;width: calc(100% - 30px);}
.about .left h4{font-size: 22px;margin-bottom: 10px;}
.about .left p{font-size: 16px;}
.about .left,.about .right{width: 100%;float: none;}
.about .left{padding-bottom: 20px;}
.about .our{padding-top: 20px;}
.contact ul{gap:20px}
.contact li img{height: 40px;}
.contact li h4{font-size: 18px;margin:10px 0 8px 0;}
.contact li{padding: 20px 15px;}
.contact{padding: 40px 0 20px 0;}
.contact li p{font-size: 16px;}
.online h3{font-size: 20px;margin-bottom: 12px;}
.online p{font-size: 15px;}
.online .flex{display: block;margin-bottom: 0;}
.online .flex .flex_item:nth-child(2){margin-left: 0;}
.online .flex .flex_item{margin-bottom: 20px;}
.online form{margin: 25px 0 0 0;}
.online .car{width: 100%;}
.online textarea{margin-bottom: 15px;padding: 12px 15px;font-size: 15px;}
.online .btn-cc{margin-top: 30px;}
.online .flex input, .online .car input{padding: 0 15px;font-size: 15px;}
.news1 .text p,.detail p,.solution2 .left p,.solution2 ul li{font-size: 15px;line-height: 26px;}
.news1 .text h3{font-size: 17px;margin-bottom: 15px;}
.news1 .text .time{margin-top: 30px;}
.news2 li .text .time, .news1 .text .time{height: 54px;line-height: 54px;padding-top: 0;}
.news-box .detail,.news-list{float: none;width: calc(100% - 30px);padding: 30px 15px;}
.news-list{padding-bottom: 2px;}
.detail .nn-tit .t1{font-size: 18px;padding-bottom: 12px;}
.detail .nn-tit .t2 span{margin: 0 6px;}
.detail .nn-tit .t2{font-size: 14px;}
.detail .nn-tit{padding-bottom: 20px;margin-bottom: 20px;}
.fenye{padding-top: 25px;margin-top: 25px;}
.fenye .wz{width: 100%;margin-bottom:15px;font-size: 15px;line-height: 26px;}
.back-ss{position: relative;margin:30px auto 0 auto;}
.news-box .detail{margin-bottom: 30px;}
.back-ss a{font-size: 16px;height: 42px;line-height: 42px;}
.news-list .hot{font-size: 20px;margin-bottom: 20px;}
.solution li .text1{bottom: 60px;}
.solution li h3{font-size:28px;margin-bottom: 20px;}
.solution li{margin-bottom: 20px;}
.solution2 .left,.solution2 .right{width: 100%;float: none;}
.solution2 .left .tit{font-size: 20px;font-weight: bold;}
.solution2 ul li::before{top: 8px;}
.solution2 .right{margin-top: 30px;}
.solution2 li{margin-bottom: 30px;}

}
@media screen and (max-width: 769px) {
.wrap,.w1400{width: 94%;}
.banner{margin: 60px 0 0 0;}
.pc-img,#nav{display: none;}
.wap-img,.wap-btn,.wap-search{display: block;}
.logo img{height: 50px;}
.logo{width:253px;height:60px;left: 3%;}
.wap-search{position: absolute;right: 100px;padding:15px 10px;}
.wap-search .wap-ss{display: block;}
.wap-search .wap-ss img{height: 25px;position: relative;top: 3px;}
#header .wrap{width: 100%;}
.banner,.a-img{height:350px;}
.ny-banner{margin-top: 60px;height: 200px;position: relative;}
#header{background: #fff;}
.hd-lang img{filter:none;-webkit-filter:none}
.hd-lang{position: absolute;width:40px;height: 60px;padding: 0;right: 50px;}
.hd-lang a{display: block;}
.hd-lang a img{position: absolute;top: 50%;transform: translate(0,-50%);left: 0;}
.hd-search{display: none;}
#header,#header.min-header,#header.on,#header.min-header .logo, #header.min-header #nav li i, #header.on .logo, #header.on #nav li i,.top-side{height:60px;}
#header.min-header .logo img, #header.on .logo img{height:32px;}
#header.min-header .hd-lang, #header.on .hd-lang{padding: 0;}
.hd-lang dl{top: 60px;}
.banner .swiper-button-next, .banner .swiper-button-prev{}
#header .logo-tp1{display: block;height: 32px;}
#header .logo-tp2{display: none;}
.banner .swiper-pagination{bottom: 20px;width: 94%;}
.a-text .a-titles{font-size: 20px;}
.a-text .a-intro{margin: 20px 0 0 0;font-size: 16px;}
.a-text a{margin-top: 30px;height: 40px;line-height: 40px;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after,.banner .swiper-button-next, .banner .swiper-button-prev{width: 34px;height: 34px;background-size: auto 15px;}
.banner .arrows{width: 110px;right: 3%;bottom: 10px;}
.index1 .left,.index1 .right{float: none;width: 100%;}
.index1{padding: 50px 0;}
.title h3{font-size: 22px;}
.index1 p{font-size: 16px;line-height: 28px;}
.index1 .more{margin: 35px 0;}
.more a span,.more a{height: 40px;line-height: 40px;}
.picSwiper{top: 10px;}
.index3{padding: 50px 0;margin: 0;}
.index2 .title,.index2 .title h3{width: 94%;position: relative;top: 0;color: #333;}
.index2 .title h3{padding-bottom: 30px;}
.picSwiper2 .w1400{width: 94%;left:0;position: relative;top: 0px;transform: translate(0);}
.index2 .text1{right: auto;left: 0;width: 100%;position: relative;padding-bottom: 10px;}
.index2 .text1 h4{color: #333;display: block;float: none;font-size: 18px;margin: 20px 0 15px 0;}
.index2 .text1 p{color: #666;font-size: 16px;line-height: 28px;width: 100%;}
.picSwiper2 .swiper-slide .text1{opacity: 1;transform: translate3d(0,0,0);transition: opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);transition-delay: .6s;}
.picSwiper .item .img-box,.picSwiper .item{height: 128px;}
.picSwiper .item .txt-box span,.index-3 .text h3 a{font-size: 18px;}
.picSwiper .item .txt-box{padding: 20px 15px 0 15px;width: calc(100% - 30px);}
.picSwiper .item:after{right: 15px;bottom: 15px;}
.index3 .w1400{width: 94%;}
.title .more{position: relative;bottom: 0;right: auto;}
.index3 .title .more, .index4 .title .more{bottom: auto;margin: 25px 0 20px 0;}
.cpSwiper{padding: 20px 0;}
.index3 .title{margin: 0;}
.cpSwiper .swiper-slide:hover .img{box-shadow:0;}
.cpSwiper .swiper-slide:hover{transform: translateY(0px);}
.index-3 .text h3{margin: 15px 0 10px 0;}
.index-3 .text p{line-height: 28px;}
.index-3 .swiper-pagination{display: block;text-align: center;width: 100%;}
.index-3 .swiper-pagination span{display: inline-block;margin: 0 6px;}
.index4{padding: 50px 0;}
.index-4{margin-top: 40px;}
.newsSwiper .text{padding:15px 15px 0 15px;}
.newsSwiper .img{height: 230px;}
.newsSwiper .text h3 a{font-size: 16px;}
.newsSwiper .text h3{margin-bottom: 20px;}
.foot1 .left{display: none;}
.foot1 .left,.foot1 .middle,.foot1 .right{float: none;width: 100%;height: auto;border: none;padding: 0;text-align: center;}
.foot1 .middle{padding: 20px 0;}
.f-logo img{height: 36px;display: none;}
.footer .foot1{padding:0;}
.footer .f-bottom1{margin-top: 0px;padding:20px 0 30px 0;border-top:none}
.foot1 .more a{margin: 0 auto;}
.foot1 .right .tel{padding: 15px 0;}
.footer p.fl,.footer p.fr{float: none;width: 100%;font-size: 14px;line-height: 24px;}
.footer .foot2{padding: 20px 0;}
.wap-swiper1{display: block;}
.step1 .box{display: none;}
.ny-banner .w1400{height: 200px;}
.ny-banner .text h3{font-size: 22px;text-align: center;}
.ny-banner .text{width: 100%;}
.wap-btn{top: 21px;} 
.leftMenu{top: 60px;}
.step1 .left,.step1 .right{width: 100%;float: none;padding: 0;}
.sub_nav{display: none;}
.home{display: block;float:none;}
.brand{height: auto;line-height: 28px;padding: 10px 0;}
.wap-swiper1 img{display:block;width: 80%;margin: 0 auto;}
.step1{margin-top:40px;}
.step1 .right .name{font-size: 20px;font-weight: bold;padding-top: 20px;}
.step1 .right h3{margin: 20px 0 10px 0;font-size: 17px;}
.step1 .right p,.about .right p{font-size: 15px;line-height: 28px;}
.step1 .phones span{display: block;font-size: 26px;}
.step1 .phones{font-size: 18px;line-height: normal;}
.step1 .right .text{height: auto;margin-bottom: 30px;}
.step2 .img{height: 150px;}
.step2 .swiper-slide h3{font-size: 16px;margin-top: 10px;}
.step2 h3{font-size: 20px;margin-bottom: 20px;}
.step1{padding-bottom: 20px;}
.step2{padding: 30px 0;}
.products ul,.news2 ul{grid-template-columns: repeat(2, 1fr);gap: 40px 25px;}
.products li .text h3{margin: 12px 0 6px 0;}
.products li .text{padding: 0;}
.products li .text h3 a,.news1 .text h3 a,.news2 li .text h3 a{font-size: 16px;}
.products li .text p{font-size: 14px;line-height: 24px;}
.products,.news,.about,.online,.solution,.solution2{padding: 40px 0;}
.news2 li .img{height: 230px;}
.news1 .img{float: none;width: 100%;height: auto;}
.news1 .text{height: auto;padding: 15px 15px 0 15px;float: none;width: calc(100% - 30px);}
.about .left h4{font-size: 22px;margin-bottom: 10px;}
.about .left p{font-size: 16px;}
.about .left,.about .right{width: 100%;float: none;}
.about .left{padding-bottom: 20px;}
.about .our{padding-top: 20px;}
.contact ul{display: block;}
.contact li img{height: 40px;}
.contact li h4{font-size: 18px;margin:10px 0 8px 0;}
.contact li{padding: 20px 15px;margin-bottom: 20px;}
.contact{padding: 40px 0 20px 0;}
.contact li p{font-size: 16px;}
.online h3{font-size: 20px;margin-bottom: 12px;}
.online p{font-size: 15px;}
.online .flex{display: block;margin-bottom: 0;}
.online .flex .flex_item:nth-child(2){margin-left: 0;}
.online .flex .flex_item{margin-bottom: 20px;}
.online form{margin: 25px 0 0 0;}
.online .car{width: 100%;}
.online textarea{margin-bottom: 15px;padding: 12px 15px;font-size: 15px;}
.online .btn-cc{margin-top: 30px;}
.online .flex input, .online .car input{padding: 0 15px;font-size: 15px;}
.news1 .text p,.detail p,.solution2 .left p,.solution2 ul li{font-size: 15px;line-height: 26px;}
.solution2 li{margin-bottom: 25px;}
.news1 .text h3{font-size: 17px;margin-bottom: 15px;}
.news1 .text .time{margin-top: 30px;}
.news2 li .text .time, .news1 .text .time{height: 54px;line-height: 54px;padding-top: 0;}
.news-box .detail,.news-list{float: none;width: calc(100% - 30px);padding: 30px 15px;}
.news-list{padding-bottom: 2px;}
.detail .nn-tit .t1{font-size: 18px;padding-bottom: 12px;}
.detail .nn-tit .t2 span{margin: 0 6px;}
.detail .nn-tit .t2{font-size: 14px;}
.detail .nn-tit{padding-bottom: 20px;margin-bottom: 20px;}
.fenye{padding-top: 25px;margin-top: 25px;}
.fenye .wz{width: 100%;margin-bottom:15px;font-size: 15px;line-height: 26px;}
.back-ss{position: relative;margin:30px auto 0 auto;}
.news-box .detail{margin-bottom: 30px;}
.back-ss a{font-size: 16px;height: 42px;line-height: 42px;}
.news-list .hot{font-size: 20px;margin-bottom: 20px;}
.solution li .text1{bottom: 20px;}
.solution li h3{font-size: 18px;margin-bottom: 20px;}
.solution li .more a{width: 130px;height: 32px;line-height: 32px;}
.solution li .more a span{height: 32px;line-height: 32px;}
.solution li{margin-bottom: 20px;}
.solution2 .left,.solution2 .right{width: 100%;float: none;}
.solution2 .left .tit{font-size: 20px;font-weight: bold;}
.solution2 ul li::before{top: 8px;}
.solution2 .right{margin-top: 30px;}
}
@media screen and (max-width: 640px) {
.wap-search{right: 100px;}
.products ul,.news2 ul{display: block;}
.products li{margin-bottom: 30px;}
.news2 li{margin-bottom: 10px;}
.news2 li .text{padding: 15px 0 0 0;}
.news2 li .text h3 a,.news1 .text h3 a{font-size: 17px;line-height: 26px;}
.news2 li .text h3{margin-bottom: 0px;}

}