@charset "utf-8";
@media screen and (max-width:1200px){
    body,
    html {
        overflow-x: hidden !important;
        min-width: 320px;
    }
    .wrap{max-width: 760px;width: 92%;margin: 0 auto;}
    .bnr-pos-box{display: none;}
    .slide-img{min-width: 320px;}
    .slide-b li{height:450px;}
    .prod-ul{width: 100%;margin: 0 auto;}
    .prod-ul li{width: 92%;height: auto;margin: 0 4%;box-sizing: border-box;}
    .prod-img{height: 190px;text-align: center;}
    .news-indlist{margin-right: 0;}
    .news-indlist-item{width: 100%;margin-right: 0;box-sizing: border-box;height: auto;}
    .prods-rnav{display: none;}
    .prods-nav{width: 100%;float: none;}

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 2%;top:12px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: all 1s;position: relative;background: #1d63d6;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: #1d63d6;transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .logo{width: 200px;height: auto;margin-top: 10px;}
    .headbox{height: auto;}
    .nav-box{display: none;width: 100%;}
    .son .nav-box{display: block;}
    .nav{width: 100%;display: block;}
    .nav li{width: 100%;float: none;}
    .nav li:before{display: none;}
    
}
@media screen and (max-width:1024px){
   
    
}
@media screen and (max-width:768px){
    .slide-b li{height:350px;}
    .foot-left,
    .foot-right{width: 100%;float: none;text-align: left;}
    .foot-right{padding-left: 15px;}
    .web{float: none;margin: 15px auto;}
    .att{display: none;}
    .prods-nav li{width: 100%;line-height: 36px;height: 36px;border: 1px solid rgba(19,65,93,0.4);font-size: 14px;}
    .main-nav{height: auto;}
    .article, .list{box-sizing: border-box;padding: 0;}
    .prods-list li{width: 30%;margin-right: 3%;}
    .prods-img{width: 100%;line-height: 220px;}
}
@media screen and (max-width:640px){
    .slide-b li{height: 170px;}
    .prod-ul li{width: 100%;margin: 0 auto;}
    .foot{height: auto;padding: 20px 0;}
    .foot-box{padding: 20px 0;}
    .newsslist{padding: 0;}
    .newss-link{width: 65%;}
    .newss-list{margin-bottom: 20px;}
    .pad{padding: 20px 0;}
    .newss-morebox{margin: 20px 0;}
    .prods-list li{width: 100%;margin: 0 auto 20px;}
    .prods-list{margin-right: 0;}
    .gagedlbox{padding: 0;}
    .dtdl dt, .ddhead{margin: 0 auto;}
    .dtsp{font-size: 14px;text-align: center;letter-spacing: -2px;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
    .dtsp1{padding-left: 0px;width: 20%;}
    .dtbtn{width: 100%;}
    .ddbox{padding: 20px;box-sizing: border-box;}
    .cont-items{width: 100%;font-size: 14px;line-height: 24px;}
    .cont-items img{width: 40px;height: 40px;}
    .sage-items{width: 100%;}
    .mb-inp,
    .tA{width: 55%;}
    .mb-yz{width: 30%;margin-right: 10px;}
    .tobtn{width: 120px;}
    .sage-hd{margin: 20px auto;font-size: 20px;}
    .banner img{min-height: 120px;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}