/* 媒体查询 */
/* 内容区的宽度是1300px，可以这样设置： */
@media(min-width: 1401px){
    html{font-size: 100px}
}
@media(max-width: 1400px) and (min-width: 901px){
    html{font-size: calc(100vw / 1400 * 100);}
    /*即让html字体大小=屏幕宽度÷设计稿宽度*100px*/
}
@media(max-width: 900px){
	html{font-size: calc(900px / 1400 * 100);}
    /*即让html字体大小=900px÷设计稿宽度*100px*/

    .nav{
        display: none
    }
    .mobile-list-iocn{
        display: block;
        background: url(../images/nav-list-icon.png) no-repeat center / contain;
    }
    .content {
        margin-top: 1rem;
    }
    .logo{
        padding-top: .2rem; padding-bottom: .2rem;
        /* height: 1rem; */
        box-sizing: border-box;
    }
    /* 底部start */
    .footer{
        padding: .5rem 0;
    }
    .content-box{
        width: 100%;
    }
    .pcen-content{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: .5rem;
    }
    .footer-box{
        padding-left: .5rem;
    }
    .footer ul{
        width: 33%;
    }
    .footer ul.code-box{
        width: 100%;
        margin-top: .2rem;
    }
    .code-box li{
        margin-right: .2rem;
    }
    /* 底部end */

    /* 首页start */
    .index-banner .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
    }
    .index-floor1{
        padding: .4rem;
    }
    .index-floor1-left,
    .index-floor1-right{
        height: auto;
        overflow-y: auto;
        width: 100%;
        box-sizing: border-box;
    }
    .index-floor1-right{
        padding: .4rem .2rem;
    }
    .floor1-txt{
        width: 100%;
        overflow: hidden;
        position: relative;
        top: 0; left: 0;
        transform: translate(0, 0);
    }
    .floor1-txt h1{
        text-align: center;
    }
    .floor2-logo{
        padding: .8rem .5rem;
    }
    .floor2-txt{
        padding-bottom: .5rem;
    }
    .floor2-down{
        padding-bottom: .8rem;
    }
    .floor5-img{
        margin-bottom: .5rem;
        padding-top: .8rem;
    }
    .floor5-txt{
        padding-bottom: .8rem
    }
    .txt-box{
        padding-top: 1rem;
        padding-left: .2rem
    }
    .floor6-knowmore{
        padding-top: .5rem
    }
    .floor6-txt-eng{
        padding-bottom: .2rem;
    }
    .produce-img-right{
        width: 3rem
    }
    .produce-img-left{
        width: 2.8rem
    }
    .index-floor6-txt{
        display: none;
    }
    .mobile-txt{
        display: block;
        text-align: center;
    }
    .index-floor6 ul li{
        margin-bottom: .5rem;
    }
    .index-floor6 li:nth-of-type(2n) .index-floor6-img,
    .index-floor6-img{
        float: none;
        width: 100%;
        margin: auto;
    }
    
    /* 首页end*/

    /*认识SOULMAN start*/
    .about-content-box{
        width: 100%;
    }
    /* .floor2-title{
        margin: .8rem auto;
    } */
    .floor2-img{
        width: 90%;
        margin-bottom: 1rem;
        box-sizing: border-box;
        padding: 0 0.25rem 0.5rem;
    }
    .about-title{
        margin-top: .5rem;
        margin-left: .2rem;
        width: 1.6rem;
    }
    .about-floor3{
        padding-bottom: 0
    }
    .floor4-txt{
        padding-bottom: .8rem
    }
    .floor4-txt h3{
        padding: .8rem 0 .3rem
    }
    .floor3-advantage{
        width: 90%;
    }
    .about-patent{
        padding-bottom: .8rem;
    }
    .patent-container{
        width: 90%;
    }

    /*认识SOULMAN end*/

    /*品牌介绍 start*/
        
    .brand-left{
        display: none;
    }
    .brand-content{
        width: 100%;
    }
    .brand-right{
        width: 90%;
        margin: auto;
        float: none;
    }
    /* .page ul{
        width: 65%;
    } */

    /*品牌介绍 end*/

    /*品牌视频 start*/
    .video-box{
        width: 90%;
    }
    /*品牌视频 end*/

    /* 防伪查询 start */
    
    .check-content{
        width: 100%;
    }
    .check-content p{
        width: 90%;
        margin: auto;
    }

    /* 防伪查询 end */

    /* 联系我们 start */
    
    .contact-content{
        width: 100%
    }
    .contact-img,
    .contact-box{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }

    /* 联系我们 end */

    /* 产品视频start */
    .pv-content{
        width: 90%;
    }
    .pv-title{
        padding: .8rem 0 .4rem;
    }
    .pv-cons-item{
        padding: 0;
    }
    /* .pv-cons-item ul li{
        width: 1.4rem;
        padding: 0 .1rem;
    } */
    .pv-cons-img {
        /* height: auto; */
    }

    /* 产品视频end */

    /* 产品详情 start */
    .produce-detail-content{
        width: 90%;
    }
    .produce-detail-title{
        padding-top: .5rem;
    }
    .produce-detail-left,
    .produce-detail-right{
        width: 100%;
        float: none;
    }
    .produce-detail-right{
        margin-top: .7rem;
    }
    .produce-detail-left{
        height: 8rem;
    }

    /* 产品详情 end */

    
    /* 产品中心 start */
    .pcen-left{
        width: 2.2rem;
        padding-left: .2rem;
        display: none;
    }
    .pcen-left > ul{
        width: 2.2rem;
    }
    .pcen-right{
        /* width: 3.3rem; */
        margin-left: .2rem;
        flex: 1;
        margin-right: .2rem;
    }
    .pcen-right-img{
        height: 80%;
    }
    .pcen-right-ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pcen-right-ul li{
        width: 48%;
        margin-right: 0;
    }
    .pv-cons-item ul li{
        width: 30%;
        margin-right: 0;
    }

    /* 产品中心 end */
    .step .step_text,
    .step .step_text p{
        font-size: 12px;
    }
    /* .about-banner{
        overflow: hidden;
    } */
    /* .about-banner img{
        width: 200%;
        transform: translateX(-19%);
    } */
    .index-floor4{
        overflow: hidden;
    }
    /* .index-floor4 img{
        width: 280%;
        transform: translateX(-32%);
    } */
    /* .index-floor3 img{
        width: 250%;
        transform: translateX(-25%);
    } */
    .check-img{
        overflow: hidden;
        padding: .2rem 0 1rem;
    }
    .check-img img{
        width: 250%;
        transform: translateX(-40%);
    }
    .code-box li{
        /* width: 2rem; */
    }
    .code-box li img{
        width: 1.5rem; 
        height: auto;
        max-width: 100%;
    }
    .pcen-li-cons{
        margin-top: .1rem;
    }
    .pcen-li-cons ul li a{
        padding: 5px 0;
    }
    .link-box{
        text-align: center;
        font-size: 0;
    }
    .link-left, .link-right{
        float: none;
        display: inline-block;
        font-size: 12px;
        margin: 0 .1rem;
    }
    .brand-right-top{
        flex-wrap: wrap;
    }
    .brand-right-top span{
        display: none;
    }
    .brand-right-top.detail{
        text-align: center;
        border: none;
        margin-bottom: .1rem;
    }
    .brand-right-top.detail p{
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .brand-right-top.detail span {
        display: block;
        width: 100%;
        font-size: 10px;
    }
    .brand-right-bottom{
        display: flex; justify-content: space-between; align-items: center;
    }
    .brand-right-bottom .pd{
        display: none;
    }
    .brand-right-bottom .time{
        display: block;
    }
    .floor3-txt-cons,
    .floor4-txt p{
        font-size: 12px;
        line-height: 1.5;
    }
    .check-search{
        height: auto;
        text-align: center;
    }
    .check-search input{
        float: none;
        height: .5rem; 
        line-height: .5rem;
        padding: 0 .1rem;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0;
    }
    .search-btn{
        float: none;
        display: inline-block;
        margin-top: .2rem;
    }
}
@media (max-width: 768px) {
    .contact-img{
        padding: .1rem 0;
    }
    .contact-img img{
        width: 250%;
        transform: translateX(-25%);
    }
    .pv-cons-item ul li{
        width: 50%;
        box-sizing: border-box;
    }
    .contact-box ul li img{
        width: 16px;
        margin-right: 10px;
    }
    .prt-right{
        display: none;
    }
    .bv-banner .brand_title{
        top: 10%;
    }
}