@media screen and (max-width: 1800px){
  .width{width: 92%;}
}
@media screen and (max-width: 1550px){
  .banner-box .swipe .banner-cont{top: 28%;}
  .pg_ban .swipe li a.btn1 svg{height: 130px;}
}
@media screen and (max-width: 1400px){
  .banner-box .swipe .banner-cont{top: 26%;}
  .pg_ban .swipe li a.btn1 svg{height: 130px;}
}
@media screen and (max-width: 1300px){
  .width,.wid{width: 94%;}
  /* .wid{width: 94%;} */
  .top-nav .nav-inner-box .nav{width: 850px;}
  .top-nav .nav-inner-box .nav>ul{width: 600px;}
  .pg_ban .swipe li a.btn1{display: none;}
  .pro-fture{margin-top: -2px;}
  .banner-box .swipe .banner-cont{top: 25%;}
}
@media screen and (max-width: 1100px){
  .top-nav .nav-inner-box .nav{justify-content: flex-end;}
  .top-nav .nav-inner-box .lxtel{width: auto;margin-left: 3%;}
  .top-nav .nav-inner-box .lxtel .tel-cont,.top-nav .nav-inner-box .lxtel hr{display: none;}
  .partner .part-ib{flex-direction: column;padding: 1% 0;}
  .partner .part-ib .part-title{align-self: start;margin-bottom: 1%;}
  .partner .part-ib .partner-item{width: 100%;}
  .contact-info .info-item .info-list .info-cont li p{font-size: 22px;}

  .news-items .nlist{width: 46%;}
  .news-items .nlist:not(:nth-child(3n)){margin-right: 0;}
  .news-items .nlist:not(:nth-child(2n)){margin-right: 4%;}
  .banner-box .swipe .banner-cont>h4{font-size: 40px;}
  .pro-fture .pi-fture .fture-pic{flex-wrap: wrap;}
  .pro-fture .pi-fture .fture-pic>li{width: 32%;margin-bottom: 3%;}
  .pro-fture .pi-fture .fture-pic>li:not(:nth-child(4n)){margin-right: 0;}
  .pro-fture .pi-fture .fture-pic>li:not(:nth-child(3n)){margin-right: 2%;}
  .dynamic.ac img{width: 150%;}
  .ac .titles{font-size: 30px;padding: 0 6%;white-space: unset;}
  .banner-box.in-ban .swipe .banner .banner-list>a{width: 120%;margin-left: -10%;display: block;}
}
@media screen and (max-width: 950px){
  .contact-info .info-item .info-list .info-cont li{width: 100%;}
  .lin-pic a{width: 32%;}
  .lin-pic a:not(:nth-child(4n)){margin: 0 0 4%;}
  .lin-pic a:not(:nth-child(3n)){margin: 0 2% 4% 0;}
  .banner-box .swipe .banner-cont>h4{font-size: 38px;line-height: 3rem;}
  .adv .adv-pi,.tb-main-cont .from-tb{flex-wrap: wrap;}
  .adv .adv-pi .adv-list{width: 100%;margin-bottom: 5%;}
  .custon-item .cst-list{width: 32%;}
  .custon-item .cst-list:not(:nth-child(4n)){margin-right: 0;}
  .custon-item .cst-list:not(:nth-child(3n)){margin-right: 2%;}
  .btn2{padding: 1% 4%;}
  .custom{padding: 6% 0;}
  .banner-box.pro .swipe li a{width: 160%;}
  .about{padding: 4% 0;}
  .about .titles{padding: 3% 0;}
  .in-history .his-item .his-list span{font-size: 50px;}
  .in-history .his-item .his-list{padding: 3%;}
  .tb-main-cont .from-tb li.from-tb-left{width: 100%;margin-bottom: 6%;}
  .tb-main-cont .from-tb li.from-tb-left .from-cont{margin-bottom: 4%;}
}
@media screen and (max-width: 850px){
  .top-nav .nav-inner-box .nav>ul,.top-nav .nav-inner-box .lxtel a.service{display: none;}
  .top-nav .nav-inner-box .lxtel a.m-ico{display: block;}

  .m-nav{width: 100%;padding: 4%;background: #fff;display: none;}
  .m-nav ul li{padding: 1.3rem 0;border-bottom: 1px dashed #000;}
  .m-nav ul li a p{font-size: 26px;color: #242a3a;margin-bottom: 6px;}
  .m-nav ul li a span{text-transform: uppercase; color: #242a3a;font-size: 16px;}
  .m-nav .lxtel{margin: 2rem 0;color: #fff;padding: 1%;border-radius: 5px;background: #f6293e;width: 224px;cursor: pointer;}
  .m-nav .lxtel a.m-ico,.top-nav .nav-inner-box .lxtel a.m-ico svg.ico-worng{display: none;}
  .m-nav .lxtel svg{fill: #fff;}
  .m-nav .lxtel hr{height: 1.5rem; margin: 0 10px;border: 1px solid #fff;}
  .contact-info .info-item{flex-wrap: wrap;padding: 4% 0;}
  .contact-info .info-item hr{display: none;}
  .contact-info .info-item .info-list{width: 100%;margin-bottom: 4%;}
  .contact-info .info-item .info-list .info-cont li p.tel span{display: inline-block;margin: 0 2% 0 0;}
  .contact-info .info-item .info-list .info-cont li{margin-bottom: 3%;}

  .banner-box .swipe li>a{width: 150%;display: block;}
  .banner-box .swipe .banner-cont sub{padding: 0 26%;}
  .banner-box .swipe .banner-cont .main-cont{margin-top: 2%;}
  sub{white-space: unset;}
  .line-title{margin: 4% auto;}
  .np{margin-bottom: 3%;}
  .pro-fture .pi-fture .fture-pic>li{width: 48%;margin-bottom: 4%}
  .pro-fture .pi-fture .fture-pic>li:not(:nth-child(3n)){margin-right: 0;}
  .pro-fture .pi-fture .fture-pic>li:not(:nth-child(2n)){margin-right: 4%;}
  .banner-box.pro .swipe li a{width: 180%;}
  .banner-box .swipe .banner-cont.products sub{padding: 0 6%;white-space: unset;}
  .about .about-list .about-cont h6, .about .about-list .about-cont .cont-cont{white-space: unset;}
  .a-history .ah-ib{padding: 4%;}
  .a-history .ah-ib h6{padding: 4% 0;}
  .a-history .ah-ib .ah-item{flex-wrap: wrap;}
  .a-history .ah-ib .ah-item .ah-list{width: 100%;}
  .dynamic.ac img{width: 180%;}
  .ac .dyn-title{padding-top: 4%;}
  .ac .titles{font-size: 26px;}
  .banner-box.in-ban .swipe .banner .banner-list>a{width: 150%;margin-left: -25%;}
}
@media screen and (max-width: 750px){
  .news-items .nlist{width: 100%;margin-bottom: 6%;}
  .news-items .nlist:not(:nth-child(2n)){margin-right: 0;}
  .news-items .nlist .ncont{margin: 5% 0;}
  .dynamic{margin-bottom: 3%;}
  .dynamic img{width: 150%;}
  .news-det .nd-cont{padding: 4% 0 5%;}
  .custon-item .cst-list{width: 48%;}
  .custon-item .cst-list:not(:nth-child(3n)){margin-right: 0;}
  .custon-item .cst-list:not(:nth-child(2n)){margin-right: 4%;}
  .about .about-list a{width: 130%;display: block;}
  .in-history .his-item{flex-wrap: wrap;}
  .in-history .his-item .his-list{width: 50%;}
  .in-history .his-item .his-list:nth-child(1),.in-history .his-item .his-list:nth-child(2){border-bottom: 2px solid #fff;}

}
@media screen and (max-width: 650px){
  
  .banner-box .swipe .banner-cont{top: 21%;}
  .banner-box .swipe .banner-cont>h4{font-size: 36px;}
  .banner-box .swipe .banner-cont sub{padding: 0 18%;}
  .titles{font-size: 32px;}
  .contact-info .info-item .info-list .info-cont li p{font-size: 20px;}
  .partner .part-ib .partner-item{flex-wrap: wrap;}
  .partner .partner-item li{width: 26%;}
  .banner-box .swipe .banner-cont .main-cont{margin-top: 3%;}
  .in-fot{padding: 6% 0;}
  .in-fot .foter-cont .fot-logo{margin: 1% auto 4%;}
  .in-fot .foter-cont .fot-nav{margin: 4% 0 2%;}
  .news-items .nlist .ncont{margin: 5% 0;}
  .btn{width: 40px;height: 40px;}
  svg{width: 28px;}
  .lin-pic{margin: 6% auto;}
  .lin-pic a{width: 48%;}
  .lin-pic a:not(:nth-child(3n)){margin: 0 0 4%;}
  .lin-pic a:not(:nth-child(2n)){margin: 0 4% 4% 0;}
  .line-title img{width: 100%;margin: 4% 0;}
  .banner-box.pro .swipe li a{width: 200%;}
  .ac .titles{font-size: 24px;}
  .tb-main-cont .cs-in .cs-pic>a{display: none;}
  .tb-main-cont .cs-in .cs-pic{flex-wrap: wrap;}
  .tb-main-cont .cs-in .cs-pic .cs-list{width: 30%;margin: 0 6%;}
  .tb-main-cont .cs-in .cs-pic .cs-list:last-child{margin-top: 26%;}
  .tb-main-cont .cs-in .btn{margin: 15% auto 5%;}
  .tb-main-cont .cs-in .cs-pic .cs-list h5{font-size: 20px;}
  .tb-main-cont .cs-in .cs-pic .cs-list h5 span{margin-top: 6%;}
  .banner-box.in-ban .swipe .banner .banner-list>a{width: 180%;margin-left: -40%;}

}
@media screen and (max-width: 550px){
  .banner-box .swipe li>a{width: 180%;}
  .banner-box .swipe .banner-cont sub{padding: 0 12%;}
  .pro-fture .pi-fture .fture-pic>li{width: 100%;}
  .pro-fture .pi-fture .fture-pic>li:not(:nth-child(2n)){margin-right: 0;}
  .banner-box.pro .swipe li a{width: 220%;}
  /* .btn2{width: 140px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 0;} */
  .about .about-list a{width: 160%;}
  .ac .titles{font-size: 21px;}
  .dynamic.ac img{width: 200%;}
  .in-history .his-item .his-list{font-size: 14px;}
  .in-history .his-item .his-list span{font-size: 40px;}
  .tb-main-cont .cs-in .cs-pic .cs-list h5{font-size: 18px;}
  .tb-main-cont .cs-in .cs-desc{font-size: 16px;margin: 3% 0;}
  .tb-main-cont .cs-in .cs-pic .cs-list{width: 34%;}
  .tb-main-cont .cs-in .cs-pic .cs-list:last-child{margin-top: 30%;}
}
@media screen and (max-width: 500px){
  .banner-box .swipe li>a{width: 200%;}
  .banner-box.in-ban .swipe .banner .banner-list>a{width: 220%;margin-left: -60%;}
  .banner-box .swipe .banner-cont sub{padding: 0 6%;}
  .in-fot .foter-cont .fot-nav{flex-wrap: wrap;}
  .in-fot .foter-cont .fot-nav li,.in-fot .foter-cont .fot-nav hr{margin-bottom: 3%;}

  .banner-box .swipe .banner-cont .tbsm,.banner-box .swipe .banner-cont .main-cont{font-size: 21px;}
  .banner-box .swipe .banner-cont>h4{font-size: 34px;}
  .titles{font-size: 30px;}
  .news-items .nlist:not(:nth-child(2n)){margin-bottom: 8%;}
  .lin-pic a{width: 100%;}
  .lin-pic a:not(:nth-child(2n)){margin: 0 0 4%;}
  .banner-box.pro .swipe li a{width: 240%;}
  .custon-item .cst-list{width: 100%;margin-bottom: 6%;}
  .custon-item .cst-list:not(:nth-child(2n)){margin-right: 0;}
  .about .about-list a{width: 180%;}
  .custon-item .cst-list.in-lb.slide,.custon-item .bx-wrapper .bx-controls{margin-bottom: 3%;}
  
@media screen and (max-width: 450px){
  .top-nav .nav-inner-box .tb-logo{width: 150px;}
  .top-nav .nav-inner-box{padding: 2% 0;}
  .banner-box .swipe .banner-cont>h4{font-size: 30px;}
  .news-items .nlist h4 a, .news-det .nd-hd h4 a{font-size: 21px;}
  .titles{font-size: 24px;}
  .banner-box.pro .swipe li a{width: 260%;}
  .pro-fture{padding: 6% 0 0;}
  .about .about-list a{width: 200%;}
  .tb-main-cont .cs-in .cs-pic .cs-list{width: 38%;}
  .tb-main-cont .cs-in .cs-pic .cs-list:last-child{margin-top: 36%;}
  .tb-main-cont .cs-in .btn{margin: 30% auto 8%;}
}
@media screen and (max-width: 400px){
  .in-fot .foter-cont .fot-nav{padding: 0 10%;}
  .banner-box .swipe .banner-cont .tbsm,.banner-box .swipe .banner-cont .main-cont{font-size: 18px;}
  .banner-box .swipe .banner-cont>h4{font-size: 24px;}
  .banner-box.pro .swipe li a{width: 280%;}
  .about .about-list a{width: 220%;}
  .ac .titles{font-size: 19px;}
  .dynamic.ac img{width: 230%;}
  .in-history .his-item .his-list{font-size: 13px;}
  .banner-box .swipe .banner-cont{top: 16%;}
  .banner-box.in-ban .swipe .banner .banner-list>a{width: 240%;margin-left: -70%;}
}