.pc-hidden{
    display: block !important;
}
.mob-hidden{
    display: none !important;
}
@media only screen and (max-width: 1700px){
    .originality-banner .text h5{
        font-size: 2.5rem;
    }
    .originality-banner .text p{
        font-size: 14px;
    }
    .originality-banner .text span{
        margin-top: 17%;
    }
 }
@media(max-width: 1600px){
    .originality-banner .text h5{
        font-size: 2rem;
    }
    .originality-banner .text p{
        font-size: 12px;
    }
    .box1 .tit p a{
        font-size: 16px;
    }
}
@media only screen and (max-width: 1600px){}
@media only screen and (max-width: 1400px){
    .framework{
        width: 80%;
       }
    .household{
        max-width: 80%;
        padding: 8% 0;
       }
       .list-box , .case , .news-box{
        width: 90%; 
       }
       .ysqs-product-left{
           width: 30%;
       }
       .ysqs-product-right{
           width: 60%;
       }
       .sjh-angle .text dl{
           padding: 0;
       }
       .ysqs-product-box .swiper-pagination{
        right: -4%;
       }
       .wh1600 , .wt_t , .wh-jxgx1 , .wh-jxgx2{
        max-width: 1200px;
       }
       .x-menu>li>a , .x-sub-menu>li>a{
           font-size: 14px;
       }
       .tit h5{
        font-size: 20px;
       }

       .household-img{
        margin-right: 4%; 
       }
       .household-img img {
        width: 80%;
        
    }
    .fooder .text p , .fooder .text p a , .fooder .text li a{
        font-size: 16px;
    }
    .top-head{
        height: 10vh;
    }
    .top-head .logo img{
        max-width: 220px;
    }
    .icon-bar{
        width: 30px;
        margin-bottom: 5px;
    }
    .originality-banner .text span{
        font-size: 16px;
    }
    .course-list .swiper1 .swiper-slide .text p{
        font-size: 1rem;
         max-width: 340px;
    }
    .about-box1 .shuzi ul li h5{
        font-size: 3.5rem;
    }
    .about-box1 .shuzi ul li span{
        font-size: 1rem;
    }
    .about-box1 .shuzi ul li i{
        font-size: 2rem;
    }
    .culture li .text h5{
        font-size: 16px;
        font-weight: bold;
    }
    .culture li .text p{
        font-size: 14px;
    }
    .ProductStyle ul li .text{
        height: 416px;
    }
    .luxury-text h5{
        font-size: 2.2rem;
    }
    .introduce-tit h5 , .introduce-tit h6{
        font-size: 2rem;
    }
    .introduce p:first-child{
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px){
    body {
        font: 12px/1.5 'arial', sans-serif;
        font-family: initial;
    }
    .pc-hidden{
        display: none !important;
    }
    .mob-hidden{
        display: block !important;
    }
    .wh1600, .wt_t, .wh-jxgx1, .wh-jxgx2 ,  .wh-jxgx3{
        max-width: 90%;
    }
    .top-head{
        height: 5vh;
    }
    .nav-content{
        width: 70%;
    }
    .x-banner .banner-item .text{
        width: 100%;
        text-align: left;
    }
    .x-banner .banner-item .text h5{
        font-size: 20px;
    }
    .x-banner .banner-item .text p{
        font-size: 12px;
    }
    .x-banner .banner-item .text span{
        display: none;
    }
    .box1 .tit p{
        line-height: 0;
    }
    .box1 .tit p a{
        font-size: 14px;
     line-height: 4vh;
    }
    .household-img{
        text-align: center;
    }
    .household-img img{
        width: 60%;
    }
    .list-box ul , .news-box ul{
        /* flex-wrap: wrap; */
    }
    .news-box li{
        width: 100%;
        margin-bottom: 5%;
        margin-right: 2%;
    }
    .news-box li .text h5{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }
    .case ul li .text-box , .case ul li .com-img , .case ul li:nth-child(2n) .text-box{
        float: none;
        width: 100%;
    }
    .case ul li .text{
        margin: 10%;
    }
    .fooder{
        padding-bottom: 5%;
    }
    .fooder .f-logo img{
        max-width: 30%;
    }
    .fooder .text{
        flex-direction: column;
    }
    .fooder .text p , .fooder .text p a , .fooder .text li a{
        font-size:14px;
        line-height: 4vh;
    }
    .household{
        flex-direction: column;
    }
    .household-img{
        margin: 0%;
    }
    .household .text{
        margin-top: 0;
    }
    .household .text p , .link-a a{
        font-size: 16px;
    }
    .nav-box{
        width: 50%;
    }
    .list-box li{
        width: 100%;
        margin-bottom: 4%;
    }
    .list-box li .text{
        bottom: 45%;
    }
    .list-box li .text h5{
        font-size: 24px;
        display: none;
    }
    .list-box li .text p{
        font-size: 16px;
    }
    .originality-banner{
        width: 100%;
        overflow: hidden;
    }
    .originality-banner img{
        width: 208%;
    }
    .originality-banner .text{
        position:inherit;
        width: 100%;
        right: 0;
        text-align: center;
        background: #000;
        padding: 10% 0;
    }
    .originality-banner .text h5{
        font-size: 26px;
    }
    .originality-banner .text p{
        margin-top: 5%;
    }
    .originality-banner .text span{
        margin-top: 7%;
    }
    .a-about .Introduction , .a-about .service , .course-tit , .course-list .swiper1 .swiper-slide{
        flex-wrap: wrap
    }
    .a-about .Introduction .text{
        max-width: 100%;
        margin-bottom: 5%;
    }
    .a-about .Introduction .com-img{
        width: 100%;
    }
    .a-about .service .service-img{
        width: 100%;
    }
    .a-about .service .text{
        width: 100%;
        margin-top: 5%;
    }
    .a-about .Introduction .text p , .a-about .service .text p{
        font-size: 16px;
    }
    .culture ul{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .culture li{
        width: 48%;
        margin-bottom: 5%;
    }
    .course-tit p{
        width: 100%;
        font-size: 14px;
    }
    .course-list .swiper1 .swiper-slide .com-img{
        width: 100%;
    }
    .course-list .swiper1 .swiper-slide .text{
        width: 100%;
        padding-left:0;
        margin-top: 6%;
    }
    .course-list .swiper1 .swiper-slide .text h4{
        font-size: 18px;
    }
    .course-list .swiper1 .swiper-slide .text p{
        font-size: 16px;
        margin-top: 3%;
    }
    .ProductStyle ul{
        display: flex;
        flex-wrap: wrap;
    }
    .ProductStyle ul li{
        width: 100%;
        display: flex;
    }
    .ProductStyle ul li .com-img{
        width: 50%;
    }
    .ProductStyle ul li .text{
        width: 50%;
        height:auto;
    }
    .ProductStyle ul li .text h4{
        font-size: 16px;
    }
    .ProductStyle ul li .text p{
        font-size: 12px;
    }
    .course-list .swiper2 .swiper-slide b{
        margin-top: 100%;
        font-size: 15px;
    }
    .a-about .Introduction .text h5{
        font-size: 24px;
    }
    .ysqs-product-right .text p , .ysqs-product-details dd  , .luxury-text p , .xypt-sjh-list01 p{
        font-size: 16px;
    }
    .luxury-text , .ysqs-product-details dl{
        flex-wrap: wrap
    }
    .ysqs-product-left , .ysqs-product-right{
        width: 100%;
    }
    .ysqs-product-details dd{
        max-width: 100%;
    }
    .ysqs-product-left P{
        margin: 10% 0;
        font-size: 20px;
    }
    .ysqs-product-box .swiper-pagination{
        right: 0;
    }
    .ysqs-product-box .swiper-pagination .swiper-pagination-bullet , .ysqs-product-box .ysjj-text h5 , .ysjj-img p , .ysjj-img p{
        font-size: 16px;
    }
    .ysqs-angle .text p{
        font-size: 16px;
        text-align: left;
    }
    .x-sub-menu{
        position: inherit;
        opacity: 1;
        visibility: inherit;
        left: 0;
        -webkit-transform: none;
    }
    .x-sub-menu li{
        padding-left: 10%;
    }
    .x-sub-menu li a{
        text-align: left;
    }
    .sjh-angle .text dd{
        width: 100%;
        font-size: 16px;
    }
    .sjh-angle .text dl , .sjh-angle .img-box{
        flex-wrap: wrap;
    }
    .luxury-text h5{
        font-size: 24px;
     margin-bottom: 3%;
    }
    .sjh-angle .img-box{
        display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    }
    .sjh-angle .img-box .img1{
        margin: 0;
        width: 48%;
    }
    .sjh-angle .img-box .img{
        margin: 0;
        width: 51%;
    }
    .sjh-angle .img-box .img .com-img{
        margin: 0;
        width: 100%
    }
    .sjh-angle .img-box .img3{
        display: none;
    }
    .ysqs-product-box .ysjj-text , .introduce-box , .introduce{
        flex-wrap: wrap;
    }
    .ysqs-product-box .ysjj-text h5{
        border: none;
        max-width: 100%;
    }
    .ysqs-product-box .ysjj-text p{
        display: none;
    }
    #ppmx-box #ppmx li{
        width: 47%;
    }
    .introduce p:first-child , .introduce p:nth-child(2){
        max-width: 100%;
    }
    .introduce p , .introduce p:first-child , .introduce-img p , .Originality p{
        font-size: 16px;
    }
    .introduce-tit ,.introduce-box .com-img{
        width: 100%;
    }
    .introduce-tit h6{
        font-size: 24px;
    }
    .Quality-process li p , .xypt-join-tit p{
        font-size: 14px;
    }
    .Originality-box .text p{
        font-size: 14px;
    }
    .xypt-join-tit h5{
        display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    font-size: 24px;
    }
    .xypt-join-tit h5::after, .xypt-join-tit h5::before{
        width: 20%;
        margin: 0 2%;
    }
    .Originality-box{
        width: 100%;
        float: none;
    }
    .Originality-process ul li:nth-child(2n) .Originality-box{
        width: 100%;
        float: none;
    }
    .Originality-process ul::before{
        display: none;
    }
    .Originality-process ul li:nth-child(2n) .text{
        text-align: left;
    }
    .Quality-process li{
        width: 100%;
    }
    .Originality-box .text h5 , .Quality-process li h5{
        font-size: 16px;
    }
    .xypg-news-list li{
        width: 100%;
    }
    .xypt-case .xypt-case-tit .info h5 , .xypt-case .xypt-case-tit .info p{
        font-size: 14px;
    }
    .xypt-case .xypt-case-tit span{
        font-size: 14px;
    }
    .xypt-case .xypt-case-tit::before{
        width: 40%;
        left: 28%;
    }
    .contact ul{
        flex-wrap: wrap;
    }
    .contact ul li{
        text-align: left;
        border-right: 0;
        border-bottom: 1px solid #eee;
        padding: 5%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .contact ul li em{
        margin: 0;
    }
    .contact ul li .text{
        margin-left: 5%;
        margin-top:0;
    }
    .contact ul li .text p{
        font-size: 16px;
    }
    .contact ul li .text h5{
        font-size: 14px;
    }
    .contact ul li:nth-child(2){
        width: 100%;
    }
    .contact ul li:last-child{
        padding: 5%;
    }
    .contact-share img{
        width: 100%;
    }
    .xypt-join-conditions .conditions li{
        width: 50%;
        padding: 5%;
        
    }
    .xypt-join-conditions .conditions li:nth-child(2n){
        border-right:0;
    }
    .xypt-join-conditions .conditions li p{
        font-size: 12px;
    }
    .xypt-join-conditions .conditions li .img img{
        width: 5vh;
    }
    .xypt-join-advantage .advantage li{
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom:0;
    }
    .xypt-join-advantage .advantage li .com-img{
        width: 100%;
    }
    .xypt-join-advantage .advantage li .text{
        max-width: 100%;
        margin: 5%;
    }
    .xypt-join-advantage .advantage li:nth-child(2n) .text{
        float: left;
    }
    .xypt-join-advantage .advantage li:nth-child(2n) .com-img{
        float: left;
    }
    .process li .com-img , .process li .text{
        width: 100%;
    }
    .process li .text{
        margin-top: 4%;
        margin-left:0;
    }
    .process li dd{
        font-size: 14px;
        max-width: 100%;
    }
    .process ul{
        width: 100%;
    }
    .process li dt{
        font-size: 16px;
    }
    .xypt-join-advantage .advantage li .text dd{
        font-size: 14px;
    }
    .Sino-British ul{
        justify-content: flex-start
    }
    .a-about .service .text h5, 
    .course-tit h5,.xypt-sjh-tit h5,.xypt-sjh-tit p{
        
    font-size: 30px;

    }
    .about-box1 .shuzi ul li p{
        font-size: 16px;
    }
    .ProductStyle-box{
        display: none;
    }
    .ysqs-product-left{
        display: none;
    }
    .xypt-sjh-list01 .com-img{
        display: none;
    }
    .contact-share h5{
        font-size: 20px;
    }
    .ysjj-img{
        display: none;
    }
    .ysqs-product-banner{
        display: none;
    }
    .xypt-jxgy-box .introduce p:nth-child(2){
        display: none;
    }
    .xypt-jxgy-box .introduce-box .com-img{
        display: none;
    }
    .Originality-box .text{
        margin-top: 0%;
        margin-bottom: 3%;
        background-color: #f7f7f7;
        padding: 10%;
        width: 100%;
    }
    .household-img{
        display: none;
    }
}
@media only screen and (max-width: 420px){}