@media screen and (max-width: 1024px) {    /* header */
    .header .header-body{padding: 10px 0;}
    .header .header-logo{width: 30%;}
    .header .header-r{
        display: none;
    }
    .header .header-mbtn{
        display: block;
    }
    .headmb{
        display: block;
    }
    
    /* index */
    /* .indexab .indexab-body{
        height: 715px;
    } */
}

@media screen and (max-width: 768px){
    /* about-nav */
    .aboutnav .aboutnav-list .aboutnav-item{
        width: 18%;
    }
    /* about-company profile */
    .aboutpf .aboutpf-item{
        display: block;
        margin-top: 20px;
    }
    .aboutpf .aboutpf-item:first-child{
        margin-top: 0;
    }
    .aboutpf .aboutpf-item:nth-child(odd) .aboutpf-item-l{
        margin-right: 0;
    }
    .aboutpf .aboutpf-item .aboutpf-item-l{
        width: auto;
    }
    .aboutpf .aboutpf-item .aboutpf-item-r{
        width: auto;
        margin-top: 20px;
    }
    
    /* footer */
    .footer .footer-item{
        width: 33%;
    }
    .footer .footer-inav{
        width: 30%;
    }
    
    /* contact */
    .contact .contact-top .contact-top-l .contact-l-map{
        height: 420px;
    }
}

@media screen and (max-width: 480px) {
    /* top */
    .top .top-body{padding: 5px 0;}
    /* header */
    .header .header-logo{width: 40%;}
    .header .header-mbtn{font-size: 25px;}
    
    /* index */
    .index-tit .index-tit-l-t1{
        font-size: 30px;
    }
    .index-tit .index-tit-l-t1 span{
        font-size: 20px;
    }
    /* .indexab .indexab-body{
        height: auto;
        display: block;
        background: none;
    } */
    .indexab .indexab-img{display: block;}
    .indexab .indexab-main{
        font-size: 20px;
        color: #333;
        margin: 0 auto;
        margin-top: 10px;
    }
    .index-tit{
        display: block;
    }
    .index-tit .index-tit-l-t1{
        font-size: 25px;
    }
    .index-tit .index-tit-l-t1 span{
        font-size: 16px;
    }
    .index-tit .index-tit-l-t2{
        font-size: 18px;
    }
    .index-tit .index-link{
        width: 150px;
        padding: 5px 0;
        font-size: 20px;
        border-width: 2px;
        margin-top: 15px;
    }
    .indexpro .indexpro-main{display: block;}
    .indexpro .indexpro-main .indexpro-main-l{width: auto; display: none;}
    .indexpro .indexpro-main .indexpro-main-r{width: auto;}
    .indexpro .indexpro-main .indexpro-main-r .indexpro-main-swpn{margin-top: 3em;}
    .indexpro .indexpro-main .indexpro-main-r .indexpro-main-sw{margin-top: 20px;}
    .indexpro .indexpro-main .indexpro-main-r .indexpro-main-swpn .indexpro-main-swpn-pn{
        width: 40px;
        height: 40px;
        font-size: 30px;
    }
    .indexnews .indexnews-list{display: block;}
    .indexnews .indexnews-list .indexnews-item{
        width: auto;
        margin-top: 20px;
    }
    .indexnews .indexnews-list .indexnews-item:first-child{margin-top: 0;}
    
    /* footer */
    .footer .footer-body{
        padding: 30px 0 20px;
        display: block;
    }
    .footer .footer-item{
        width: auto;
        margin-top: 20px;
        text-align: center;
    }
    .footer .footer-item:first-child{margin-top: 0;}
    .footer .footer-inav{width: auto;}
    
    /* bread */
    .bread{margin-top: 10px;}
    .bread .bread-pos{font-size: 18px;}
    .bread .bread-list a{font-size: 14px;}
    
    /* about-nav */
    .aboutnav{margin: 20px auto;}
    .aboutnav .aboutnav-list .aboutnav-item{
        width: 20%;
        margin-left: 5px;
    }
    .aboutnav .aboutnav-list .aboutnav-item a{
        font-size: 14px;
        padding: 10px 0;
    }
    /* about-company profile */
    .aboutpf{margin-top: 20px;}
    .aboutpf .aboutpf-item .aboutpf-item-l .aboutpf-item-l-t2{font-size: 27px;}
    .aboutpf .aboutpf-item .aboutpf-item-l .aboutpf-item-l-d2{
        font-size: 17px;
        line-height: 1.6;
    }
    .aboutpf .aboutpf-item .aboutpf-item-l .aboutpf-item-l-t1{font-size: 27px;}
    .aboutpf .aboutpf-item .aboutpf-item-l .aboutpf-item-l-d1{
        font-size: 17px;
        line-height: 1.6;
    }
    /* about-cultrue */
    .aboutcul .aboutcul-tit{font-size: 30px;}
    .aboutcul .aboutcul-tit span{font-size: 20px;}
    .aboutcul .aboutcul-list{
        margin-top: 20px;
        display: block;
    }
    .aboutcul .aboutcul-list .aboutcul-item{
        width: auto;
        margin-right: 0;
    }
    .aboutcul .aboutcul-list .aboutcul-item .aboutcul-item-desc{
        display: block;
        overflow: visible;
        height: auto;
    }
    /* about-certifition */
    .aboutcer{margin: 30px auto;}
    .aboutcer .aboutcer-list .aboutcer-item{width: 50%;}
    /* about-products */
    /* .aboutpro{display: block;}
    .aboutpro .aboutpro-l{
        width: auto;
        text-align: center;
    }
    .aboutpro .aboutpro-r{width: auto;} */
    
    /* news */
    .news .news-list{display: block;}
    .news .news-list .news-item{
        width: auto;
        margin-right: 0;
        margin-top: 20px;
    }
    .news .news-list .news-item:first-child{margin-top: 0;}
    .news .news-list .news-item .news-item-info .news-item-info-ti{height: auto;}
    .news .news-list .news-item .news-item-info .news-item-info-de{height: auto;}
    
    /* recruit */
    .recruit .recruit-body .recruit-item .recruit-item-info p{font-size: 16px;}
    
    /* contact */
    .contact .contact-top{display: block;}
    .contact .contact-top .contact-top-l{width: auto;}
    .contact .contact-top .contact-top-r{
        width: auto;
        margin-top: 20px;
    }
    .contact .contact-er{margin-top: 30px;}
    .contact .contact-er .contact-er-list{display: block;}
    .contact .contact-er .contact-er-list .contact-er-item{
        width: auto;
        font-size: 16px;
    }
    
    
    /* touch */
    .touch{margin-top: 40px;}
    .touch .touch-body{padding: 30px 0;}
    .touch .touch-line1{display: block;}
    .touch .touch-inp{
        width: 100%;
        margin-top: 10px;
    }
    .touch .touch-inp:first-child{margin-top: 0;}
    .touch .touch-line3{display: block;}
    .touch .touch-code{width: 130px;}
    .touch .touch-sub{margin-top: 10px;}
}