@media screen and (max-width:750px){
    .main{
        max-width: 100%;
	    min-width: 300px;
        padding: 0 .2rem;
        margin: 0 auto;
    }
    img{
        width: 100% !important;
    }
    
    .allmap img,.m_nav_close img{
        width: auto !important;
    }
    
    .gsjs-title-img img{
        width: 50% !important;
    }
    .qlink li img{
        width: .3rem !important;
    }
    .product_cover img{
        width: 2rem !important;
    }
    .brand-arrow img{
        width: .25rem !important;
    }
    
    .m-logo{
        width: 3rem;
        padding: .3rem .15rem;
    }
    .m-logo img{
        width: 100%;
    }
    .top_logo{
        left: .2rem !important;
    }
    .top_logo img{
        width: 2rem !important;
    }
    .flex{
        display: block;
    }
    .qm-ming{
        font-size: .3rem !important;
    }
    .news_content{
        font-size: .24rem !important;
        padding: 0 .24rem !important;
    }
    .qyln li{
        width: 49% !important;
        border: 0 !important;
        border-top: .01rem #bebebe solid !important;
        padding: .1rem !important;
    }
    .qyln li:nth-of-type(2n+1){
        clear: both;
        border-right: .01rem #bebebe solid !important;
    }
    .site-text{
        margin: 0 auto !important;
        padding: .4rem;
        /* background-color: rgba(0, 0, 0, .4); */
    }
    .province{
        border-right: .02rem solid #FFF !important;
    }
    .ct-categroy{
        padding: .1rem .2rem !important;
    }
    .branch-sub-l li{
        font-size: .26rem !important;
        color: #FFF !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .site-img{
        padding: .2rem 0 !important;
    }
    .branch-sub-t{
        font-size: .3rem !important;
        color: #d63874 !important;
    }
    .crumbs_u li{
        font-size: .24rem !important;
    }
    
    .s-r-line{
        width: .02rem !important;
    }
    .zy-block-text{
        height: auto !important;
    }
    
    .zy-block-text::-webkit-scrollbar
    {
        width: 0 !important;
    }
    .d-c-s-t{
        font-size: .26rem !important;
    }
    .d-c-s-b {
        width: 2rem !important;
        line-height: .4rem !important;
    }
    .wnyyx-text{
        position: relative;
        width: 100%;
        padding: .4rem 0;
    }
    .wnyyx-body{
        position: relative;
        top: 0;
        transform: translateY(0);
    }
    .wnyyx-img img{
        width: 100%;
    }
    .pp-content{
        padding: 0;
    }
    .pp-content:nth-of-type(2){
        margin-top: .2rem;
    }
    .qlink li{
        width: 24.6%;
        font-size: 0;
        padding: .4rem 0 .2rem 0;
        vertical-align: top;
    }
    .qlink li img{
        height:.3rem;
    }
    .qlink li p{
        font-size: .26rem;
    }
    .logo-w{
        display: none;
    }
    .f-c-content{
        padding: 0 .2rem;
    }
    
    .f-center{
        padding-top: .4rem;
    }
    .f-qrcode{
        display: flex;
        width: 100%;
    }
    .f-q-c{
        flex: 1;
        width: 100%;
    }
    .f-c-c-t{
        font-size: .26rem;
    }
    .f-c-c-c{
        font-size: .2rem;
    }
    .swiper-slide{
        z-index: 2;
    }
    .gsjs-l-b{
        padding: .2rem !important;
        position: relative !important;
        top: 0 !important;
        transform: translateY(0) !important;
    }
    
    .zy-block-img{
        padding: .2rem 0 !important;
        height: auto !important;
    }
    .pp-content{
        width: 100% !important;
    }
    #about-gsyg .zy-block-img{
        border-left: .01rem solid #bebebe;
    }
    #spa-block .zy-block-img{
        padding: 0 !important;
    }
    .yg-content{
        position: relative !important;
    }
    .yg-d-content p:nth-last-of-type(1){
        margin-bottom: 0;
    }
    .circular {
        width: .24rem !important;
        height: .24rem !important;
        left: -0.12rem !important;
    }
    #about-gsyg .yg-content{
        top: -.1rem !important;
    }
    .ct-d-content{
        margin-top: -.1rem !important;
    }
    .zy-block{
        padding-top: 0 !important;
    }
    #about-syly .gsjs-l-b{
        padding: .2rem !important;
    }
    #about-syly .zy-block-img{
        padding: 0 !important;
    }
    .product_i_intro{
        display: none !important;
    }
    .s_img{
        display: none;
    }
    .site-img{
        width: 100% !important;
    }
    .brand-info{
        padding: .2rem 0;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: translate(0,0) !important;
    }
    .product_ll{
        width: 100% !important;
        padding: .3rem !important;
        display: flex !important;
    }
    .ll-cover, .ll-info{
        width: auto !important;
    }
    .ll-info{
        flex: 1 !important;
        padding-left: .5rem !important;
        position: relative !important;
    }
    .p-body img{
        max-width: 100%;
    }
    
    .dc-u-list li{
        width: 100% !important;
        clear: both !important;
    }
    #page_info{
        display: none;
    }
    .icon i{
        font-size: 1rem !important;
    }
    .h-480{
        display: none !important;
    }
    .list-title span:nth-of-type(1),
    .list-body span:nth-of-type(1){
        width: 70% !important;
    }
    .s-480{
        display: block !important;
        line-height: .3rem !important;
    }
    .d-c-s-t,
    .list-title{
        padding: .2rem 0 !important;
    }
    .t-flex{
        display: flex !important;
    }
    .j-i-d{
        /* position: relative !important;
        top: 0 !important;
        transform: translateY(0) !important; */
    }
    .zm-dg li span:nth-of-type(1){
        width: 20% !important;
    }
    .zm-dg li span:nth-of-type(2){
        width: 80% !important;
    }
    .swiper-swiper-container{
        overflow: hidden !important;
    }

    .margin-t-1{
        margin-top: .1rem !important;
    }
    .margin-t-2{
        margin-top: .2rem !important;
    }

    .margin-t-3{
        margin-top: .3rem !important;
    }
    .margin-t-4{
        margin-top: .4rem !important;
    }

    .padding-t-2{
        padding-top: .2rem !important;
    }

    .padding-b-2{
        padding-bottom: .2rem !important;
    }
    .padding-b-4{
        padding-bottom: .4rem !important;
    }

    .font-h1{
        font-size: .36rem !important;
        line-height: .54rem !important;
    }
    .font-h2{
        font-size: .32rem !important;
        line-height: .48rem !important;
    }
    .font-h3{
        font-size: .28rem !important;
        line-height: .42rem !important;
    }

    .font-t1{
        font-size: .24rem !important;
        line-height: .36rem !important;
    }
    .font-t2{
        font-size: .24rem !important;
        line-height: .36rem !important;
    }
    .js-info {
        text-align: right !important;
        display: block !important;
        float: right;
    }
    .js-photo {
        display: block;
        float: left;
        margin-left: 0 !important;
        position: absolute !important;
        left: 0;
    }
    .j-i-d {
        position: relative !important;
        margin-top: 0 !important;
        transform: translateY(0) !important;
    }

    .jmms li{
        width: 50%;
        margin-top: 1.6rem;
    }
    .jmms li:nth-child(-n+2){
        margin-top: 0;
    }
    .jmms li:nth-child(2n+1){
        clear: both;
    }
    .jmms li:nth-child(3),
    .jmms li:nth-child(4),
    .jmms li:nth-child(7),
    .jmms li:nth-child(8)
    {
        float: right;
    }
    
    .jmms-l{
        width: 2.4rem;
        height: 2.4rem;
    }

    .jmms-l img{
        width: .8rem !important;
    }
    
    .arrow{
        width: .8rem !important;
    }

    .jmms li:nth-child(1) .arrow,
    .jmms li:nth-child(5) .arrow{
        top: 0.8rem;
        right: -.4rem;
    }

    .jmms li:nth-child(3) .arrow,
    .jmms li:nth-child(7) .arrow{
        top: 0.8rem;
        left: -.4rem;
        transform: rotate(180deg);
    }

    .jmms li:nth-child(4) .arrow{
        right: 50%;
        top: 3.6rem;
        margin-right: -.4rem;
        transform: rotate(90deg);
    }

    .jmms li:nth-child(2) .arrow,
    .jmms li:nth-child(6) .arrow{
        transform: rotate(90deg);
        right: 50%;
        margin-right: -.4rem;
        top: 3.6rem;
    }

    .site_map_chapter{
        width: 100%;
        float: none;
    }
    .left-text{
        margin-top: 1rem !important;
        font-size: .26rem !important;
    }
    .right-img {
        width: 100% !important;
    }
    .map-img{
        display: none;
    }
    .map-text{
        white-space:break-word !important;
    }
}