@media only screen and (max-width: 1600px){
  .banner .swiper-container .swiper-slide .cont h1{font-size: 60px;}
  
  .product-box .title-box{top: 30%;left:10%;}
  .product-box .pro-item.item-one .title-box.box-fu{right: 5%;}

  .news-swiper .content-box{padding: 30px 60px;}
  .news-swiper .swiper-slide .cont-box{padding: 40px 10px;}
  .news-swiper .swiper-button-next, .news-swiper .swiper-button-prev{width: 60px;height: 60px;}

  .foot-box{padding: 30px 15px 0 15px;}

  .about-company .pic-box .num-box .num-item{padding-top: 50px;}
}

@media only screen and (max-width: 1480px){
  .header{padding: 0 40px;}
  .banner .swiper-container .swiper-slide .cont h1{font-size: 32px;}

  .company-profile{height: 40vw;}
  .company-profile .content .list{padding-top: 40px;}
  .company-profile .content .line{font-size:24px;line-height: 1.864;}
  .company-profile .content .line.bottom::after{height: 6px;bottom:8px;}

  .product-box .pro-item.item-one .title-box .title{font-size: 48px;}
  .product-box .pro-item .more{padding-top: 25px;}
  .product-box .pro-item.item-one .more{padding-top: 30px;}
  .product-box .title-box .title{font-size: 32px;}
  .product-box .pro-item.item-two .title-box{left: 5%;}

  .news-swiper{padding: 30px 15px;}     
  .news-swiper .content-box{padding: 15px 20px;}
  .news-swiper .content-box .cont{padding-top: 30px;}
  .news-swiper .content-box .title{font-size: 24px;}
  .news-swiper .content-box .sub-title{font-size: 24px;}
  .news-swiper .swiper-slide .cont-box{padding: 25px 10px;}
  .news-swiper .swiper-slide .cont-box .title{font-size: 16px;}
  .news-swiper .swiper-button-next, .news-swiper .swiper-button-prev{width: 46px;height: 46px;}

  .about-box{ padding:80px 0 54px 0;}
  .about-company .cont-box{padding: 4vw 4vw 0 2.5vw;}
  .about-company .cont-box .title{font-size: 48px;padding-bottom: 30px;}
  .about-company .cont-box .cont{font-size: 16px;}
  .about-company .pic-box .num-box .tit{font-size: 36px;}
  .about-company .pic-box .num-box .num-item:last-of-type .tit{font-size: 28px;}

  .about-function .function-box .cont-box{padding: 0 40px;}
}

@media only screen and (max-width: 1200px){

  .about-company .cont-box .title{font-size: 36px;padding-bottom:20px;}
  .about-company{display: block;}
  .about-company .pic-box{width: 100%;}
  .about-company .cont-box{width: 100%;padding: 30px;}

  .about-project .part1{padding:0 15px;border-bottom: 10px solid #fff;}
  .about-project .title{padding: 50px 0 30px 0;font-size: 30px;}
  .about-project .list-one li {height: 200px;padding: 0;}
  .about-project .list-one li img{width: 60px;}
  .about-project .list-one li .cont-box .tit{font-size: 24px;}
  .about-project .list-one li .cont-box .cont{font-size: 14px;}
  .about-project .part2{padding:0 15px 60px 15px;}
  .about-project .list-two li{height:180px;padding-top: 40px;}
  .about-project .list-two li img{height:50px;}
  .about-project .list-two li .tit{font-size: 18px;}

  .about-function{padding-top: 60px;}
  .about-function .function-box .cont-box .title{font-size: 28px;}
  .about-function .function-box .cont-box .sub-tit{font-size: 16px;}
  .about-function .function-box .cont-box .cont{font-size: 18px;padding-top:25px;}
  .about-function .function-box .cont-box .more{font-size: 14px; width: 100px; height: 40px;margin-top: 20px;}
  .about-function .function-box .cont-box .more .right { width: 15px; height: 15px; margin-left: 5px; }

  
 .w1200{padding: 40px 30px;}
 .news-details{padding: 80px 30px 50px 30px;}
 .news-contain .title{font-size: 26px;padding-bottom: 20px;}

 .join-part1 .w1200{ padding:40px 15px;}

 .details-part1 .content{padding-bottom: 60px;}
 .details-part1 .swiper-container{padding-bottom: 45px;}
 .details-part1 .swiper-pagination{display: block;}
 .details-part1 .swiper-pagination-bullet-active{background-color: #e16833;}
 
}

@media only screen and (max-width: 1024px){
  .header{height: 60px;padding: 0 75px 0 15px;}
  .menu-handler{display: block;}
  .nav-link{display: none;}

  .company-profile{height: 60vw;}
  .company-profile .content .line{font-size: 18px;}

  .brand-list .swiper-container .swiper-slide .en-tit{padding-bottom: 25px;}
  .brand-list .swiper-container .swiper-slide .en-tit span{bottom: 35px; font-size:20px;}
  .brand-list .swiper-container .swiper-slide:hover .en-tit span{font-size:28px;}
  .brand-list .swiper-container .swiper-slide .title{font-size:22px;padding-top: 25px;}
  .brand-list .swiper-container .swiper-slide .cont{font-size: 14px;}

  .product-box .pro-item.item-one .title-box.box-fu {right: auto;left: 10%;top: 60%;}
  .product-box .pro-item.item-one .title-box.box-fu .title{display: none;}
  .product-box .pro-item.item-one .title-box.box-fu .sub-tit{display: none;}
  
  .inner-banner .pc-pic{display: none;}
  .inner-banner .mobile-pic{display: block;}

  .about-function .function-box .cont-box{padding: 15px;}  
  .about-brand .swiper-container .swiper-slide .cont-box .pic-box{width: 100px;height: 100px;}
  .about-brand .swiper-container .swiper-slide .cont-box .pic-box::after{width: 100px;height: 100px;}
  .about-brand .swiper-container .swiper-slide .cont-box .tit{font-size: 18px;padding-top: 15px;}
  .about-brand .swiper-container .swiper-slide .cont-box .cont{font-size: 14px;padding-top: 15px;}

  .left-nav{width: 100%;background-color: #fff; padding: 0 0 15px 0;}
  .left-nav .list{white-space: nowrap;}
  .left-nav .list .item{width: auto;margin-bottom: 0;margin-right: 20px;display: inline-block;}
  .left-nav .list .item a{color: #193D53;}
  .left-nav .list .item.active::after{display: none;}
  .pro-content .pro-list{padding-top: 25px;}
  .pro-content .pro-list{width: 100%;padding-left: 0;}

  .details-part1 .title{font-size:40px; padding-bottom: 25px;}
  .details-part1 .content{padding: 0 0 15px 0;}
  .details-part2 .w1200{padding: 60px 15px 0 15px;}
  .details-part3 .details-pic{padding-bottom: 80px;}
  

  .app-content .content-box{width: 100%;}

  .news-contain{width: calc(100% - 320px);}

  .join-part1 .list .list-item .cont-box{padding: 30px 20px;}
  .join-part1 .list .list-item .cont-box .cont{margin-bottom: 30px;}

}
@media only screen and (max-width: 800px){
  .banner .swiper-container .swiper-slide .cont{left: 100px;}
  .banner .swiper-container .swiper-slide .cont h1{font-size: 28px;padding-bottom: 20px;}
  .banner .swiper-container .swiper-slide .cont h3{font-size: 14px;}
  .banner .swiper-button-next,.banner .swiper-button-prev{width: 30px;height: 30px;}
  .banner .swiper-button-prev{background-size: cover; left: 60px;}
  .banner .swiper-button-next{background-size: cover; right: 60px;}

  .ad-swiper .swiper-button-next,.ad-swiper .swiper-button-prev{width: 30px;height: 30px;}
  .ad-swiper .swiper-button-prev{background-size: cover; left: 60px;}
  .ad-swiper .swiper-button-next{background-size: cover; right: 60px;}

  .product-box .pro-item.item-one .title-box .title{font-size: 30px;}
  .product-box .pro-item.item-two{width: 100%;margin-bottom: 15px;}
  .product-box .pro-item.item-two .title-box{top: 20%;}
  .product-box .pro-item.item-two .back{width: 100%;height: 34.5vw;object-fit: cover;}

  .foot-box .container .foot-left{width: 100%;}
  .foot-box .container .right-logo{display: none;}

  .about-project .part2{padding-bottom: 20px;}
  .about-project .title{padding: 20px 0;font-size:20px;}
  .about-project .list-one li{display: block;text-align: center;padding: 15px 5px;}
  .about-project .list-one li .cont-box{padding-left: 0;}

  .about-function .function-box{background: none;}
  .about-function .function-box .pic{width: 100%;}
  .about-function .function-box .cont-box{width: 100%;position: relative;top: 0;transform: translate(0);
    background: url(../images/function-back.png); background-size: cover;  }
    
  .about-brand .back{display: none;}
  .about-brand .mobile-back{display: block;width: 100%;}
  .about-brand .swiper-container .swiper-slide-active .cont-box .pic-box{display: flex;}
  .about-brand .swiper-container .swiper-slide:hover .cont-box .pic-box{display: none;}
  .about-brand .swiper-button-next,.about-brand .swiper-button-prev{display: block;}

  .details-part1 .title{font-size: 36px; padding-bottom:20px;}
  .details-part1 .content{font-size:16px;}

  .news-box .news-top .news-item .cont-box .time-line{ margin-top:25px;padding-top:15px;}
  .news-box .news-list{    grid-template-columns: repeat(2,48.5%); column-gap:3%;}
  .page-box a, .page-box p{width: 36px;height: 36px;font-size: 14px;}
  .page-box .iconfont{font-size: 22px;}


  .news-contain{width: 100%;}
  .newsDetails-swiper{width: 100%;}
  .newsDetails-swiper .swiper-container{width: 100%;height: auto;}
  .newsDetails-swiper {padding-top: 25px ;}
  .news-contain .cont{    padding-top: 25px; padding-bottom: 45px;font-size: 14px;}

  .join-part1 .title{font-size: 24px;padding-bottom: 20px;}
  .join-part1 .list .list-item .cont-box{width: 40%;font-size: 14px;line-height: 1.6;}
  .join-part1 .list .list-item .cont-box .tit{font-size:24px;margin-bottom: 15px;}
  .join-part2 ul li{ width:100%; }
}
@media only screen and (max-width:640px){
  /*.header{background-color: #666;height: 60px;padding: 0 50px 0 15px;}*/
  .header .logo{width: 80px;}
  .header .search-btn{font-size: 18px;}
  .header .shop-link{width: 80px;height:35px;}
  .header .language-box {font-size: 14px;margin-right: 10px;}
  .header .down{font-size: 14px;margin-right: 10px;}
  
  .ad-swiper{margin:10px 0 10px 0;}
  
  .news-swiper .swiper-slide .cont-box .title::after{display:none;}
  
  .company-profile{height: 70vw;}
  .company-profile .content .ab-logo{width: 100px;}
  .company-profile .content .list{padding-top: 20px;}
  .company-profile .content .line{font-size: 14px;}

  .brand-list{height: 60vw;}

  .product-box .title-box{top:20%; left:5%;transform:translateY(0);}
  .product-box .pro-item.item-one .title-box .title{font-size: 20px;margin: 5px 0;}
  .product-box .title-box .sub-tit{font-size: 12px;}
  .product-box .pro-item .more a{font-size: 12px;margin-right: 10px;}
  .product-box .title-box .title{font-size: 20px;}
  .product-box .pro-item.item-one .title-box.box-fu{left: 5%;}
  .product-box .title-box .title.bottom::after{height: 3px;bottom: 4px;}
  .product-box .pro-item .more{padding-top:7px;}

  .news-swiper{display: block;padding:0 15px 15px;}
  .news-swiper .content-box{width: 100%;height:auto; margin-right: 0;margin-bottom: 15px;}
  .news-swiper .content-box .cont{padding-top:10px;font-size: 14px;line-height: 1.6;}
  .news-swiper .content-box .title{font-size: 18px;margin-bottom: 5px;}
  .news-swiper .content-box .sub-title{font-size: 18px;}
  .news-swiper .swiper-container{width: 100%;padding-bottom: 60px;}
  .news-swiper .swiper-slide {width: 48%;height: auto;}
  .news-swiper .swiper-slide:nth-of-type(even){width: 48%;}
  .news-swiper .swiper-slide .cont-box{padding: 25px 10px;}
  .news-swiper .swiper-slide .cont-box .title{font-size: 16px;}
  .news-swiper .swiper-button-next, .news-swiper .swiper-button-prev{width: 46px;height: 46px;}

  .foot-box .container .foot-left .link-list{margin-bottom: 60px;position: relative;}
  .foot-box .container .foot-left .link-list .list-item{width: 25%;flex: auto;}
  .foot-box .container .foot-left .link-list .list-item .title{font-size: 16px;}
  .foot-box .container .foot-left .link-list .list-item .item{line-height: 2;}
  .foot-box .container .foot-left .link-list .list-item li.item{display: none;}
  .foot-box .container .foot-left .link-list .list-item.contact {width: 100%;}
  .foot-box .container .foot-left .link-line .item{margin-left: 10px;font-size: 13px;}
  .foot-box .container .foot-left .link-list .list-item .item.pc-address{display: none;}
  .foot-box .container .foot-left .link-list .list-item .item.mobile-address{display: block;}
  .foot-box .container .copyright{font-size: 12px;}

  .inner-banner .cont-box h4{font-size: 18px;}
  .inner-banner .cont-box h2{font-size: 28px;}

  .about-box{padding: 40px 0 20px 0 ;}
  .about-box .title{font-size:24px;}
  .about-box .sub-tit{font-size: 16px;padding-bottom:20px;}
  .about-box .cont{padding: 30px 0;font-size: 14px;}
  .about-box .more{font-size: 14px;width: 100px;height: 40px;}
  .about-box .more .right{width: 15px;height: 15px;margin-left:5px;}

  .about-company .pic-box .num-box{width: 200px;}
  .about-company .pic-box .num-box .num-item{padding-top: 15px;}
  .about-company .pic-box .num-box .tit{font-size:24px;padding-bottom: 5px;}
  .about-company .pic-box .num-box .cont{font-size: 16px;}
  .about-company .pic-box .num-box .num-item:last-of-type .tit{font-size: 18px;}
  .about-company .cont-box .title{font-size: 24px;}
  .about-company .cont-box .cont{font-size: 14px;line-height: 1.7;}
  .about-company .more{font-size: 14px;width: 100px;height: 40px;}
  .about-company .more .right{width: 15px;height: 15px;margin-left:5px;}
  .about-project .list-one li .cont-box .tit{font-size: 18px;}
  .about-project .list-two{display: block; white-space: nowrap; overflow-x: scroll;padding-bottom: 10px;}
  .about-project .list-two li{width: 100px;height: 120px; display: inline-block;padding-top: 15px;}
  .about-project .list-two li .tit{font-size:14px;}
  .about-project .list-two::-webkit-scrollbar{height: 2px;}
  .about-function .function-box{margin-bottom: 20px;}
  .about-function .function-box .cont-box .title{font-size: 24px;padding-bottom: 10px;}
  .about-function .function-box .cont-box .sub-tit{font-size: 14px;}
  .about-function .function-box .cont-box .cont{font-size: 16px;padding-top: 16px;padding-top: 15px;}
  .about-swiper .content-box .left-box{width: 100%;}
  .about-swiper .content-box .left-box .swiper-box{padding: 0px 50px 0 70px;}
  .about-swiper .content-box .swiper-container{padding:10px;}
  .about-swiper .content-box .swiper-container .swiper-slide.active::after{width:0;}
  .about-swiper .content-box .cont-box{width: 100%;min-height:100px;font-size:14px;}
  .about-function{padding-top:30px;}

  .w1200{padding:30px 15px 45px 15px;}

  .left-nav{overflow-x: scroll;}
  .left-nav::-webkit-scrollbar{height: 2px;}
  .pro-content .pro-list .list{    grid-template-columns: repeat(2,48%); column-gap: 4%;}
  .pro-content .pro-list .item .title{font-size: 18px;}
  .pro-content .pro-list .item .sub-tit{font-size: 16px;}
  .pro-content .pro-list .item .more{width: 100px;height: 32px; font-size: 14px;}
  .pro-content .pro-list .item .pic-box{padding:30px 0;}
  .more-btn{width: 120px; height: 36px;line-height: 36px;font-size: 14px;}

  .details-part1{padding: 30px 15px 0 15px;}
  .details-part1 .title{font-size: 24px;padding-bottom:15px;}
  .details-part1 .content{padding:0 0 15px 0;font-size: 12px;}
  .details-part1 .swiper-container .swiper-slide .cont-box{padding:10px 0 0 10px;font-size: 14px;}
  .details-part2 .w1200{background-size:150px;padding: 40px 15px 0 15px;}
  .details-part2 .list{width: 80%;}
  .details-part2 .list .item{padding-bottom: 25px; }
  .details-part2 .list .item .title{font-size: 16px;padding-bottom: 10px;}
  .details-part2 .list .item .cont{font-size: 13px;}
  .details-part3 .details-pic{padding-bottom: 30px;}
  .details-part3 .details-pic .pic{display: none;}
  .details-part3 .details-pic .table{width: 100%;}  
  .details-part3 .title{font-size: 20px;padding-bottom: 0;}
  .details-part3 .list .item{width: 50%;}
  .details-part3 .list .item .title{font-size: 18px;}
  .details-part3 .list .item .sub-tit{font-size: 16px;}
  .details-part3 .list .item .more{width: 100px;height: 32px; font-size: 14px;}
  .details-part3 .list .item .pic-box{padding:30px 0;}

  .app-content .content-box{padding: 30px 15px 50px 15px;}

  .news-box{padding: 80px 15px 30px 15px;}
  .news-box .news-top .news-item{width: 100%;margin-bottom: 20px;}
  .news-box .news-item .title{font-size: 16px;margin-bottom: 10px;}
  .news-box .news-top .news-item .cont-box .cont{font-size: 14px;}
  .news-box .news-top .news-item .cont-box .time-line{margin-top: 15px;}

  .news-box.video-box .news-item .pic-box::after{width: 50px;height: 50px;}
  .news-box.video-box .news-list .news-item .pic-box::after{width: 30px;height: 30px;}

  .news-details{padding: 80px 15px 50px 15px;}
  .news-contain .title{font-size: 18px;padding-bottom: 10px;}
  .news-contain .time-line{font-size: 14px;padding-bottom: 10px;}
  .news-contain .time-line .time{padding-right: 30px;}
  .newsDetails-swiper .swiper-slide .title{font-size: 16px;margin-top: 10px;margin-bottom: 10px;}
  .turn-page .turn{padding-right: 10px;}
  .turn-page .turn a{font-size: 14px;padding-bottom: 15px;}
  .turn-page .back{width: 120px; height: 36px;line-height: 36px;}
  .newsDetails-swiper .swiper-title{font-size: 18px;padding-bottom: 15px;}

  .join-part1 .list .list-item .cont-box {padding: 15px 10px;width:100%;position: relative;}
  .join-part1 .list .list-item .cont-box .tit{font-size: 18px;}
  .join-part2 .w1200{padding: 25px 15px;}
  .join-part2 .title{font-size: 24px;padding-bottom: 25px;}
  .join-part2 ul{padding: 10px;display: block;}
  .join-part2 ul li { height: auto; padding: 0 0px; }
  .join-part2 ul li a { padding: 20px 0; }
  .join-part2 ul li a .a-in { padding: 20px; }
  .join-part2 ul li a .a-in img{width: 45px;}
  .join-part2 ul li b { margin: 10px 0; }
  .join-part2 ul li h2{font-size: 20px;margin: 20px 0 10px 0;}
  .join-part2 ul li span { opacity: 1; bottom: 0px !important;left: 20px; }
  .join-part2-text { opacity: 1 !important; top: 0px !important; }
  .about-page3-red{top: 0;opacity:.4;}
}

@media only screen and (max-width:420px){
  .banner .swiper-container .swiper-slide .cont{left:50px;}
  .banner .swiper-button-next,.banner .swiper-button-prev{width: 30px;height: 30px;}
  .banner .swiper-button-prev{left: 20px;}
  .banner .swiper-button-next{right: 20px;}

  .ad-swiper .swiper-button-next,.ad-swiper .swiper-button-prev{width: 30px;height: 30px;margin-top: -7.5px;}
  .ad-swiper .swiper-button-prev{left: 20px;}
  .ad-swiper .swiper-button-next{right: 20px;}
}

@media only screen and (max-width:380px){  
  .foot-box .container .foot-left .link-line .logo{margin-bottom: 10px;}
  .about-company .pic-box .num-box .num-item{padding-top: 10px;}
}