@media (max-width: 769px) {

    header .pcHead{display:none}
    header{padding-bottom: 60px;width: 100%;overflow: hidden}
    header .mHead{padding: 7px 0;position: relative;z-index: 3;width: 95%;margin: 0 auto;display: block;}
    header .mHeadBox{position: fixed;top: 0;left: 0;background-color: #fff;width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.08)}
    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after{background-color: #000;}
    .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){top: -66px}
    header .mHead .toggle{right: 0;}
    header .mHead .logo img{max-height: 45px}
    .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{border-radius:unset;border: none}
    .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top: none}
    .hc-offcanvas-nav a.nav-next{border: none}

    footer .mainFoot .footBody{width: 100%;}
    footer .mainFoot .footBody .top{width: 95%;margin: 0 auto}
    footer .mainFoot .footBody .top form{flex-direction: column}
    footer .mainFoot .footBody .top form .m1,
    footer .mainFoot .footBody .top form .m2,
    footer .mainFoot .footBody .top form .m3,
    footer .mainFoot .footBody .top form .m4{width: 100%;}
    footer .mainFoot .footBody .top form .m2{margin: 20px 0}
    footer .mainFoot .footBody .top form .m4{margin-top: 20px;}
    footer .mainFoot .footBody .top .tit1{font-size: 18px;}
    footer .mainFoot .footBody .top .tit2{margin-top: 8px;}




    footer .mainFoot .footBody .bottom{flex-direction: column;position: relative;padding-bottom: 50px;}

    footer .mainFoot .footBody .bottom .right{order: 1;width:80%;margin: 0 auto}
    footer .mainFoot .footBody .bottom .left{order:2}
    footer .mainFoot .footBody .bottom .middle{order: 3}
    footer .mainFoot .footBody .bottom .middle .img2{}

    footer .mainFoot .footBody .bottom .right .contact{display: flex;justify-content: center;align-items: center;flex-direction: column}

    footer .mainFoot .footBody .bottom .right .shareTop{display: flex;justify-content: center}
    footer .mainFoot .footBody .bottom .right .contact .tel .tit1,
    footer .mainFoot .footBody .bottom .right .contact .mail .tit1,
    footer .mainFoot .footBody .bottom .right .contact .tel .tit2{text-align: center}
    footer .mainFoot .footBody .bottom .right .form form .input{width: 100%;}
    footer .mainFoot .footBody .bottom .right .form form .input input{width: 100%;}

    footer .mainFoot .footBody .bottom .right .copyright{display: none}
    footer .mainFoot .footBody .bottom .left{width: 80%;margin: 0 auto;padding-top: 30px;position: relative;z-index: 2}
    footer .mainFoot .footBody .bottom .left .item:not(:first-of-type){margin-left: 20px;}
    footer .mainFoot .footBody .bottom .left .item h3{font-size: 14px;}
    footer .mainFoot .footBody .bottom .left .links{margin-top: 10px;}
    footer .mainFoot .footBody .bottom .left .links a{font-size: .85rem;}
    footer .mainFoot .footBody .bottom .left .bigText{display: none}
    footer .mainFoot .footBody .bottom .left .copyright{display: block;font-size: .85rem;text-align: center;padding-top:80px;}
    footer .mainFoot .footBody .bottom .middle{position: absolute;top: 400px;right: -170px;transform: scale(.7);z-index: 1}
    footer .mainFoot .footBody .bottom .left .footText p{font-size: 15px;font-family: impact, Arial, sans-serif;font-weight: normal;}
    footer .mainFoot .footBody .bottom .left *{font-family: "Quicksand", sans-serif;font-size: .75rem;}

    footer .mFloatBottom{display: block;position: relative;z-index: 80}
    footer .mFloatBottom .content{position: fixed;width: 100%;bottom: 0;left: 0;background-color: #1A1A1A;}
    footer .mFloatBottom .content .item{width: 50%;}
    footer .mFloatBottom .content .item a{width: 100%;height: 45px;}
    footer .mFloatBottom .content .item a i{color: white;font-size: 25px;}




    .shareFloatBox .content .box{width: 95%;padding: 80px 35px}
    .AlbumFloatBox .content .bottom{flex-direction: column}
    .AlbumFloatBox .content .bottom .left{width: 100%;}
    .AlbumFloatBox .content .bottom .left .img{height: unset;}
    .AlbumFloatBox .content .top .left .full.active{display: none}
    .AlbumFloatBox .content .top .left .share{margin-left: unset;}
    .AlbumFloatBox .content .bottom .right{width: 90%;margin: 20px auto 0}
    .AlbumFloatBox{user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;}








    .index1,.index2,.index3,.index4,.index5,.index6,.index7,.index8,
    footer{width: 100%;overflow: hidden}
    .mainWidth{width: 100%;}

    .index3 .content .left .video,
    .index3 .content .left .video video,
    .index3 .bottomBox .right .video video,
    .index3 .bottomBox .right .video,
    .index3 .bottomBox .right,
    .index4 .indx4_sw_box,
    .index5 .top,
    .index6 .top,
    .index7 .top,
    .index6 .index6_sw_box,
    .index7 .listBox,
    .index8 .left,
    .index8 .right,
    .index8,
    .index3 .bottomBox .left{width: 100%;}


    .index1 .inside .img1{width: 154px;}
    .index1 .inside .img1 img{width:inherit;}
    .index1 .inside .img2{width: 183px;}
    .index1 .inside .img2 img{width:inherit;}
    .index1 .inside .img2{right: calc(100% - 13px);top: 27px;}
    .index1 .bottom{bottom: 15px;}
    .index1 .bottom p{font-family: anton, sans-serif;font-weight: normal;}

    .index2 .top{padding: unset}

    .index2 .top .layer{flex-direction: column}
    .index2 .top .layer .left{position: relative;height: unset}
    .index2 .top .layer .left .car img{width: 275px;}
    .index2 .top .layer .red{left: 145px;bottom: unset;top: -33px}
    .index2 .top .layer .black{left: 145px;bottom: unset;top:-40px}
    .index2 .top .layer .black img{height: 148px;}
    .index2 .top .layer .red img{height: 148px;}

    .index2 .top .layer .right{width: 100%;margin-top: -30px;}
    .index2 .top .layer .right .catTextBox{display: none}

    @keyframes index2-animation1 {
        0% {
            top:-100px;
        }
        100% {
            top:-40px;
        }
    }
    @keyframes index2-animation2 {
        0% {
            top: -133px
        }
        100% {
            top: -33px
        }
    }
    .index2 .top .layer .right .content{width: 85%;margin:0 auto}
    .index2 .top .layer .right .yellowTextBox{font-size: 30px;justify-content: flex-end}
    .index2 .top .layer .right .bottomText{margin-top: 10px;}
    .index2 .top .layer .right .bottomText .one{color: #1A1A1A;background-color: #ffc93c;font-family: anton, sans-serif;font-size: 17px;padding: 5px 10px}
    .index2 .top .layer .right .bottomText .three{width: 80%;}

    .index2 .bottom .imgCar{width: 100%;left: 0;transform: unset;top: 80px}
    .index2 .bottom .imgCar img{width: 100%;}
    @keyframes index2-animation5 {
        0% {
            left:100px
        }
        100% {
            left:0
        }
    }


    .index2 .bottom .layerBox{top: -40px;position: relative}
    .index2 .bottom .layer{width: 100%;flex-direction: column;background-color: #d7dfe2;}
    .index2 .bottom .layer .left{width: 100%;}
    .index2 .bottom .layer .right{width: 100%;margin-left: unset;}

    .index2 .bottom .mProductModule{background-image: url('../img/index2_8.webp');display: block}
    .index2 .bottom .mProductModule .mContent{width: 85%;margin: 0 auto}


    .index2 .bottom .mProductModule .textBox{font-size: 40px;font-family: impact,Arial,sans-serif;color: white;letter-spacing: .1rem;position: relative;overflow: hidden}
    .index2 .bottom .mProductModule .tit{color: white}
    .index2 .bottom .mProductModule .listBox a{width: 30px;height: 45px; background-color: #ffc93c;border-radius: 0 0 20px 20px;font-weight: bold;font-family: anton, sans-serif;margin-top: 18px;}
    .index2 .bottom .mProductModule .listBox a:nth-of-type(2){background-color: #00a2e9;margin-left: 10px;}

    .index2 .bottom .layer .left .textBox,
    .index2 .bottom .layer .left .listBox,
    .index2 .bottom .layer .left .tit{display: none}
    .index2 .bottom .layer .right{width: 85%;margin:  0 auto}
    .index2 .bottom .layer .right .list a{width: 50%;}
    .index2 .bottom .layer .right .list a .content{display: flex;justify-content: center;align-items: center;flex-direction: column}
    .index2>.content{background-color: #d7dfe2;}

    .index3{margin-top: unset;padding: 20px 0}
    .index3 .mainWidth{width: 100%;}
    .index3 .content{flex-direction: column;width: 95%;margin: 0 auto}
    .index3 .content .right,
    .index3 .content .left{width: 100%;}
    .index3 .content .right{order: 1}
    .index3 .content .left{order: 2;margin-top: 20px;}

    .index3 .lineBox{width: 100%;overflow: hidden}
    .index3 .content .right{margin-left: unset;}
    .index3 .content .right .tit2{font-size: 40px;}
    .index3 .content .right .text{font-size: .75rem;}
    .index3 .content .left .video .shadow i,
    .index3 .bottomBox .right .video .shadow i{font-size: 30px;}

    .index3 .content .left .picList .prevNext,
    .index3 .bottomBox .right .prevNext{display: none}
    .index3 .content .left .picList .swiper-slide,
    .index3 .bottomBox .right .swiper-slide,
    .index3 .content .left .picList .picListContent .img,
    .index3 .bottomBox .right .picListContent .img{width: 60px;height: 35px;}
    .index3 .content .left .picList,
    .index3 .bottomBox .right .picList{margin-top: 8px;}

    .index3 .bottomBox{flex-direction: column;width: 95%;margin: 0 auto;padding-top: 50px;}
    .index3 .bottomBox .left .tit3,
    .index3 .bottomBox .left .tit2{font-size: 40px;}
    .index3 .bottomBox .left .tit1{font-family: anton, sans-serif;}
    .index3 .bottomBox .left .text{margin-top: 8px;}
    .index3 .bottomBox .left .text p{font-size: .75rem;}
    .index4{padding-top: 60px;}
    .index4 .tit1{padding-left: unset;font-size: 40px;}
    .index4 .tit3{padding: 0;font-size: .75rem;        width: 95%;
        margin: 8px auto;
        line-height: 1rem;
        text-align: unset;}
    .index4 .bottomText{font-size: 45px;}

    .index5{margin-top: unset;margin: 0 auto;width: 95%;}
    .index5 .top{padding-top: 50px;}
    .index5 .top .tit1{font-family: anton, sans-serif;font-size: 20px;}
    .index5 .top .tit2{font-size: 35px;}
    .roadmap.roadmap--orientation-auto::after{display: none}
    .index6,.index7,.index8{width: 95%;margin: 0 auto}
    .index7{padding-bottom: 50px;}
    .index7 .list{flex-wrap: wrap}
    .index7 .list .item{width: 50%;}

    .index8 .content{flex-direction: column}
    .index8 .right .top{margin-top: unset;}
    .index8 .right{padding-left: unset;}
    .index8 .right .top h2{font-size: 55px;}
    .index8 .right .top .desc{margin-top: 0;}


    .proList1{padding-bottom: 50px;}
    .proList1 .content,
    .proList2{width: 100%;padding:40px 0 }
    .proList1 .content .tit1{font-size: 32px;}
    .proList1 .content .tit2{font-size: 32px;}
    .proList1 .content .tit2 p,
    .proList1 .content .tit2 span{font-size: 18px;}
    .proList1 .content .img img{width: 100%;}
    .proList1 .content .tit3{font-size: 12px;}

    .proList2 .tit1{font-size: 24px;}
    .proList2 .tit2{font-size: 18px;}
    .proList2 .tit3{font-size: .75rem;}
    .proList2 .list a{width: 50%;}

    .proList3{width: 100%;overflow: hidden}
    .proList3 .content .body{width: 100%;}
    .proList3 .content .body .text{width: 90%;margin:0 auto}
    .proList3 .content .text .tit1, .proList3 .content .text .tit2{font-size: 28px;}
    .proList3 .content .text .tit3, .proList3 .content .text .tit4{font-size: .8rem;}
    .proList3 .content .rImg{top: 50px;}
    .proList3 .content .rImg img{width: 100%;}
    .proList3 .content .textList{width: 90%;margin:0 auto}
    .proList3 .content .textList .item{font-size: 17px;padding: 0 10px}
    .proList3 .content .textList .item:first-of-type{padding: 0 10px 0 0}
    .proList4 .content .body{width: 100%;}
    .proList4 .content .body .text{width: 90%;margin:0 auto;position: relative;z-index: 4}
    .proList4 .content .body .text .tit1{font-size: 32px;}
    .proList4 .content .body .text .tit2{font-size: 32px;}
    .proList4 .content .body .text .tit3{font-size: 16px;}
    .proList4 .content .body .lImg{position: absolute;z-index: 2;top: 130px}
    .proList4 .content .body .lImg img{width: 54%;}
    .proList4 .content .body .list{flex-direction: column;justify-content: flex-end;align-items: flex-end;position: relative;z-index: 5;width: 90%;margin:50px auto 0}
    .proList4 .content .body .list .item{margin-top: 15px;}
    .proList4 .content .body .list .item .one{font-size: 29px;line-height: 29px;}
    .proList4 .content .body .list .item .two{font-size: 24px;}
    .proList4 .content .body .list .item p{margin-top: 3px;}


    .proList5{width: 100%;overflow: hidden}
    .proList5 .content .body{width: 90%;margin:0 auto}
    .proList5 .content .body .tit1,
    .proList5 .content .body .tit2{font-size: 32px;}
    .proList5 .content .body .tit3{font-size: 18px;}
    .proList5 .content .body .rImg{position: relative;right: 0;}
    .proList5 .content .body .rImg .img1 img{width: 100%;}
    .proList5 .content .body .lImg{margin-top: 20px;}
    .proList5 .content .body .lImg img{width: 85%;}
    .proList5 .content .body .rImg .img2{top: 5px;left: 10px;}
    .proList5 .content .body .desc{width: 100%;}


    .proList6{width: 100%;overflow: hidden}
    .proList6 .proList6_1{width: 100%;padding-bottom: 20px;}
    .proList6 .proList6_1 .tit1{font-size: 30px;width: 80%;margin: 0 auto}
    .proList6 .proList6_1 .tit2{font-size: .8rem;width: 80%;margin: 0 auto}


    .proList6 .proList6_1 .imgGallery{width: 426px;margin-left: -54px;}

    .proList6 .proList6_1 .img{margin-top: 0;width: 100%;}
    .proList6 .proList6_1 .img img{width:100%;}

    .proList6 .proList6_1 .img1{top: 80px;left: 83px;}
    .proList6 .proList6_1 .img1 img{width: 77px;}

    .proList6 .proList6_1 .img2{top: 104px;left: 245px;}
    .proList6 .proList6_1 .img2 img{width: 19px;}


    .proList6 .proList6_1 .img3{top: 134px;left: 197px;}
    .proList6 .proList6_1 .img3 img{width: 9px;}


    .proList6 .proList6_1 .img4{top: 132px;left: 230px;}
    .proList6 .proList6_1 .img4 img{width: 54px;}

    .proList6 .proList6_1 .img5{top: 133px;left: 232px;}
    .proList6 .proList6_1 .img5 img{width: 50px;}

    .proList6 .proList6_1 .img6{top: 152px;left: 325px;}
    .proList6 .proList6_1 .img6 img{width: 9px;}


    .proList6 .proList6_1 .img7{top: 156px;left: 247px;}
    .proList6 .proList6_1 .img7 img{width: 21px;}

    .proList6 .proList6_1 .img8{top: 0;left: 274px;}
    .proList6 .proList6_1 .img8 img{width: 112px;}

    @keyframes animate-proList6_8 {
        0%{top: 0}
        100%{ top: 76px;}
    }


    .proList6 .proList6_1 .img9{left: 253px;}
    .proList6 .proList6_1 .img9 img{width: 8px}
    @keyframes animate-proList6_9 {
        0%{top: 400px}
        100%{ top: 235px;}
    }
    .proList6 .proList6_1 .imgT1{top: 212px;left: 195px;width: 2px;height: 2px;}
    .proList6 .proList6_1 .imgT2{top: 188px;left: 119px;width: 2px;height: 2px;}


    .proList6 .proList6_2{width: 100%;padding-bottom: 150px;}
    .proList6 .proList6_2 .tit1{font-size: 30px;text-align: right;width: 85%;margin: 0 auto}
    .proList6 .proList6_2 .tit2{font-size: .6rem;}
    .proList6 .proList6_2 .topImg{margin-top: 10px;}
    .proList6 .proList6_2 .topImg img{width: 80%;}


    .proList6 .proList6_2 .img1 img{width: 133px;}
    .proList6 .proList6_2 .img2{top: 60px;left: 101px;}
    .proList6 .proList6_2 .img2 img{width: 182px;}
    .proList6 .proList6_2 .img3{top: 45px;left: 210px;}
    .proList6 .proList6_2 .img3 img{width: 96px;}

    .proList6 .proList6_2 .arrow2{top: 61px;}
    .proList6 .proList6_2 .arrow2 svg{width: 15px;height: 11px;}

    .proList6 .proList6_2 .arrow1{top: 61px;left: 135px;}
    .proList6 .proList6_2 .arrow1 svg{width: 15px;height: 11px;}

    @keyframes animate-proList622 {
        0% { transform: translateX(80px); }
        100% { transform: translateX(0px); }

    }
    @keyframes animate-proList623 {
        0%{left: 200px}
        50%{left: 190px}
        100%{ left: 135px;}

    }
    @keyframes animate-proList624 {
        0%{left: 90px}
        100%{ left: 25px;}
    }



    .pageFactory3 .content img{padding: 50px 0}
    .pageFactory4 .content .item{margin-top: 30px;}
    .pageFactory4 .content .item .tit{font-size: 20px;}
    .index7 .top .tit{font-family: impact, Arial, sans-serif;font-weight: normal;}
    .pageFactory5{padding-top: 50px;}
    .pageFactory6.index4{width: 95%;margin: 0 auto}


    .page_work_m1,
    .page_work_m2,
    .page_work_m3,
    .page_work_m4,
    .page_work_m5,
    .page_work_m6,
    .page_work_m7{width: 100%;overflow: hidden}


    .page_work_m1 .content .video,
    .page_work_m1 .content .img2,
    .page_work_m2 .content,
    .page_work_m3 .content,
    .page_work_m4 .content,
    .page_work_m5 .content,
    .page_work_m6 .content,
    .page_work_m7 .top,
    .page_work_m3 .content .module1 .left,
    .page_work_m3 .content .module1 .right,
    /*.page_work_m4 .content .left,*/
    /*.page_work_m4 .content .right,*/
    .page_work_m6 .content .left,
    .page_work_m6 .content .right,
    .page_work_m1 .content .text1,
    .page_work_m1 .content .text2,
    .page_work_m3 .content .module1 .left img,
    .page_work_m1 .content .titBox{width: 100%;}



    .page_work_m3 .content .module1
    ,.page_work_m6 .content
    /*,.page_work_m4 .content*/
    {flex-direction: column}

    .page_work_m5 .content .list .item{width: 33.333%;}
    .page_work_m5 .content .list .item img{width: 100%;height: auto}


    .page_work_m2 .content .item{font-size: .5rem;}


    .page_work_m3 .content .module2 .list{display: flex;flex-direction: column}
    .page_work_m3 .content .module2 .item{width: 100%;}
    .page_work_m3 .content .module1 .right{margin-left: unset;}


    .page_work_m4 .content .left{width: 50%;}
    .page_work_m4 .content .left .imgBox .img1{width: 100%;}
    .page_work_m4 .content .left .imgBox .img1 img{width: 100%;}
    .page_work_m4 .content .left .imgBox .img2 img{width: 60px;}

    .page_work_m4 .content .right .top{transform: unset}
    .page_work_m4 .content .right .tit1, .page_work_m4 .content .right .tit2
        ,.page_work_m6 .content .left .tit1
        ,.page_work_m6 .content .left .tit2

    {font-size: 20px;}
    .page_work_m4 .content .right .tit3{font-size: .75rem;}
    .page_work_m4 .content .right .text{font-size: .6rem;}
    .page_work_m4 .content .right .list .item img{max-width: 100%;}

    .page_work_m1 .content .img1 img,
    .page_work_m1 .content .text2,
    .page_work_m1 .content .text1,
    .page_work_m1 .content .img2{width: 90%;}
    .page_work_m1 .content .titBox .tit{font-size: 14px;font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m1 .content .titBox .line1,
    .page_work_m1 .content .titBox .line2{width: 10%;}
    .page_work_m1 .content .text1{font-family: impact, Arial, sans-serif;font-weight: normal;}


    .page_work_m3{padding: 30px 0}
    .page_work_m3 .content .module1{width: 85%;margin: 0 auto}
    .page_work_m3 .content .module1 .right .tit1{font-size: 20px;transform: unset;margin-top: 15px;  font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m3 .content .module1 .right .text p{font-size: .75rem;font-family: "Quicksand", sans-serif;}


    .page_work_m3 .content .module2{margin-top: 50px;}

    .page_work_m3 .content .module2 .item{display: flex;align-items: center}
    .page_work_m3 .content .module2 .item .imgBox{transform: scale(.8)}
    .page_work_m3 .content .module2 .item .imgBox *{}
    .page_work_m3 .content .module2 .item .text{width: 50%;font-size: .75rem;font-family: "Quicksand", sans-serif;}

    .page_work_m3 .content .module2 .item:nth-of-type(even) .imgBox{order: 2}
    .page_work_m3 .content .module2 .item:nth-of-type(even) .text{order: 1;transform: translateX(20px)}


    .page_work_m4{padding-top: 80px;}

    .page_work_m4 .content .right .tit1, .page_work_m4 .content .right .tit2{font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m4 .content .right .tit3{font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m4 .content .right .text{font-size: .65rem;font-family: "Quicksand", sans-serif;line-height: 15px;padding-left: 10px;box-sizing: border-box}
    .page_work_m4 .content .left .imgBox .img1 img{width: 80%;}

    .page_work_m5 .content{margin: 50px 0}
    .page_work_m4 .content .left .imgBox .img2{top: 114px;left: 94px;}
    .page_work_m4 .content .left .imgBox .img2 img{width: 60px;}
    .page_work_m4 .content .left .imgBox .img3{top: 94px;left: 52px;}
    .page_work_m4 .content .left .imgBox .img3 img{width: 51px;}
    .page_work_m4 .content .left .imgBox .img4{top: 132px;left: 120px;}
    .page_work_m4 .content .left .imgBox .img4 img{width: 26px;}
    .page_work_m4 .content .right .list{margin-top: 20px;padding-right: 20px;box-sizing: border-box}
    .page_work_m4 .content .right .list .item img{width: 35px;}
    .page_work_m4 .content .right .list2{margin-top: 10px;}
    .page_work_m5 .content .list{margin: 0 5px}
    .page_work_m5 .content .list .item{padding: 5px; box-sizing: border-box}
    .page_work_m5 .content .text{font-size: .6rem;font-family: "Quicksand", sans-serif;}

    .page_work_m6 .content {width: 95%;margin: 0 auto}
    .page_work_m6 .content .left .tit1,
    .page_work_m6 .content .left .tit2,
    .page_work_m6 .content .left .desc{transform: unset;}
    .page_work_m6 .content .left .tit1,
    .page_work_m6 .content .left .tit2{font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m6 .content .left .desc{font-size: .65rem;font-family: "Quicksand", sans-serif;width: 100%;font-weight: bold;margin-top: 5px;}
    .page_work_m6 .content .right{margin-top: 10px;}
    .page_work_m6 .content .right .video .playerShadow i{font-size: 50px;}
    .page_work_m7{width: 100%;padding-bottom: 0;}
    .page_work_m7 .top{margin: 30px auto 0;width: 95%;}
    .page_work_m7 .top .tit{font-size: 20px;font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m7 .top .desc{font-size: .65rem;font-family: "Quicksand", sans-serif;}
    .page_work_m7 .page_work_m7_box{margin: 0}
    .page_work_m7 .paginationBox{display: block;margin-top: 20px;position: relative}
    .page_work_m7 .swiper-slide .desc{font-size: .65rem;font-family: "Quicksand", sans-serif;margin-top: 5px;}
    .page_work_m7 .swiper-slide .tit{font-family: impact, Arial, sans-serif;font-weight: normal;}
    .page_work_m7 .swiper-slide .text{padding: 10px 20px}

    .listBlog1 .content{flex-direction: column}
    .listBlog1 .content .left,
    .listBlog1 .content .right,
    .listBlog1 .content,
    .listBlog2{width: 100%;overflow: hidden}


    .listBlog1{padding: 30px 0 0 0}
    .listBlog1 .content .right{margin-left: unset;margin-top: 50px;}
    .listBlog2 .list .item{width: 100%;}
    .listBlog1 .content .left{width: 95%;margin: 0 auto}
    .listBlog1 .content .left .tit{font-size: 49px;}
    .listBlog1 .content .left .desc{font-size: .8rem;}
    .listBlog1 .content .right .videoBox .swiper-slide .text .tit{font-size: 16px;}
    .listBlog1 .content .right .videoBox .playBtn i{font-size: 30px;}
    .listBlog1 .content .right .videoBox .playText{font-size: 16px;}
    .listBlog2{padding: 30px 0}




    .single_default_m2 .content{width: 100%;flex-direction: column}
    .single_default_m2 .content .left,
    .single_default_m2 .content .right{width: 100%;}

    .single_default_m2 .content .right{margin-left: unset;}
    .single_default_m2 .content{padding: 20px 0;width: 85%;margin: 0 auto}
    .single_default_m2 .content .left{border: none;padding: 0}
    .single_default_m2 .content .left .tit{font-size: 16px;}
    .single_default_m2 .content .left .body{font-size: 14px;}
    .single_default_m2 .content .right{margin-top: 30px;}


    .page_contact_2 .content{width: 100%;overflow: hidden}
    .page_contact_2 .content .body{width: 85%;margin: 0 auto;padding: 30px 10px}


    .page_contact_2 .content .body .top .tit1{font-size: 35px;}
    .page_contact_2 .content .body .bottom{margin-top: 20px;margin-left: 0;}

    .page_contact_2 .content .body .top .address p,
    .page_contact_2 .content .body .bottom .item p, .page_contact_2 .content .body .bottom .item a{font-size: .7rem;}
    .page_contact_2 .content .body .top .tit2,
    .page_contact_2 .content .body .bottom .tit1{font-size: 16px;}

    .sinlge_product_1 .content,
    .sinlge_product_2 .content,
    .sinlge_product_3 .content{width: 95%;margin: 0 auto;}
    .sinlge_product_2 .content{flex-direction: column}
    .sinlge_product_2 .right{width: 95%;margin: 0 auto}
    .sinlge_product_2 .right{margin-top: 30px;}

    .page_search1,
    .page_search2{width: 95%;margin:0 auto}
    .page_search2 .item{flex-direction: column}
    .page_search2 .item .left{width: 100%;height: auto;}
    .page_search2 .item .left .img{width: 100%;height: auto}
    .page_search2 .item .left .img img{width: 100%;height: auto;max-width: unset;max-height: unset}
    .page_search2 .item .right{width: 100%;margin-left: unset;}
    .page_search1 form .input input{border: 1px solid #00aced}
    .page_search2 .item .tit{font-size: 15px;}
    .page_search2 .item .desc{font-size: .75rem;padding-top: 8px;}

}