@media screen and (max-width: 1200px) {
    :root{ 
        /* 视口有效区域最小宽度，用于防止屏幕大于手机端宽度又小于模板设置的最小完整宽度时，页面的变形 ，一般区header最小宽度和内容最小宽度中最大的*/
        --page-min-width:100%; 
        --page-max-width:100%; 
        /* 头部最小宽度 */
        --header-min-width:100%; 
        /* 页面主体最小宽度 */
        --content-min-width:94%; 
        /* 基本颜色 */
        /* --theme-color-1:#f11312;  */
        --theme-color-1:#d62037; 
        /* 手机端导航面板宽度 */
        --menu-panel-width:80%;
        /* 头部的z-index */
        --header-z-index:12;
        /* 手机端的导航面板的z-index */
        --header-panel-z-index:20;
        /* 遮罩层的z-index */
        --overlay-z-index:11;
        /* 回到顶部的z-index */
        --back-to-top-z-index:10;
        /* 轮播图导航的z-index */
        --banner-pagination-z-index:9;
        /* 顶部搜索栏的z-index */
        --top-search-box-z-index:12;
        /* 悬浮的询盘表单的z-index */
        --fixed-feedback-z-index:21;
    }
    .pc.lazyload{display: none !important;}
    .banner{position: relative;
        --swiper-pagination-bullet-width:30px;
        --swiper-pagination-bottom:10px;
       }
    .pc{display: none;}
    .ztb{min-width: auto;}
    .zts{width: 96%;}
    .h1 { font-size: 24px; line-height: 34px; font-weight: 900; }
    .h1 span{font-size: 24px;color: var(--theme-color-1);line-height: 50px;font-weight: 900;}
    .subtitle { font-size: 16px; line-height: 20px;}
    .desc { font-size: 14px; line-height: 23px; width: 98% !important;}
    page{padding-top: 60px;}
    .header-nav{height: 60px;padding: 15px 0;}
    /* .header-nav-open-menu-button i{background-color: #fff;;} */
    .header-nav-open-menu-button.m{background:unset;}
    .header-nav-open-menu-button i{font-size:30px;color: var(--theme-color-1);font-weight: 900;}
    header{position: fixed;}
    .header-nav-box{background-color: #fff;padding:0 10px;}
    .header-nav-c{position: fixed;right:-100%;top: 0;;height: 100%;width:var(--menu-panel-width);z-index: var(--header-panel-z-index);background-color: #fff;}
    .header-nav-c.open{right:0px;padding-top: 40px;padding-bottom: 135px;}
    .header-nav-c>ul{display: block;}
    .header-nav-c>ul>li{margin:0 0 0 20px;}
    .header-nav-c ul li{position: relative;}
    .has-child::before{content:"+";position: absolute;right:10px;font-weight: 900;}
    .home .header-nav-c>ul>li>a{color: #000;}
    .home .header-nav-c>ul>li.active>a{color: var(--theme-color-1);}
    .child-cat-box{position: unset;}
    .child-cat-box li{padding-right: 40px;}
    .child-cat-box li a{width: auto;background-color: #fff;color: #555;}
    .child-cat-box .child-cat-box{padding-left: 10px;margin-left: 20px;}
    .close-menu-button{position: absolute;top: 10px;right: 10px;font-size: 32px;}
    .has-child.open>.child-cat-box{display: block;}
    .has-child.open::before{content:"-"}
    .has-child.open>a{color:var(--theme-color-1) !important;}
    .top-search-box{display: block;bottom:-100%;top:unset;right:0px;background-color: unset;background: unset}
    .top-search-box.open{display: block;bottom: 20px;z-index: var(--top-search-box-z-index);width:var(--menu-panel-width);padding:0 10px;}
    .top-search-box.open input[type="text"]{background-color: unset;}
    .top-search-box.open button[type="submit"]{flex:0 0 40px;}
    .header-nav-c .header-nav-r-open-quote-button{position: absolute;bottom:80px;left:50%;transform: translateX(-50%);height:42px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .header-nav-c>ul{height:100%;overflow-y: auto;}
    .fixed_feedback { top: 10%; left: 50%; transform: translate(-50%); }
    .foot-2{flex-wrap: wrap;}
    .foot-2-r{flex-wrap: wrap;  }
    .footer-1-li{flex:0 0 100%;margin-bottom: 20px;align-items: center;}
    .foot-2-l{padding-right: 0;flex:0 0 100%}
    .foot-2-r-item{flex:0 0 100%;margin-top: 20px;}
    .footer-1-li i{flex:0 0 40px;height:40px;font-size: 18px;}
    .footer-1{padding-bottom: 15px;}
    .foot-2{padding:20px 0}
    .feedback label {flex: 0 0 100%;}
    .foot-3{font-size: 12px;}
    .foot-2-l-social-media a {margin-right: 10px;}
    .foot-2-l-social-media a i{font-size: 30px;}

    .i-b-1-c-2{position: unset;margin-top: 20px;width: 100%;overflow-x: auto;}
    .i-b-1-content{padding:50px 0;}
    .i-b-1-c-1-l .button_box{margin-top: 20px;}
    .i-b-1-c-2 ul{justify-content: left;}
    .i-b-1-c-2 ul li{flex:0 0 100%;padding: 35px 35px 96px;}
    .i-b-1-c-1-l{padding-right: 0;text-align: center;}

    .i-b-2{overflow: hidden;}
    .i-b-2-content{flex-wrap: wrap;padding:50px 0}
    .i-b-2-content>div{flex:0 0 100%;padding-right: 0;}
    .i-b-2-c-r{flex: 0 0 100%;overflow-x: auto;overflow-y: hidden;;}
    .i-b-2-c-l-items{width: 116%; padding-right: 13%;}
    .i-b-2-c-r-fixed{position: unset;margin-top: 20px;display: flex;}
    .i-b-2-c-r-fixed li{ margin-top: 0 !important;flex-wrap: wrap;justify-content: center;display: inline-block;flex:0 0 50%;text-align: center;padding-right: 0;}
    .i-b-2-c-r-fixed li p{flex:0 0 100% !important;margin-top: 10px;;text-align: center;padding:0 10%;width: 100%;overflow: hidden;}
    .i-b-2-c-l .button_box{text-align: center;}
    .i-b-2-c-l .button_box a,.i-b-2-c-l .button_box button{margin-bottom: 20px;}
    .i-b-4-c-t-l{width: 100%;}
    .i-b-5-c-ul{width: 100%;overflow-x: auto;}
    .i-b-5-c-ul li{flex:0 0 100%}
    .i-b-4-c-b ul{flex-wrap: wrap;}
    .i-b-4-c-b ul li{flex:0 0 50%;margin-top: 20px;}
    .i-b-4-c-t-l{position: unset;margin-bottom: 60px;padding-top: 0px;}
    .playbox{}
    .playbox img{ width: 100%;}
    .i-b-4-c-t-r{width: 100%;padding-left: 10px ;position: unset;}
    .i-b-4{margin-top: 0;height: auto;}
    .i-b-4-c{position: unset;transform:unset;padding:20px 0 }
    .i-b-5-c>.desc{width: 95%;}
    .i-b-6-c>div{flex:0 0 100%}
    .i-b-6-c{flex-wrap: wrap;}
    .i-b-6-c-l .h1{width: 100%;}
    .i-b-6-c-l .i-b-6-c-new-list{width: 100%;}
    .i-b-6-c-r .i-b-6-c-new-list li{flex:0 0 100%;margin-top: 20px !important;}
    .i-b-6-c-r .i-b-6-c-new-list{flex-wrap: wrap;}
    .i-b-6-c-new-list-image{height: auto;}
    .i-b-6-c-new-list-image img{height: auto;}
    .i-b-6-c-r .i-b-6-c-new-list li{height: auto;padding-bottom: 60px;}

    .page-banner {height:200px;position: relative;width: 100%;overflow: hidden;}
    .page-banner >img{height: 100%;width: auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .page-banner{margin-top: 60px;}

    .single-product-b2-top a{padding:6px 27px}
    .about-nav .single-product-b2-top{overflow-x:auto;}
    .about-nav .single-product-b2-top a{white-space:nowrap; }
    .about-block1-b-l{width: 100%;flex:0 0 100%}
    .about-block1-b{flex-wrap: wrap;}
    .about-block1-b-r{padding-left: 0;margin-top: 30px;}
    .about-2-c .h1{width: 100%;}
    .about-2-c ul{width: 100%;overflow-x: auto;}
    .about-2-c li{flex:0 0  100%;}
    .about-3 ul{flex-wrap: wrap;}
    .about-3 ul.about-3-ul1 li{flex:0 0 100%}
    .about-3 ul.about-3-ul2 li{flex:0 0 100%}
    .about-2-c li .about-2-c-li-t{border: 0px;padding-top: 0;height: auto;}
    .about-2-c li:hover .about-2-c-li-t{border: 0px;background-color: unset;}
    .p-products-1-c{flex-wrap: wrap;}
    .p-products-1-c-l{margin-right: 0;}
    .p-products-1-c-l .h1{text-align: center;}
    .p-products-1-c-r{flex:0 0 100%;margin-top: 20px;}
    .timeline-item-content::after{ top: 20px;left: 75px;  }
    .timeline-item-content{width: 100%;flex-wrap: wrap;}
    .timeline{left: 75px;}
    .timeline-item::before{left: 0;}
    .timeline-item{width: 100%;}
    .timeline-item-content img{margin-right: 0;}
    .timeline-item::after{top: 26px;}
    .page-qa-c ul{    grid-template-columns: repeat(1, 1fr);background-image: none;margin-top: 0;}
    .page-qa-c ul li{margin-bottom: 20px;}

    .service-2-c{padding: 0px }
    .p-products-1-c-l .h1.has-before::before{left:50%;transform: translate(-50%);}
    .service{flex:0 0 100%}
    .services{padding-bottom: 0;}    
    .service-2 .feedback{padding-top: 20px;}
    .products_slide_desc{height: auto;}
    .products_slide-pagination{margin-top: 0;}
    .page-qc-block1-item-c{flex-wrap: wrap;}
    .page-qc-block1-item-c>div{flex:0 0 100%;padding: 0;}
    .page-qc-block1-item-c-r{margin-top: 20px;}
    .page-qc-block1-item{padding:30px 0}


    .about-qc-item .i-b-5-c-ul li{padding:0}
    .about-qc-item .i-b-5-c-ul{margin-top: 30px;}
    .about-qc-item .i-b-5-c-ul li .desc{margin-bottom: 0;;}
    .p-products-1 .subtitle{text-align: center;}
    .p-products-2-c-r>ul>li{flex:0 0 100%;flex-wrap: wrap;}
    .item-image{flex:0 0 100%}
    .item-text .a-button{left: 20px;}
    .p-products-2-c-r > ul{padding-left: 0;}

    .breadcrumbs-wrap .title{font-size:24px;}
    .breadcrumbs{flex-wrap: wrap;}
    .products-list-2 .p-products-2-c-r>ul>li .item-image{flex:0 0 100%}

    .products-list-2 .p-products-2-c-r>ul>li{border-bottom: 1px solid #eee;}
    .products-list-3-c-2{padding-top: 30px;}
    .products-list-3-c-1{margin-bottom: 30px;}
    .products-list-3-c-1 .desc{margin-bottom: 30px;}
    .products-list-3-c-2-box{margin-top: 30px;flex-wrap: wrap;}
    .products-list-3-c-2-box>div{flex:0 0 100%}
    .products-list-3-c-2-box .products-list-3-c-2-box-l{margin-bottom: 30px;}
    .products-list-3-c-2-box .products-list-3-c-2-box-l img{width: 100%;}
    .products-list-3-c-2-box .products-list-3-c-2-box-l a{width: 100%;max-height: 100%;}
    .products-list-3-c-2-box .products-list-3-c-2-box-l a figure{width: 100%;max-height: 100%;}
    .single-product-b1-l{flex:0 0 100%;    flex-wrap: wrap; flex-direction: column-reverse;}
    .single-product-b1{flex-wrap: wrap;}
    .single-product-b1-l .magic-image-box{}
    .single-product-b1-l .magic-image-box img{max-height: 100% !important;max-width: 100% !important;min-height: auto !important;min-width: auto !important;width: auto !important;}
    .single-product-b1-r{flex:0 0 100%;margin-top: 20px;}
    .single-product-b3{display: none;   }
    .single-product-b2-top{top: 60px;}
    .MagicScroll.MagicScroll-horizontal{max-width: 100% !important;margin-top: 40px;height: 105px !important;;} 

    .blog-list-b-1-c{flex-wrap: wrap;}
    .blog-list-b-1-c>div{flex:0 0 100%;margin-right: 0;height: auto;}
    .blog-list-b-1-l img{position: unset;}
    .blog-list-b-1{padding:30px 0}
    .blog-list-b-1-r li{margin-top: 20px;margin-bottom: 0;}

    .blog-list-b-2 ul li a{flex-wrap: wrap;overflow: hidden;}
    
    .blog-list-b-2-post-img{flex:0 0 100%}
    .blog-list-b-2-post-detail{padding-left: 0;}
    .blog-list-b-2-post-detail-cat{display: none;}

    .video-list-b-2 ul{grid-template-columns: repeat(1, 1fr);}
    .video-list-b-2 ul li .i-b-6-c-new-list-desc{height: 55px;}
}