@charset "utf-8";
@media (min-width:1200px){
	li:hover .nav-yi span::after{width: 100%;}
}
@media (max-width:1500px){
    .nav-yi{padding: 0 15px;}
    .w1400{width: 1200px;}
    .w1600{width: 1200px;}
    .tec-list li{height: 540px;}
    .selling li .selling-img{height: 360px;}
    .header-con{margin-left: 20px;}
    .search-box .text{width: 150px;}
    .header-area-item{margin-right: 10px;}
    .lxwm-list li{padding: 30px;}
    .jtzs-top{padding-top: 60px;}
}
@media (max-width:1300px){
    .header-con{margin-left: 25px;}
    .header-area-item{margin-right: 5px;}
    .search-box .text{width: 140px;}
}
@media (max-width:1199px){
    .menu-handler{display: block;}
    .header-con{float: none;position: fixed;left: -100%;top:60px;width:100%;bottom:0;background: #fff;margin: 0;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93); -webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);text-align: left;}
	.header-con.active{left: 0;}
    .header{box-shadow: 0 1px 2px #ddd;}
    .header,.header > .w1600{height: 60px;background: #fff;}
	.logo img{height: 24px;}
    body{padding-top: 60px;}
	.no-ban{padding-top: 60px;}
    .nav{margin: 0;position: absolute;top:60px;left: 4%;right: 4%;bottom:20px;overflow: auto;padding-right: 0;border-right: 0;display: block;}
	.nav{text-align: left;}
    .nav > li{float: none;border-bottom: 1px solid #999;margin-left: 0;display: block;position: relative;margin-right: 0;}
	.nav > li.active{border-color:#dd4426;}
	.nav > li.active .nav-yi{color:#dd4426;}
	.nav-yi{line-height: 50px;height: 50px; padding: 0;background: none !important;margin-top: 0 !important;}
	.nav-yi span::after{display: none;}
	.nav > li.none .nav-yi{display: block;}
	.nav > li:after{width: 16px;height: 16px;position: absolute;content: '';right: 5px;top:17px;background: url("../images/phone-arrow.png") no-repeat center;background-size:cover;display: none;transition: all .4s;}
	.nav > li.has:after{display: block;}
	.nav > li.on:after{transform: rotate(180deg);}
	.nav-hide{position: static;border:none;}
	.nav-hide > .w1440{width: 100%;max-width: 100%;}


    .header-area{top:2px;transform: none;right: 4%;position: absolute;z-index: 999;height: 50px;left: 4%;justify-content: space-between;}
    .gensui{top:60px}
    .nav-pro{display: block;}
    .nav-pro-con{width: 100%;}
    .nav-pro-type{width: 100%;padding: 4% 0;}
    .nav-pro-item.active{display: block;}
    .nav-pro-con{padding: 4%;}
    .nav-pro-items{width: 100% !important;}
    .nav-pro-clo2{display: block;}

    .pro-page-left{position: fixed;top:0;height: 100%;left: 0;width: 100%;z-index: 9999;background: #fff;overflow: auto;display: none;}
    .pro-page-left.active{display: block;}
    .sidebar{position: absolute;left: 4%;right: 4%; top:50px;bottom: 20px;overflow: auto;}
    .pro-page-right{width: 100%;}
    .pro-page-btn{display: block;}
    .show-xl{display: block;}
    .nav-pro-con::after{display: none;}
}
@media (max-width:1050px){
    .cpxq-img-wai,.cpxq-con,.cpxq-b{width: 100%; margin-right: 0;}
    .cpxq-img-wai{margin-bottom: 20px;}
}
@media (max-width:800px){
    /* .footer-mid{display: none;} */
    .footer-mid{flex-wrap: wrap;}
    .footer-mid dl{width: 50%;margin-top: 10px;margin-bottom: 10px;}
    .main-btn{padding: 0 18px;line-height: 40px;}
    .duibi-btnarea{right: 30px;top:30px;}
    .footer-mid dd{margin-bottom: 5px;}
    .footer-mid dt{margin-bottom: 10px;}
}
@media (max-width:760px){
	.pc-show,.footer-logo,.help-right::before{display: none;}
	.wap-show,.sort-by,.cpxq-a,.help-box,.hotnews a,.xwxq-bot,.intro-box,.lxwm-list,.plan li,.oem-box{display: block;}
    .title48 h2,.title30 h2,.xwxq-title h1,.title36 h2,.des-title30 h3{font-size: 24px;}
    .des-title24 h3,.des-title28 h3{font-size: 20px;}
    .des18 p{font-size: 16px;}
    .des16 p{font-size: 14px;}
    .list-3 li,.xx-page-2 .xx-page,.help-left,.help-right,.lxwm-list li{width: 100%;margin-right: 0;}
    .h72-list li,.hotnews-img,.hotnews-con,.xwxq-bot ul,.intro-left,.lxwm-list ul,.plan li > *,.oem-left,.oem-right{width: 100%;}
    .his-title{position: static;}

    .padding-tb100,.padding-tb80{padding: 35px 0;}
    .mg-bt80{margin-bottom: 40px;}
    .mg-bt60{margin-bottom: 30px;}
    .mg-bt50{margin-bottom: 25px;}
    .mg-bt40,.help-left,.intro-left,.his-title{margin-bottom: 20px;}
    .mg-bt30{margin-bottom: 15px;}
    .mg-bt20{margin-bottom: 10px;}
    .mg-bt10{margin-bottom: 5px;}
    .padding-t100{padding-top: 35px;}
    .padding-b100{padding-bottom: 35px;}
    .padding-tb40{padding: 20px 0;}
    .padding30,.hotnews-con{padding: 15px;}
    .padding60{padding: 30px;}

    .banner .img100 img{height: calc(100vh - 60px);}
    .bannerDot-style{bottom:15px;}
    .play60{width: 48px;height: 48px;}
    .one-step-con{top:5%;}
    .one-step-con1{position: static;margin-bottom: 20px;}
    .one-step-con1 *{color: #000 !important;}
    .one-step-con1 a{border-color: #000;}
    .list-2 li{width: 100%;margin-right: 0;margin-top: 4%;}
    .list-2 li:nth-child(2){margin-top: 4%;}
    .padding40{padding: 20px;}
    .duibi-btnarea{right: 20px;top:20px}
    .banner .middle-inner{padding-top: 50px; vertical-align: top;}
    .bannerDot-style .swiper-pagination-bullet-active{width: 35px;}
    .djs-top{position: static;margin-bottom: 20px;}
    .djs-top p{color: #000;}
    .djs-top h2{color: #000;}
    .djs-top h3{color: #000;}
    .djs-top a{color: #000;border:1px solid #000;}
    .selling-title{padding: 15px;}
    .type-style a{margin-right: 15px;}
    .footer-top{display: block;}
    .footer-bot{display: block;text-align: center;padding-bottom: 0;}
    .footer-share{display: block;text-align: center;margin-bottom: 20px;}
    .padding-t60{padding-top: 35px;}
    .sort-by-right{gap:20px;overflow: auto; white-space: nowrap;}
    .sort-by-item::after{bottom:0;}    
    .product-list .duibi-btnarea{top:15px;right: 15px;}
    .product-list li{margin-top: 4%;}
    .product-list li:nth-child(2){margin-top: 4%;}
    .product-list li:nth-child(3){margin-top: 4%;}
    .page a{width: 36px;height: 36px;line-height: 36px;margin: 3px;}
    .cpxq-cs-page{padding-left: 0;}
    .cpxq-cs-name{position: static;margin-bottom: 10px;}
    .spec-list li{padding: 16px;}
    .spec-list .des12::after{left: -17px;}
    .load-list li a{padding: 0 15px;}
    .load{right: 15px;}
    .help-right{padding-left: 0;}
    .qa-top,.qa-bot,.load-list-2 a{padding: 15px;}
    .ny-nav a{padding: 0 15px;font-size: 16px;}
    .list-3 li,.list-3 li:nth-child(2),.list-3 li:nth-child(3){margin-top: 4%;}
    .hotnewsDot{right: 15px;bottom: 15px;}
    .swiperDot .swiper-pagination-bullet{width: 10px;margin-right: 5px;}
    .swiperDot .swiper-pagination-bullet-active{width: 20px;}
    .padding80{padding: 30px;}
    .xwxq-title > .flex{display: block;}
    .intro-left{padding-right: 0;border:none;}
    .intro-right{flex-direction: row;flex-wrap: wrap;}
    .intro-right li{width: 50%;margin-top: 10px;}
    .intro-right li:nth-child(1){width: 100%;}
    .his .swiper-slide{padding-top: 0 !important;}
    .his{margin-bottom: 0;}
    .swiperDot{margin-top: 10px;}
    .his-years{font-size: 64px;}
    .tec-list li{height: 270px;width: 50% !important;padding: 0 15px;border-bottom: 1px solid rgba(255,255,255,0.2);}
    .tec-list li .tec-hide{opacity: 1;}
    .tec-list li{background: rgba(0,0,0,0.3);}
    .tec-list li .des16 p{font-size: 16px;font-weight: bold;}
    .lxwm-list-left li{margin-bottom: 4% !important;}
    .lxwm-list li{padding: 15px;}
    /* .div3545 .img100 img{height: 50vw;object-fit: cover;} */
    .agentData{flex-wrap: wrap;}
    .agentData li{width: 50%;margin-top: 10px;}
    .oem-right{max-height: 100%;padding-right: 0;}
    .olen-list li{padding: 30px;}
    .olen-list li img{right: 15px;top:15px;}
    .tsro-con{padding: 15px;}
    .tsroswiper .img100 img{height: 320px;object-fit: cover;}
    .tsro-con{overflow: auto;}
    .tsro-con img{width: 34px;}
    .tsro-con p{color: #fff;}
    .tsroswiper .img100::before{content: "";
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.8));
    width: 100%;
    height: 75%;
    top: 25%;
    left: 0;
    z-index: 5;
    transition: all .4s;}
    .adv-list li{width: 100% !important;margin-top: 4%;padding: 15px;}
    .adv-list li .mg-bt50{margin-bottom: 15px;}
    .smsswiper .sms-con{position: static;width: 100% !important;opacity: 1;}
    .smsswiper .sms-con *{color: #fff;}
    .smsswiper .sms-con img{filter: brightness(0) invert(1);}
    .iug-con{width: 100%;}
    .iug-box{min-height: 0;}
    .line20 p{line-height: 1.6;}
    .ass li{display: block;}
    .ass-con{width: 100%;margin-bottom: 20px;border:none;}
    .ass-img{width: 100%;}
    .ass-con img{width: 48px;}
    .rcwpp .ass-con,.rcwpp .ass-img{width: 100%;}
    .rcwpp li:nth-child(odd) .ass-con{padding-left: 0;}
    .rcwpp li:nth-child(even) .ass-con{padding-right: 0;}
    .man-type li img{width: 32px;}
    .man-type li p{line-height: 36px;}
    .jtzs-top{position: static;}
    .jtzs-top *{color: #000 !important;}
    #certify  .swiper-slide {width: 70%;}
    .rmt2-list{position: static;width: 92%;margin: 0 auto; padding-bottom: 0;transform: none;}
    .rmt2-list *{color: #333 !important;}
    .rmt2-list li{position: relative;width: 100%;left: auto !important;right: auto !important;text-align: left !important;padding-left: 30px !important;padding-right: 0 !important;margin-bottom: 15px;}
    .rmt2-list li .i{left: 0 !important;width: 20px;height: 20px;top:3px}
    .rmt2-list li .i{animation: none;}
    .rmt2-list li .i::after{width: 8px;height: 8px;}
    .rmt2-list li>p{position: static;padding-right: 0;width:auto}
    .rmt2-list li.right>p{padding-left: 0}
    .comparison-box{display: block;}
    .comparison-left{width: 100%;}
    .comparison-right{width: 100%;}
    .comparison-right ul{display: block;}
    .cp-table-box{overflow: auto;}
    .cp-table{width: 800px;}
    .comparison-right li{border-right: none;border-bottom: 1px solid #eee;}
    .comparison-right li:nth-child(1){border-bottom: none;}
    .comparison-right{margin-top: 20px;}
    .cp-table li{padding: 0 15px;}
    .gensui .countdown{position: static;transform: none;}
    .gensui .w1400{flex-direction: column;gap:5px;}
    .footer-search .text{height: 48px;}
    .nav-pro-clo2 a{height: 63px;}
    
}
@media (max-width:360px){

}