@charset "UTF-8";

@media screen and (max-width: 1800px) {
  html {
    font-size: 15px;
  }
 .w1600{width: 96%;}
 #nav li .v1{font-size: 16px;padding:0 15px;}
 .hd-search-form.in{width: 190px;}
 .a-img{height: auto;}
 .solution li{width: 33.33%;}
 .solution li a .txt .more2{margin-top: 15px;}
 
}
@media screen and (max-width: 1681px) {
  html {
    font-size: 14px;
  }
  .w1600{width: 96%;}
}
@media screen and (max-width: 1580px) {
  html {
    font-size: 14px;
  }
  
  
}
@media screen and (max-width: 1441px) {
  html {
    font-size: 13px;
  }
   .w1600{width: 96%;}
  .solution li{width: 33.33%;}
  .solution li a .txt .more2{margin-top: 15px;}
  #nav li .v1{font-size: 16px;padding:0 10px;}
  .top-side{padding-left: 15px;}
  .hd-search-form.in{width: 160px;}
  .a-img{height: auto;}
  .mapBox .one ul{position: initial;}
}
@media screen and (max-width: 1399px) {
  html {
    font-size: 12px;
  }
  .w1600{width: 96%;}
  .advantage{height: auto;padding: 20px;width: calc(100% - 50px);margin-top: 20px;}
  .index4 .box .pic{height: auto;}
  .index4 .box .text h4{font-size: 18px;font-weight: bold;margin-top: 20px;}
  .index4 .box .text p{font-size: 15px;line-height: 24px;margin: 12px 0 20px 0;height: 72px;-webkit-line-clamp:3;}
  .tab-container{margin-bottom: 20px;}
  .tab-container .width-auto{position: relative;width:100%;right: 0;}
  .tab-item .ico{width: 100%;height: 55px;margin-bottom:0px;}
  .tab-item .ico1,.tab-item .ico2,.tab-item .ico3,.tab-item .ico4,.tab-item .ico5,.tab-item.active .ico1,.tab-item.active .ico2,.tab-item.active .ico3,.tab-item.active .ico4,.tab-item.active .ico5{background-size: auto 30px;}
  .tab-item{padding: 0 30px 20px 30px;font-size: 16px;}
  .advantage::after{left: 10px;top: 10px;}
  .index4 .box .pic{width: 47%;}
  .index4 .box .text{width: 50%;}
  .index4 .box{align-items: flex-start;}
  .list a .tp{height: 263px;}
  .videos a .img{height: 266px;}
  .videos a .img .play{width:70px;height: 70px;background-size:auto 70px;}
  .list .swiper-button-prev{left: 35%;}
  .list .swiper-button-next{right: 35%;}
  .about4 .items .zs{height: 200px;}
  .about4 .items .zs img{height: 150px;}
}
@media screen and (max-width: 1320px) {
  html {
    font-size: 10px;
  }
   .w1600{width: 96%;}
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 10px;
  }
  .w1600,.w1100,.w1190{width: 94%;}
  #nav li .v1{padding: 0 10px;font-size: 16px;}
  .logo img{height: 50px;}
  #nav,.hd-search,.fix-window{display: none;}
  .wap-btn,.wap-search{display: block;}
  .wap-search .wap-ss{display: block;}
  .wap-search .wap-ss img{height: 30px;}
  .top-side{height: auto;}
  .wap-search{top: 30px;}
  .wap-btn{top: 34px;}
  .leftMenu{top: 88px;}
  .index1 .part1{align-items:center;}
  #countup .flex{justify-content: inherit;}
  .index1 .col-md-3{width:25.2%;padding-top: 30px;}
  #countup{flex-wrap: wrap;}
  .part2{padding-top: 35px;}
  .solution li{width: 33.33%;}
  .solution li a .txt .more2{margin-top: 15px;}
  .goods li{margin:26px 10px 0 10px;width: calc(25% - 20px);}
  .goods ul{margin: 0 -10px;}
  .goods li .s-logo img{height:40px;}
  .goods li a .img img{height: 200px;}
  .goods li a .text{padding: 0}
  .advantage{height: auto;padding: 20px;width: calc(100% - 50px);margin-top: 20px;}
  .index4 .box .pic{height: auto;}
  .index4 .box .text h4{font-size: 18px;font-weight: bold;margin-top: 20px;}
  .index4 .box .text p{font-size: 15px;line-height: 24px;margin: 12px 0 20px 0;height: 72px;-webkit-line-clamp:3;}
  .tab-container{margin-bottom: 20px;}
  .tab-container .width-auto{position: relative;width:100%;right: 0;}
  .tab-item .ico{width: 100%;height: 55px;margin-bottom:0px;}
  .tab-item .ico1,.tab-item .ico2,.tab-item .ico3,.tab-item .ico4,.tab-item .ico5,.tab-item.active .ico1,.tab-item.active .ico2,.tab-item.active .ico3,.tab-item.active .ico4,.tab-item.active .ico5{background-size: auto 30px;}
  .tab-item{padding: 0 10px 20px 10px;font-size: 16px;}
  .advantage::after{left: 10px;top: 10px;}
  .index4 .box .pic{width: 47%;}
  .index4 .box .text{width: 50%;}
  .index4 .box{align-items: flex-start;}
  .list a .tp{height: 230px;}
  .list .swiper-button-prev{left: 35%;}
  .list .swiper-button-next{right: 35%;}
  .partner li{height: 130px;}
  .partner li .tp img{height: 96px;}
  .videos a .img .play{width: 50px;height: 50px;background-size:auto 50px;}
  .videos a .img{height: 225px;}
  #about1 .part1{align-items: flex-end;}
  .culture li .xtb{transform:skewX(0deg);top: 30px;}
  .culture li:hover .xtb{animation: none;transform:skewX(0deg)}
  .about4 .items .zs{height: 200px;}
  .about4 .items .zs img{height: 150px;}
  .history-swiper{width: 100%}
  .join li .left{width:50%;}
  .join li .right{width:calc(50% - 60px);padding:0 30px}
  .join li,.join li .left .pic{height: 280px;}
  .join li h4{font-size: 30px;}
  .mapBox .left{width: 50%;}
  .mapBox .right{width: 48%;}
  .mapBox .one ul{position:initial;width: 150%;}
  .four-box li{margin: 0;width: 25%;}
  .four-box ul{display: flex;flex-wrap: wrap;}
  .four-box li img{height: 150px;}
  .place li a .img{height: 177px;}
  .productBox .left{width:230px;}
  .productBox .right{width: calc(100% - 290px);}
  .productBox .goods li{margin: 26px 18px 0 18px;}
    .contact1,.online{display: block;}
.contact1 .list1,.contact1 .number{width: 100%;border: none;display: block;text-align: left;height: auto;}
.contact1 .sao img{width: 150px;height: 150px;}
.contact1 .sao{width: 150px;text-align: center;}
.contact1 .sao p{width: 150px;}
.online .flex{display: block;}
.online .flex .flex_item{margin:0 0 10px 0;}
.online form{margin: 20px 0;}
.online .car input{width: calc(100% - 155px);}
.online textarea{padding: 10px;}
.online .want{margin-bottom: 15px;padding-left: 35px;}
.join-job .join-tt{padding-left: 30px;}
.join-job .list_dt{padding-left: 30px;}
.join-job .list_dd{padding:0px 30px 60px 30px}
.join-job .list_dt .list_dt_icon{right: 0;}
.tab-slider-mask-right,.tab-slider-mask-left{display: none;}
.tab-slider .swiper-button-next{right: 10px;}
.tab-slider .swiper-button-prev{left: 10px;}
.tab-slider{height: auto;}
.tabs01 a{width: calc(33.33% - 80px);padding: 35px 40px;}
.culture{padding: 35px 0 0 0;}
.title span{width: 80%;}
}

@media ( min-width:1025px ) and ( max-width:1100px ) {
  html {
    font-size: 10px;
  }
  .w1600,.w1100,.w1190{width: 94%;}
  #nav li .v1{padding: 0 10px;font-size: 16px;}
  .logo img{height: 50px;}
  #nav,.hd-search,.fix-window{display: none;}
  .wap-btn,.wap-search{display: block;}
  .wap-search .wap-ss{display: block;}
  .wap-search .wap-ss img{height: 30px;}
  .top-side{height: auto;}
  .wap-search{top: 30px;}
  .wap-btn{top: 34px;}
  .leftMenu{top: 88px;}
  .index1 .part1{align-items:center;}
  #countup .flex{justify-content: inherit;}
  .index1 .col-md-3{width:25.2%;padding-top: 30px;}
  #countup{flex-wrap: wrap;}
  .part2{padding-top: 35px;}
  .solution li{width: 33.33%;}
  .solution li a .txt .more2{margin-top: 15px;}
  .goods li{margin:26px 10px 0 10px;width: calc(25% - 20px);}
  .goods ul{margin: 0 -10px;}
  .goods li .s-logo img{height:40px;}
  .goods li a .img img{height: 200px;}
  .goods li a .text{padding: 0}
  .advantage{height: auto;padding: 20px;width: calc(100% - 50px);margin-top: 20px;}
  .index4 .box .pic{height: auto;}
  .index4 .box .text h4{font-size: 18px;font-weight: bold;margin-top: 20px;}
  .index4 .box .text p{font-size: 15px;line-height: 24px;margin: 12px 0 20px 0;height: 72px;-webkit-line-clamp:3;}
  .tab-container{margin-bottom: 20px;}
  .tab-container .width-auto{position: relative;width:100%;right: 0;}
  .tab-item .ico{width: 100%;height: 55px;margin-bottom:0px;}
  .tab-item .ico1,.tab-item .ico2,.tab-item .ico3,.tab-item .ico4,.tab-item .ico5,.tab-item.active .ico1,.tab-item.active .ico2,.tab-item.active .ico3,.tab-item.active .ico4,.tab-item.active .ico5{background-size: auto 30px;}
  .tab-item{padding: 0 10px 20px 10px;font-size: 16px;}
  .advantage::after{left: 10px;top: 10px;}
  .index4 .box .pic{width: 47%;}
  .index4 .box .text{width: 50%;}
  .index4 .box{align-items: flex-start;}
  .list a .tp{height: 220px;}
  .list .swiper-button-prev{left: 35%;}
  .list .swiper-button-next{right: 35%;}
  .partner li{height: 130px;}
  .partner li .tp img{height: 96px;}
  .tab-name{padding: 20px 0 5px 0;}
  .tab-name div{flex-wrap: wrap;margin: 0 -5px;justify-content: inherit;}
  .tab-name div a{width: calc(20% - 10px);margin: 0 5px 10px 5px;}
  .videos a .img{height: 215px;}
  .videos a .img .play{width: 50px;height: 50px;background-size:auto 50px;}
  #about1 .part1{align-items: flex-end;}
  .culture li .xtb{transform:skewX(0deg);top: 30px;}
  .culture li:hover .xtb{animation: none;transform:skewX(0deg)}
  .history-swiper{width: 100%}
  .join li .left{width:50%;}
  .join li .right{width:calc(50% - 60px);padding:0 30px}
  .join li,.join li .left .pic{height: 280px;}
  .mapBox{display: block;margin:40px 0 0 0;}
  .mapBox .left,.mapBox .right,.mapBox .one .txt1{width: 100%;}
  .mapBox .one ul{position:initial;width: 100%;margin: 0 -5px;}
  .mapBox .one li{width: calc(25% - 10px);margin: 0 5px 10px 5px;}
  .mapBox .one h5{font-size: 26px;padding-bottom: 12px;margin-bottom: 30px;}
  .mapBox .one h6{font-size: 24px;margin: 40px 0 30px 0;padding-bottom: 10px;}
  .mapBox .one h5::after, .mapBox .one h6::after{width: 32px;height: 2px;}
  .mapBox .countup-txt{padding-bottom: 15px;}
  .mapBox .right{padding-top: 50px;}
  .news-detail .right{width: 300px;}
  .news-detail .left{width: calc(100% - 390px);padding:40px 30px}
  .four-box li{margin: 0;width: 25%;}
  .four-box ul{display: flex;flex-wrap: wrap;}
  .four-box li img{height: 150px;}
  .place li a .img{height: 230px;}
  .productBox .left{width:210px;}
  .productBox .right{width: calc(100% - 260px);}
  .productBox .goods li{margin: 26px 18px 0 18px;}
  .contact1,.online{display: block;}
.contact1 .list1,.contact1 .number{width: 100%;border: none;display: block;text-align: left;height: auto;}
.contact1 .sao img{width: 150px;height: 150px;}
.contact1 .sao{width: 150px;text-align: center;}
.contact1 .sao p{width: 150px;}
.online .flex{display: block;}
.online .flex .flex_item{margin:0 0 10px 0;}
.online form{margin: 20px 0;}
.online .car input{width: calc(100% - 155px);}
.online textarea{padding: 10px;}
.online .want{margin-bottom: 15px;padding-left: 35px;}
.contact1 .number{margin-bottom: 30px;}
.join-job .join-tt{padding-left: 30px;}
.join-job .list_dt{padding-left: 30px;}
.join-job .list_dd{padding:0px 30px 60px 30px}
.tab-slider-mask-right,.tab-slider-mask-left{display: none;}
.tab-slider .swiper-button-next{right: 10px;}
.tab-slider .swiper-button-prev{left: 10px;}
.tab-slider{height: auto;}
.tabs01 a{width: calc(33.33% - 80px);padding: 35px 40px;}
.title span{width: 80%;}
}
@media screen and (max-width: 1024px) {
.goods li .s-logo img{height:40px;}
.wap-btn{top: 16px;}
.wap-search{top: 12px;}
.leftMenu{top: 70px;}
.w1600,.w1100,.w1190{width: 94%;}
.pc-img,#nav,.hd-search,.fix-window{display: none;}
.wap-img,.wap-btn,.wap-search{display: block;}
.logo img{height: 40px;}
.logo{height:50px}
.banner{margin-top: 70px;}
.wap-search .wap-ss{display: block;}
.wap-search .wap-ss img{height: 30px;}
.top-side{height: auto;}
#header{padding: 10px 0;}
.banner .swiper-pagination{bottom: 20px;}
.title h3{font-size: 32px;}
.index1 .part1{align-items:center;}
.index1 .pic video, .index1 .pic img{height: auto;}
.index1 .we{margin-top: 30px;}
#countup .flex{justify-content: inherit;}
.index1 .col-md-3{width:27%;padding-top: 30px;}
#countup{flex-wrap: wrap;}
.part2{padding-top: 35px;}
.solution li{width: 50%;}
.tab-name{padding: 20px 0 5px 0;}
.tab-name div{flex-wrap: wrap;margin: 0 -5px;justify-content: inherit;}
.goods li{margin:26px 10px 0 10px;width: calc(25% - 20px);}
.goods ul{margin: 0 -10px;}
.tab-name div a{width: calc(20% - 10px);margin: 0 5px 10px 5px;}
.goods li a .img img{height: 200px;}
.goods li a .text{padding-top:0px;}
.solution li a .txt .more2{margin-top: 15px;}
.advantage{height: auto;padding: 20px;width: calc(100% - 50px);margin-top: 20px;}
.index4 .box .pic{height: auto;}
.index4 .box .text h4{font-size: 18px;font-weight: bold;margin-top: 20px;}
.index4 .box .text p{font-size: 15px;line-height: 24px;margin: 12px 0 20px 0;height: 72px;-webkit-line-clamp:3;}
.tab-container{margin-bottom: 20px;}
.tab-container .width-auto{position: relative;width:100%;right: 0;}
.tab-item .ico{width: 100%;height: 55px;margin-bottom:0px;}
.tab-item .ico1,.tab-item .ico2,.tab-item .ico3,.tab-item .ico4,.tab-item .ico5,.tab-item.active .ico1,.tab-item.active .ico2,.tab-item.active .ico3,.tab-item.active .ico4,.tab-item.active .ico5{background-size: auto 30px;}
.tab-item{padding: 0 10px 20px 10px;font-size: 16px;}
.advantage::after{left: 10px;top: 10px;}
.index4 .box .pic{width: 45%;}
.index4 .box .text{width: 50%;}
.index4 .box{align-items: flex-start;}
.caseSwiper .swiper-button-next{right: 6%;}
.caseSwiper .swiper-button-prev{left: 6%;}
.caseSwiper{padding: auto;padding:100px 0 60px 0}
.list .swiper-button-prev{left: 25%;}
.list .swiper-button-next{right: 25%;}
.partner li{height: 130px;}
.partner li .tp img{height: 96px;}
.videos a .img .play{width: 50px;height: 50px;background-size:auto 50px;}
/* 关于我们 */
#header.no-fix{height: 50px;}
.ny-banner{height: 260px;}
.banner-text h3{font-size:32px;padding-bottom: 10px;}
.banner-text p{font-size: 18px;}
.sub_nav{display: none;}
.brand{height:auto;line-height:24px;padding: 10px 0;}
.title2 h3{font-size: 32px;}
.culture li .xtb{transform:skewX(0deg);top: 30px;}
.culture li:hover .xtb{animation: none;transform:skewX(0deg)}
.culture li{margin: 0 10px 20px 10px;position: relative;background: #fff;width: calc(50% - 60px);padding:30px 20px;}
.culture ul{margin: 0 -10px;}
.culture li p{left: 20px;}
.culture{padding-top: 30px;}
.about4 .swiper-button-next, .about4 .swiper-button-prev,.about4 .swiper-button-next:hover, .about4 .swiper-button-prev:hover{background-size: auto 40px;}
.about4 .items .zs{box-shadow: 0 0 12px rgba(0,0,0,0.15);}
.about4 .swiper-button-next{right: 20px;}
.about4 .swiper-button-prev{left: 20px;}
.about4 .items .swiper{padding: 30px 10px 0 10px}
.tabs2 a span{padding-left: 8px;}
.tabs2{margin-top: 30px;}
.tab-list2{padding-bottom: 30px;}
.about4 .items p{font-size: 18px;}
.about5 .images img{margin-top: 30px;}
.history-swiper{padding-top: 0px;width: 100%;height: auto;}
.about3 dl{width: 100%;padding:30px 0;position:initial;}
.about3 dd p{font-size: 16px;padding:0;-webkit-line-clamp:none}
.about3 .histroy{background: none;}
.about3 dt{padding: 0;font-size: 26px;}
.about3 dl.d2{padding:30px 0;border-top: 1px solid #dfdfdf;position:relative;top: auto;left: auto;right: auto;bottom: auto;}
.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2,.history-swiper .swiper-slide.swiper-slide-active dl.d2, .history-swiper .swiper-slide.swiper-slide-prev dl.d2{top: auto;left: auto;}
.about3 dl.d2::before{content: "";display: block;position: absolute;width: 20px;height: 20px;background: #fff;border:1px solid #b22323;border-radius: 50%;top: -11px;left: 50%;transform: translate(-50%,0);}
.about3 dl.d2::after{content: "";display: block;position: absolute;width: 10px;height: 10px;background: #b22323;border-radius: 50%;top: -5px;left: 50%;transform: translate(-50%,0);}
.about3{padding-bottom: 40px;}
.is-compact .fancybox__footer{display: none;}
#about1 .part1{align-items: flex-end;}
.wordBox li{padding: 0 30px;}
.wordBox li a .left{width:90px;}
.wordBox li a .right{width: calc(100% - 130px);}
.join li .left{width:50%;}
.join li .right{width:calc(50% - 40px);padding:0 20px}
.join li,.join li .left .pic{height: 240px;}
.more a{font-size: 16px;height: 40px;width: 128px;}
.join li h4{font-size: 20px;}
.join li p{font-size: 16px;line-height: 26px;height: auto;}
.mapBox{display: block;margin:40px 0 0 0;}
.mapBox .left,.mapBox .right,.mapBox .one .txt1{width: 100%;}
.mapBox .one ul{position:initial;width: 100%;margin: 0;}
.mapBox .one li{width: calc(25% - 10px);margin: 0 5px 10px 5px;height: 70px;}
.mapBox .one li img{height: 60px;}
.mapBox .one h5{font-size: 26px;padding-bottom: 12px;margin-bottom: 30px;}
.mapBox .one h6{font-size: 24px;margin: 40px 0 30px 0;padding-bottom: 10px;}
.mapBox .one h5::after, .mapBox .one h6::after{width: 32px;height: 2px;}
.mapBox .countup-txt{padding-bottom: 15px;}
.mapBox .right{padding-top: 50px;}
.caseBox .list li{margin:0 12px 24px 12px;width: calc(33.33% - 24px);}
.caseBox2 .list li{margin:0 12px 24px 12px;width: calc(33.33% - 24px);}
.caseBox .list ul{margin: 0 -12px;}
.news-detail .left,.news-detail .right{width:calc(100% - 30px);padding: 25px 15px;background: #fff;}
.news-detail{display: block;padding-top: 40px;}
.case-box .casebox .list li a .tp{height:172px;}
.list a .txt1{padding:20px;width:calc(100% - 40px);}
.list a .txt1 h4{font-size:18px}
.caseBox .list.on li{width:calc(50% - 20px);margin:0 10px 20px 10px;}
.four-box li{margin: 0;width: 25%;}
.four-box ul{display: flex;flex-wrap: wrap;}
.four-box li img{height: 120px;}
.showBox1 .caseBox .list a .tp{height: 175px;}
.place li{margin: 30px 12px 15px 12px;width:calc(50% - 24px);}
.place li a .img{height: 256px;}
.productBox .left{width:210px;}
.productBox .right{width: calc(100% - 260px);}
.productBox .goods li{width: calc(50% - 20px);margin: 0 10px 20px 10px;}
.cp-name{margin-bottom: 30px;}
.detail1 .right,.detail1 .left{width: 100%;}
.detail1 .top{display: block;}
.detail1 .right{padding-top: 40px;}
.contact1,.online{display: block;padding: 35px 0;}
.contact1 .list1,.contact1 .number{width: 100%;border: none;display: block;text-align: left;height: auto;}
.contact1 h2,.online h3{font-size: 18px;padding-bottom: 15px;margin-bottom: 0;}
.contact1 p,.online p{font-size: 14px;line-height: 24px;}
.contact1 .number h3{font-size: 26px;background-size: auto 46px;padding-left: 60px;}
.contact1 .sao img{width: 150px;height: 150px;}
.contact1 .sao{width: 150px;text-align: center;}
.contact1 .sao p{width: 150px;}
.online .flex{display: block;}
.online .flex .flex_item{margin:0 0 10px 0;}
.online form{margin: 20px 0;}
.online .flex input,.online textarea{padding: 0 10px;font-size: 14px}
.online .car input{width: calc(100% - 155px);}
.online textarea{padding: 10px;}
.online .want{margin-bottom: 15px;padding-left: 35px;}
.join-job .join-tt{padding-left: 20px;}
.join-job .list_dt{padding-left: 20px;}
.join-job .list_dd{padding:0px 20px 60px 20px}
.join-job .list_dt .list_dt_icon{right: 0;}
.join-job .join-tt span, .join-job .list_dt span{font-size: 18px;}
.join-job .list_dt span{font-size: 16px;}
.join-job .list_dd p{font-size: 14px;line-height: 24px;}
.tab-slider-mask-right,.tab-slider-mask-left{display: none;}
.tab-slider .swiper-button-next{right: 10px;}
.tab-slider .swiper-button-prev{left: 10px;}
.tab-slider{height: auto;}
.tabs01 a{width: calc(33.33% - 80px);padding: 35px 40px;}
.title span{width: 90%;}
}
@media ( min-width:770px ) and ( max-width:999px ) {



}
@media screen and (max-width: 769px) {
.w1600,.w1100,.w1190{width: 94%;}
.pc-img,#nav,.hd-search,.fix-window{display: none;}
.wap-img,.wap-btn,.wap-search{display: block;}
.logo img{height: 40px;}
.logo{height:50px}
.banner{margin-top: 70px;}
.wap-search .wap-ss{display: block;}
.wap-search .wap-ss img{height: 30px;}
.top-side{height: auto;}
#header{padding: 10px 0;}
.banner .swiper-pagination{bottom: 15px;}
.index1 .left,.index1 .right,.index1 .pic{width: 100%;}
.index1 .part1{display: block;}
.title h3{font-size: 22px;}
.index1,.index2,.index3,.index4,.index5,.index6,.index7,.about2,.about4,.about3,.about5{padding:36px 0 40px 0;}
.title em{padding-top: 0px;}
.index1 .we{margin-top: 20px;}
.index1 .we p{font-size: 14px;line-height: 24px;}
.index1 .we p{min-height: auto;}
.index1 .more{margin: 20px 0 0 0;}
.index1 .pic{margin-top: 30px;}
.part2{padding-top: 10px;}
#countup{flex-wrap: wrap;}
#countup .flex{display: block;}
.index1 .col-md-3{width: 50%;text-align: center;padding-top: 20px;}
.index1 .col-md-3 img{height: 40px;}
.countup-txt p::before{left: 50%;transform: translate(-50%,0);}
.countup-txt{padding:0;}
.countup-txt h4 em{font-size: 16px;}
.more a{height: 38px;width: 130px;font-size: 14px;}
.solution{padding-top: 20px;}
.solution li .text{padding:40px 15px 25px 15px;width: calc(100% - 30px);}
.solution li a .name h4{font-size: 16px;}
.solution li img{height: 24px;}
.solution li a .txt .more2{margin-top: 15px;}
.tab-name{overflow-x: scroll;padding: 20px 0 0 0;}
.tab-name div{width: 500%;}
.tab-name::-webkit-scrollbar {width:2px;}/* 滚动槽宽度 */
.tab-name::-webkit-scrollbar-track { background-color:transparent; border-radius:0px;}
.tab-name::-webkit-scrollbar-thumb { background-color:transparent;} /* 滚动条滑块默认状态 */
.tab-name::-webkit-scrollbar-thumb:window-inactive { background-color:transparent;} /* 滚动条滑块点击状态 */
.goods ul{margin: 0 -7px;}
.goods li{width: calc(50% - 14px);margin:15px 7px 0 7px;}
.goods li a .text h4{font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods li a .text{padding: 0;}
.goods li a .img img{height: 178px;}
.goods li .s-logo img{height: 20px;}
.goods li .s-logo{left: 10px;top: 10px;}
.goods li a .text p{margin: 6px 8px 15px 8px;}
.goods li a .text p span{display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.title span{line-height: 24px;width: 100%;}
.index4 .box .text,.index4 .box .pic{width: 100%;}
.advantage{height: auto;padding: 20px;width: calc(100% - 50px);margin-top: 20px;}
.index4 .box{display: block;}
.index4 .box .pic{height: auto;}
.index4 .box .text h4{font-size: 16px;font-weight: bold;margin-top: 20px;}
.index4 .box .text p{font-size: 14px;line-height: 24px;margin: 12px 0 20px 0;height: 72px;-webkit-line-clamp:3;}
.tab-container{overflow-x: scroll;margin-bottom: 20px;}
.tab-container .width-auto{position: relative;width:170%;right: 0;}
.tab-item .ico{width: 100%;height: 55px;margin-bottom:0px;}
.tab-item .ico1,.tab-item .ico2,.tab-item .ico3,.tab-item .ico4,.tab-item .ico5,.tab-item.active .ico1,.tab-item.active .ico2,.tab-item.active .ico3,.tab-item.active .ico4,.tab-item.active .ico5{background-size: auto 30px;}
.tab-item{padding: 0 10px 20px 10px;font-size: 16px;}
.tab-container::-webkit-scrollbar {width:2px;}
.tab-container::-webkit-scrollbar-track { background-color:transparent; border-radius:0px;}
.tab-container::-webkit-scrollbar-thumb { background-color:transparent;} /* 滚动条滑块默认状态 */
.tab-container::-webkit-scrollbar-thumb:window-inactive { background-color:transparent;} /* 滚动条滑块点击状态 */
.advantage::after{left: 10px;top: 10px;}
.caseSwiper .swiper-button-next{right: 2%;}
.caseSwiper .swiper-button-prev{left: 2%;}
.caseSwiper .swiper-slide-active{transform: scale(1);}
.caseSwiper{padding: 20px 0 0 0;}
.goods li a .more3{font-size: 14px;}
.caseSwiper .swiper-button-next::after,.caseSwiper .swiper-button-prev::after,.caseSwiper .swiper-button-prev:hover::after,.caseSwiper .swiper-button-next:hover::after{background-size: auto 40px;}
.tab1 a{width: 28%;margin: 0 5px;font-size: 15px;}
.tab1{padding: 20px 0;}
.list a .tp{height: 240px;}
.list a .txt1 h4,.list a .txt2 h4{font-size: 16px;}
.list a .txt1,.list a .txt2{padding:15px;width: calc(100% - 30px);}
.list .swiper-pagination{display: none;}
.list .swiper-button-next{right: 38%;}
.list .swiper-button-prev{left: 38%;}
.list .swiper{padding-bottom: 40px;}
.partner li{width: calc(50% - 10px);height: 130px;}
.partner li .tp img{height: 100px;}
.partner{padding-top: 20px;}
.foot1 .right{display: none;}
.foot1 .left{width: 100%;}
.foot1{display: block;padding:30px 0 25px 0}
.f-logo img{height: 50px;}
.foot1 .way p{line-height: 24px;margin-top: 0;}
.foot1 .way{padding-top: 15px;}
.tab-name div a{width:9%;}
/* 关于我们 */
#header.no-fix{height: 50px;}
.ny-banner{height: 200px;}
.banner-text h3{font-size: 24px;padding-bottom: 10px;}
.banner-text p{font-size: 16px;}
.sub_nav{display: none;}
.brand{height:auto;line-height:24px;padding: 10px 0;}
.title2 h3{font-size: 22px;}
.culture li .xtb{position: relative;right: auto;left: 0px;top: 0;transform:skewX(0deg);margin-bottom: 15px;}
.culture li{margin: 0 5px 10px 5px;position: relative;background: #fff;width: calc(50% - 30px);padding: 20px 10px;height: 140px;text-align: center;}
.culture ul{margin: 0 -5px;}
.culture li h4{font-size: 16px;margin-bottom: 10px;}
.culture li p{font-size: 14px;bottom: 0px;left:0px;width:100%;line-height: 24px;position: inherit;}
.culture li:hover .xtb{animation: none;transform:skewX(0deg)}
.culture{padding-top: 20px;}
.about4 .swiper-button-next, .about4 .swiper-button-prev,.about4 .swiper-button-next:hover, .about4 .swiper-button-prev:hover{background-size: auto 30px;}
.about4 .items .zs{box-shadow: 0 0 12px rgba(0,0,0,0.15);}
.about4 .swiper-button-next{right: 0px;}
.about4 .swiper-button-prev{left: 0px;}
.about4 .items .swiper{padding: 30px 10px 0 10px}
.tabs2 a img{height: 16px;}
.tabs2 a{font-size: 15px;}
.tabs2 a span{padding-left: 5px;}
.tabs2{margin-top: 20px;}
.tab-list2{padding-bottom: 30px;}
.about4 .items p{font-size: 15px;}
.about5 .images img{margin-top: 20px;}
.history-swiper{padding-top: 0px;width: 100%;height: auto;}
.about3 dl{width: 100%;padding:30px 0;position:initial;}
.about3 dd p{font-size: 14px;padding:0;-webkit-line-clamp:none}
.about3 .histroy{background: none;}
.about3 dt{padding: 0;font-size: 22px;}
.about3 dl.d2{padding:30px 0;border-top: 1px solid #dfdfdf;position:relative;top: auto;left: auto;right: auto;bottom: auto;}
.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2,.history-swiper .swiper-slide.swiper-slide-active dl.d2, .history-swiper .swiper-slide.swiper-slide-prev dl.d2{top: auto;left: auto;}
.about3 dl.d2::before{content: "";display: block;position: absolute;width: 20px;background: #fff;height: 20px;border:1px solid #b22323;border-radius: 50%;top: -11px;left: 50%;transform: translate(-50%,0);}
.about3 dl.d2::after{content: "";display: block;position: absolute;width: 10px;height: 10px;background: #b22323;border-radius: 50%;top: -5px;left: 50%;transform: translate(-50%,0);}
.about3{padding-bottom: 0;}
.is-compact .fancybox__footer{display: none;}
/* 内页 */
.wordBox, .showBox1, .showBox2, .wordBox2, .wordBox3{padding: 40px 0;}
.wordBox li .text{display: block;height: auto;}
.wordBox li a .left,.wordBox li a .right{width: 100%;display: block;font-size: 14px;}
.wordBox li{padding: 20px 15px;margin-bottom: 10px;}
.wordBox .list{padding:20px 0}
.wordBox li a .text1{width: 100%;padding:10px 0}
.wordBox li a .text1 p{font-size: 15px;}
.wordBox li a .more2 span{font-size: 14px;background-size: auto 4px;margin:0;padding-right: 25px;}
.join li{display:block;margin-bottom: 15px;height: auto;}
.join li .left,.join li .right{width: 100%;}
.join li .right{padding: 20px 15px;width: calc(100% - 30px);}
.join li .left .pic{height: 160px;}
.join li h4{font-size: 18px;margin-bottom: 8px;}
.join li p{font-size: 14px;height: auto;-webkit-line-clamp: none;line-height: 24px;}
.join{padding: 20px 0;}
.join li .more{margin-top: 14px;}
.mapBox{display: block;margin:20px 0 0 0;}
.mapBox .left,.mapBox .right,.mapBox .one .txt1{width: 100%;}
.mapBox .one ul{position:initial;width: 100%;margin: 0;}
.mapBox .one li{width: calc(50% - 10px);margin: 0 5px 10px 5px;height: 70px;}
.mapBox .one li img{height: 60px;}
.mapBox .one h5{font-size: 20px;padding-bottom: 12px;margin-bottom: 20px;}
.mapBox .one h6{font-size: 18px;margin: 25px 0 20px 0;padding-bottom: 10px;}
.mapBox .one h5::after, .mapBox .one h6::after{width: 32px;height: 2px;}
.mapBox .one p{font-size: 14px;line-height: 24px;}
.mapBox .countup-txt{padding-bottom: 15px;}
.mapBox .right{padding-top: 20px;}
.mapBox .countup-txt h4{font-size: 14px;}
.caseBox .list li{margin:0 5px 10px 5px;width: calc(50% - 10px);}
.caseBox .list ul{margin: 0 -5px;}
.caseBox{padding: 20px 0;}
.videos a .wz{height: auto;line-height: 24px;font-size: 15px;padding:10px;}
.videos a .img{height: 225px;}
.news-detail .left,.news-detail .right{width:calc(100% - 30px);padding: 25px 15px;background: #fff;}
.news-detail{display: block;padding-top: 40px;}
.news-detail .left .nn-tit .t1{font-size: 18px;line-height: 28px;}
.news-detail .left p{font-size: 14px;line-height: 24px;}
.news-detail .left .nn-tit{margin-bottom: 24px;}
.fenye{padding: 20px 0 0 0;margin-top: 20px;font-size: 14px;line-height: 24px;}
.fenye .wz a{font-size: 14px;line-height: 24px;width: calc(100% - 60px);}
.back-ss{position: initial;width: 152px;margin-top: 10px;}
.back-ss a{height: 38px;line-height: 38px;font-size: 15px;}
.back-ss a span{background-size: auto 20px;padding-left: 30px;}
.news-detail .right{margin-top: 15px;}
.white-bg{padding:0}
.hot{font-size: 18px;}
.news-detail .right .time{padding-top: 8px;font-size: 13px;}
.news-detail .right li p a{font-size: 15px;}
.news-detail .right li{padding:15px 0;}
.title4{font-size: 20px;}
.case-box .list a .tp{height:auto;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after,.banner .swiper-button-next:hover::after,.banner .swiper-button-prev:hover::after{background-size:auto 30px}
.banner .swiper-button-next{right:0;}
.banner .swiper-button-prev{left:0}
.solution li{width:100%;}
.news1 .left a{height: 200px;}
.news1{display: block;}
.news1 .left,.news1 .right{width: 100%;height: auto;}
.news1 .text{padding: 15px;}
.news1 .text h4 a{font-size: 16px;margin: 10px 0;}
.news1 .text .time{font-size: 14px;}
.news1 .text p{font-size: 14px;line-height: 24px;}
.news1 .text .more{margin-top:15px;}
.caseBox .list.on li{width: 100%;}
.news1{margin-bottom: 15px;}
.showBox1 .caseBox .list a .tp{height: 182px;}
.showBox1 .caseBox .list a .txt2 h4{margin: 0;}
.four-box li h4{font-size: 16px;padding: 10px 0 20px 0;}
.four-box li{margin: 0;width: 50%;}
.four-box ul{display: flex;flex-wrap: wrap;}
.four-box li img{height: 100px;}
.four-box{padding: 20px 0 0 0;}
.place{padding-top: 20px;}
.place li{margin: 0 8px 15px 8px;width: calc(50% - 16px);}
.place li a .text h4{font-size: 16px;}
.place li a .text{padding-top: 18px;}
.place li a .text p{width: 92%;font-size: 14px;line-height: 24px;height: 48px;margin: 10px auto;}
.place li a .more3{font-size: 14px;width: 134px;}
.place li a .img{height: 225px;}
.productBox .goods li{width: calc(50% - 14px);margin: 15px 7px 0 7px;}
.productBox,.pp-detailbox{display: block;padding:40px 0;}
.productBox .left,.productBox .right,.pp-detailbox .left,.pp-detailbox .right{width: 100%;}
.productBox .left h4{margin: 0 0 20px 0;}
.pp-detailbox .right{margin-top:30px;}
.cp-name{font-size: 20px;margin: 30px 0 5px 0}
.detail1 .right,.detail1 .left{width: 100%;}
.detail1 .top{display: block;}
.detail1 .back{padding:40px 0 20px 0}
.detail1 .back a{height: 40px;line-height: 40px;font-size: 16px;width: 130px;}
.ppSwiper2 .swiper-slide .s-logo{top: 10px;left: 10px;background-size: auto 50px;}
.ppSwiper .swiper-slide img{height:70px;}
.ppSwiper .swiper-slide .s-logo{background-size: auto 16px;top: 5px;left: 5px;}
.ppSwiper2{margin-bottom: 15px;}
.detail1 .right{padding-top: 30px;}
.detail1 .pp-name{font-size: 18px;padding-bottom: 10px;}
.detail1 li{font-size: 14px;line-height: 24px;padding:8px 0;}
.phone{background-size: auto 32px;font-size: 16px;padding:15px 0 15px 45px;margin:20px 0;}
.phone h3{font-size: 20px;}
.detail1{padding-bottom: 40px;}
.detail2 .name1{font-size: 22px;padding-top: 40px;}
.detail2 p{font-size: 14px;line-height: 24px;align-items: flex-start;}
.detail2 .step2 p img{padding-top: 4px;}.news-detail .left .nn-tit .t2{font-size: 14px;}.news-detail .left .nn-tit .t2 span{margin: 0 5px;}
.solution li a .txt p{height: auto;}
.contact1,.online{display: block;padding: 35px 0;}
.contact1 .list1,.contact1 .number{width: 100%;border: none;display: block;text-align: left;height: auto;}
.contact1 h2,.online h3{font-size: 18px;padding-bottom: 15px;margin-bottom: 0;}
.contact1 p,.online p{font-size: 14px;line-height: 24px;}
.contact1 .number h3{font-size: 26px;background-size: auto 46px;padding-left: 60px;}
.contact1 .sao img{width: 150px;height: 150px;}
.contact1 .sao{width: 150px;text-align: center;}
.contact1 .sao p{width: 150px;}
.online .flex{display: block;}
.online .flex .flex_item{margin:0 0 10px 0;}
.online form{margin: 20px 0;}
.online .flex input,.online textarea{padding: 0 10px;font-size: 14px}
.online .car input{width: calc(100% - 155px);}
.online textarea{padding: 10px;}
.online .want{margin-bottom: 15px;padding-left: 35px;}
.contact1 .number{margin-bottom: 0px;}
.join-job .list_dt span.yc,.join-job .join-tt{display: none;}
.join-job .list_dt{padding: 20px 0 20px 15px;margin-bottom: 12px;}
.join-job .list_dt span{font-size: 16px;width: 86%;}
.join-job .list_dd p{font-size: 14px;line-height: 24px;}
.join-job .list_dd{padding:0 15px 30px 15px;margin-bottom: 12px;margin-top: -30px;}
.join-job .list_dt .list_dt_icon{right: -12px;height: 22px;}
.ny-banner{margin-top: 0px;}
.tabs01 a{width:100%;padding: 15px 0;justify-content: center;}
.tabs01{justify-content: center;margin: 30px 0;}
.tabs01 a span em{font-size: 16px;}
.tabs01 a span{font-size: 14px;}
.tab-advantage-title{font-size: 20px;margin-bottom:5px;}
.tab-advantage{padding-bottom: 30px;}
.tab-slider-mask-right,.tab-slider-mask-left{display: none;}
.tab-slide{padding:10px 14px;width: calc(100% - 28px);}
.slider-title{font-size: 16px;margin: 5px 0;}
.tab-slider{height: auto;margin-bottom: 0;}
.tab-slider .swiper-pagination span{height: 10px;width: 10px;margin: 0 6px;}
.tab-slider .swiper{padding-bottom: 30px;}
.login .box ul{flex-wrap:wrap;}
.login .box1 li,.login .box2 li{width: 100%;}
.login input{height: 40px;padding: 0 10px;}
.login .yzm img,.login .yzm{height: 38px;}
.login .box li{margin-bottom: 12px;}
.login label{margin-bottom: 8px;}
.login{padding: 25px 0 0 0;}
.login .text{padding-bottom: 30px;}
.join-job{margin-top: 25px;}
.join-job .list_dt_icon,.join-job #open .list_dt_icon{background-size: auto 18px;height: 20px;}
.join-job .more{margin-top: 30px;}
.caseBox2 .list li{width: calc(50% - 12px);margin: 0 6px 20px 6px;}
.caseBox2 .list ul{margin: 0 -6px;}
.caseBox2 .list a .tp{height: 150px;}
}
@media screen and (max-width: 650px) {
.join li .left .pic{height: 122px;}
.showBox1 .caseBox .list a .tp{height: 122px;}
.caseBox{padding: 20px 0;}
.caseBox .videos li a .img{height: 120px;}
.case-box .caseBox .list ul,.case-box .caseBox2 .list ul{display: block;margin: 0;}
.case-box .caseBox .list li{margin:0 0 10px 0;width: 100%;}
.videos a .img .play{width: 40px;height: 40px;background-size:auto 40px;}
.list a .txt1 h4, .list a .txt2 h4{font-size: 14px;}
.showBox1 .caseBox .list a .txt2 h4{margin: 0;}
.four-box li img{height:80px;}
.place li{margin: 0 0 15px 0;width: 100%;}
.place ul{display: block;margin: 0;}
.place li a .img{height: auto;}.ny-banner{margin-top: 70px;}.caseBox .list ul{display: block;margin: 0;}.caseBox .list li{width: 100%;margin:0 0 15px 0}.goods li a .text p span{padding-left: 15px;}

}