@media screen and (max-width: 1750px) {
    .header{padding: 30px 0;}
    .header.on{padding: 15px 0;}
    .menuNav{margin-top: 100px;}
    .menuBox .cont{padding: 40px 45px;}
    .menuNav li{padding: 25px 0;}
    .goback{right: 20px;}
    .aboutIn{padding-top: 140px;padding-bottom: 80px;}
    .aboutIn-tit h1{margin-bottom: 10px;font-size: 30px;line-height: 40px;}
    .about-video video{height:585px; }
    .videoPause{width: 60px;margin-top: -30px;margin-left: -30px;}
    .pro-tit h1{width: 62px;font-size: 60px;line-height: 60px;}
    .productIn .imgBox li .img{height: 800px;}
    .productIn .imgBox li .look .mr{margin-top: 10px;}
    .productIn .imgBox li .look h1{font-size: 22px;line-height: 30px;}
    .productIn .imgBox li.active .look h1{font-size: 30px;line-height: 38px;}
    .productIn .imgBox li.active .look .mr{margin-top: 15px;}
    .proP-more .wrap{padding-top: 100px;padding-bottom: 100px;}
    .proP-more ul li .tit h2{width: 32px;font-size: 30px;line-height: 30px;}
    .proP-more ul li .tit span{width: 20px;font-size: 18px;line-height: 20px;}
    .proP-more ul li{padding-bottom: 80px;}
    .proP-more ul li .gp.bott{bottom: 80px;}
    .proP-more ul li .gp.bott{max-width: 40%;}
    .proP-more ul li .gp.bott .imgB{text-align: left;}
    .proP-more ul li .gp.bott .img{width: 60%;}
    .proP-more ul li .tit2{right: auto;left: 65%;}
    .proP-more ul li .tit2 h2{width: auto;font-size: 22px;line-height: 22px;}
    .proP-more ul li .tit2 span{width: auto;font-size: 16px;line-height: 20px;}
    .proP-more .pro-tit{margin-right: 50px;}

    .proP-more .imgB.flef .img{max-width: 70%;}
    .proP-more .imgB .detail{margin-left: 20px;}
    /*.proP-more ul li.fh .imgB{max-width: 60%;}*/
    .proP-more ul li .gp.frig .imgB .img{width: 60%;}
    /*.proP-more ul li.fh .gp.frig .imgB .img{width: 60%;}*/
    .proP-more ul li .tit3{left: 100px;}
    .proP-total{padding-top: 100px;}
    .downOwner{margin-top: 50px;}
    .ownerIn{padding-bottom: 80px;}
    .ownerIn .wrap{padding-top: 140px;padding-bottom: 50px;}
    .owner-list{padding: 0 140px;}
    /*.owner-list .img{width: 700px;}*/
    /*.owner-list .info{width: 520px; height: 380px; margin-top: -190px;}*/
    .owner-list .info .cont{padding: 25px;}
    .owner-list .info h1{font-size: 32px;line-height: 46px;}
    .owner-list .info p{font-size: 14px;line-height: 30px;}
    .owner-list .info .lk{left: 25px;bottom: 25px;}
    .owner-list .info .lk span{font-size: 14px;line-height: 14px;}
    .owner-list .info .lk img{height: 14px;}
    .ownerIn .swiper-button-prev, .ownerIn .swiper-button-next{width: 50px;height: 50px;margin-top: -25px;}
    .ownerIn .swiper-button-prev::before,.ownerIn .swiper-button-next::before{width: 52px;height: 52px;margin-top: -26px;margin-left: -26px;}
    .ownerIn .swiper-pagination{bottom: -50px;}
    .f-banner{height:680px;}
    .current .cont h1{width: 50px;font-size: 36px;line-height: 50px;}
    .videoCont h1,.videoCont p{font-size: 44px;line-height: 64px;}
    .videoCont .videoPause{margin-top: 100px;}
    .fnav{padding: 65px 0;}
    .f-navlist li a{padding-left: 35px;margin-left: 35px;}
    .f-navlist li a::before{height: 110px;}
    .f-navlist li a img{width: 16px;margin-right:16px;}
    .f-navlist li a span{width: 18px;font-size: 14px;line-height: 16px;}
    .f-navlist li a h2{width: 30px;font-size: 26px;line-height: 30px;}
    .fnav .curr em{width: 18px;}

    .titleC{margin-bottom: 80px;}
    .titleC .mes h1{font-size: 50px;line-height: 60px;}
    .titleC .mes,.titleC .mes p{font-size: 16px;line-height: 34px;}
    .titleC .mes em{height: 18px;margin-top: 15px;margin-bottom: 25px;}
    .titleC .mes .info{margin-top: 20px;}
    .founding span{font-size: 16px;line-height: 16px;}
    .founding em{font-size: 110px;line-height: 100px;}
    .founding .year span{margin-top: 12px;}
    .aboutIntro .mes{padding: 70px 15px;}
    .aboutIntro,.aboutIntro p{font-size: 16px;line-height: 34px;}
    .aboutIntro .more{margin-top: 20px;}
    .aboutImg{margin-top: -160px;}
    .aboutVision{padding: 100px 0;}
    .vision .mes h1{font-size: 40px;line-height: 80px;margin-bottom: 20px;}
    .vision .mes p{font-size: 16px;line-height: 34px;}
    .inner-tit{padding-top: 8px;}
    .inner-tit h1{width:60px;font-size: 50px;line-height: 54px;}
    .person-list{padding-top:75px; }
    .person-list li{padding-bottom: 100px;margin-bottom: 100px;}
    .person-list li .img{width: 380px;}
    .person-list li .mes{padding-left:55px;}
    .person-list li .mes h2{font-size: 28px;line-height: 40px;}
    .person-list li .mes em{height: 18px;margin-top: 25px;margin-bottom: 15px;}
    .person-list li .mes p,.person-list li p{font-size: 16px;line-height: 30px;}
    .person-list li .lef .inner-tit{margin-bottom: 35px;}
    .person-list li .lef .mes{padding-right: 30px;padding-left: 0;}
    .person-list li.liF .img,.person-list li.liF2 .img{width: 480px;}
    .person-list li.liF2 .mes{padding-left: 0;padding-right: 50px;}
    .person-quote{margin-bottom: 100px;}
    .person-quote .cont{padding-top:280px;padding-bottom: 180px;}
    .person-quote .cont,.person-quote p{font-size: 18px;line-height: 32px;}
    .timeline{margin-bottom: 100px;}
    .timeline .box{padding-left: 160px;}
    .timeline-list li{padding-bottom: 50px;margin-bottom: 50px;}
    .timeline-list li .time span{font-size: 50px;line-height: 46px;}
    .timeline-list li .time em{font-size: 18px;line-height: 22px;}
    .timeline-list li .line{height: 18px;margin: 30px 0;}
    .timeline-list li .mes,.timeline-list li .mes p{font-size: 16px;line-height: 38px;}
    .timeline .more{font-size: 16px;line-height: 38px;padding: 0 0;}
    .timeline-list .time span{font-size: 50px;line-height: 46px;}
    .timeline-list .time em{font-size: 18px;line-height: 22px;}
    .timeline-list .line{height: 18px;margin: 15px 0;}
    .timeline-list .mes,.timeline-list .mes p{font-size: 16px;line-height: 36px;}
    .timeline-list .swiper-container{height: 400px;}

    .secL{padding-bottom: 100px;margin-bottom: 100px;}
    .culture-intro .mes .info{margin-top: 50px;}
    .culture-intro .mes,.culture-intro .mes p{font-size: 16px;line-height: 28px;}
    .vision-intro .cont,.vision-intro .cont p{font-size: 18px;line-height: 36px;}
    .secL{padding-bottom: 100px;margin-bottom: 100px;}
    .yl-culture .yl-info{padding-left: 55%;margin-top: 110px;margin-bottom: 80px;}
    .yl-culture .yl-info p{font-size: 16px;line-height: 30px;}
    .culture-img{margin-bottom: 100px;}
    .sli .swiper-button-prev,.sli .swiper-button-next{width:48px;height: 48px;}
    .sli .swiper-button-next{margin-left: 20px;}
    .sli .swiper-button-prev::before,.sli .swiper-button-next::before{margin-left: -25px;  margin-top: -25px;}
    .sli .swiper-button-prev::after,.sli .swiper-button-next::after{background-size: 12px;}
    .culture-img .swiper-slide{ width: 42%;}
    .culture-img .img{padding-right: 30px;}
    .culture-img .swiper-slide-active,.culture-img .swiper-slide-duplicate-active{width: 56%;}
    .aboutBrand{margin-bottom: 100px;}
    .aboutBrand .box .mes .info{padding-left: 80px;padding-right: 80px;}
    .aboutBrand .box .mes h1{font-size: 40px;line-height: 50px;}
    .aboutBrand .box .mes em{margin: 22px 0; }
    .aboutBrand .box .mes p{font-size: 20px;line-height: 30px;}
    .aboutBrand .box .nm span{width: 20px;font-size: 18px;line-height: 22px;padding-top: 12px;}
    .aboutBrand .box .nm h1{width:56px;font-size:50px;line-height: 54px;}
    .aboutBrand .swiper-num{font-size: 22px;line-height: 22px;}
    .aboutBrand .swiper-num em{font-size: 50px;line-height: 50px;}
    .sec-tab .tab-intro .info,.sec-tab .tab-intro .info p{font-size: 16px;line-height: 40px;}
    .sec-tab .tab-intro{padding: 30px 0;}
    .sec-tab .tab-intro .info, .sec-tab .tab-intro .info p{line-height: 44px;}
    .aboutCraft .content{padding-left: 130px;}
    .fmenu-list li{margin-bottom: 30px;}
    .fmenu-list li span{font-size: 18px;line-height: 18px;}
    .fmenu-list li.active span{font-size: 28px;line-height: 28px;}
    .fmenu-list li.active span:before{height: 30px;margin-top: -15px;}
    .aboutCraft .wrap{padding-top: 60px;}
        .aboutCraft .wrap2{padding-top: 60px;}
    .aboutCraft .content .rig{padding-left: 60px;}
    .titSec{margin-bottom: 55px;}
    .titSec h1{font-size: 44px;line-height: 44px;}
    .titSec span{font-size: 14px;line-height: 18px;}
    .craft-intro .img{width: 600px;}
    .craft-intro.yl .img{width: 650px;}
    .craft-intro.fc .img{width: 400px;}
    .craft-intro .mes{padding-left: 50px;}
    .craft-intro .mes, .craft-intro .mes p{font-size: 16px;line-height: 36px;}
    .aboutCraft .name h1{width:62px;font-size: 50px;line-height: 60px;}
    .aboutCraft .other-sli .name h1{width:32px;font-size: 30px;line-height: 34px;}
    .aboutCraft .other-sli .name span{padding-top: 5px;}
    .aboutCraft .midT{font-size: 30px;line-height: 40px;margin: 40px 0;}
    .aboutCraft .f-navlist li a h2{font-size: 30px;line-height: 34px;}
    .other-sli .box .mes, .other-sli .box .mes p{font-size: 16px;line-height: 32px;}
    .other-sli .box .mes{padding-left: 40px;}
    .other-sli .box .name{left: 40px;}
    .aboutCraft .sec{padding-bottom: 80px;margin-bottom: 80px;}
    .aboutCraft .introP,.model .mes p{font-size:16px;line-height: 32px; }
    .swiper-num em{font-size: 50px;line-height: 50px;}
    .aboutCraft .intro{font-size: 16px;line-height: 32px;margin-top: 45px;}
    .model .swiper-num, .other-sli .swiper-num{margin-bottom: 20px;margin-top: 45px;}
    .model .swiper-navigation, .other-sli .swiper-navigation,.workman-ship .swiper-num{bottom: 20px;}
    .workman-ship .mes .info,.workman-ship .mes .info p{font-size: 16px;line-height: 32px;}
    .workman-ship .mes .info h2{font-size: 30px;line-height: 36px;}
    .news-list li .img{height: 260px;}
    .news-list li .mes .dt{margin-top: 20px;}
    .pages a,.pages input.jump-ipt{width: 40px;height: 40px;line-height: 40px;margin: 0 4px;}
    .stores{margin-bottom: 50px;}
    .stores-top .mes .wh{padding-bottom: 20px;}
    .stores-top .mes .wh img,.stores-list li .intro .wh img{width: 18px;margin-right: 20px;margin-top: 6px;}
    .stores-top .mes .wh h1,.stores-list li .intro .wh h1{font-size: 32px;line-height: 34px;}
    .stores-top .mes .lt{padding: 20px 0;}
    .stores-top .mes .lt,.stores-top .mes p{font-size: 16px;line-height: 26px;}
    .stores-list{padding-bottom: 70px;margin-bottom: 30px;}
    .stores-list li{margin-top:80px; }
    .stores-list li .intro{margin-top: 40px;}
    .stores-list li .intro .wh{padding-bottom: 25px;}
    .stores-list li .intro .mes{margin-top:30px; }
    .stores-list li .mes .lt{height: 90px;}
    .stores-list li .mes .lt:nth-child(2n) .info{padding-left: 35px; }
    .stores-list li .mes .lt.bm .info{padding-top: 25px;}
    .stores-list li .intro .mes .info, .stores-list li .intro .mes p{font-size: 16px;line-height: 26px;}
    .loading{padding: 20px 0;}
    .filter{margin-bottom: 50px;}
    .filter .inp .inpbox{padding-left: 20px;padding-right: 20px;}
    .filter .sewvtop{padding-left: 20px;padding-right: 35px;}
    .filter .sewvtop::after{right: 22px;width: 8px;}
    .filter .inp input,.filter .sewvtop>span{padding-top: 20px;padding-bottom: 20px;}
    .filter .sewvbm{top: 62px;padding-top: 10px;padding-bottom: 10px;}
    .filter .sewvbm>li{cursor:pointer;height:40px;line-height:40px;padding-left:20px;}
    .searbtn .btn{height: 62px;background-size: 16px;}
    .joinList{padding-bottom: 30px;}
    .joinList li{margin-bottom: 30px;}
    .joinList li .joinT{padding: 25px 35px;}
    .joinList li .joinT .joinspan {line-height: 30px;}
    .joinList li .joinT .joinspan1{font-size: 22px;line-height: 30px;}
    .joinList li .joinT .joinspan4{height: 30px;}
    .joinList li .joinT .joinspan4 .burger{width: 20px;}
    .joinList li .joinCon{ padding: 30px 35px;}
    .joinList li .joinCon .joinMes {margin-bottom: 15px;min-height: 140px; }
    .joinList li .joinCon .joinBott .applyBtn{width: 158px;font-size: 16px;line-height: 48px;}
    .detailW,.productW{padding-top: 100px;}
    .detailW .fnav{padding: 35px 0;}
    .detailC .detail-tit{font-size: 30px;line-height: 40px;margin-top: 20px;padding-bottom: 30px;}
    .detailC .detail-date{padding: 25px 0;}
    .detailC .detail-content{padding-bottom:35px;}
    .detailC .news-page{margin: 25px 0;position: relative;}
    #map{height: 650px;}
    .map .mapM{left: 80px;top:auto;bottom: 80px;width: 380px;height: 480px;margin-top:0;}
    .map .mapM .mes{padding: 25px 20px 0 20px;}
    .map .mapM .mes .gp{padding-bottom: 25px;margin-bottom: 25px;}
    .map .mapM .mes h3{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
    .map .mapM .mes p{font-size: 16px;line-height: 24px;}
    .map .mapM .mes img{width: 100px;}
    .pro-detail .rig .pro-info{padding: 0 60px 0 30px;margin-top: 30px;}
    .pro-detail .pro-info .pro-name{font-size: 24px;line-height: 32px;margin-bottom: 25px;padding-bottom: 20px;}
    .dialog-bd{ width: 700px;padding-top: 12vh;}
    .dialog .search-box{margin-top: 35px;}
    .dialog-bd h1{ font-size: 50px; line-height: 1.25; }
    .dialog .search-box input{ padding: 0 95px 0 20px; }
    .filterPop{width: 640px;}
    .filterPop .pclose{width: 80px;height: 80px;}
    .filterPop .fpop-box{}
    .filterPop .fpop-box .ft{font-size: 18px;line-height: 80px;height: 80px;padding-left: 40px;padding-right: 85px;margin-bottom: 20px;}
    .filterPop .fbox{padding: 0 40px;}
    .filterPop .fcheck li{padding: 10px 0;}
    .filterPop .fcheck input{width: 16px; height: 16px;font-size: 14px;}
    .filterPop .fcheck label{font-size: 16px;line-height: 16px;margin-left: 12px;}
    .filterPop .fcheck input[type='checkbox']::after {width: 16px;  height: 16px; }
    .filterPop .fcheck input[type='checkbox']:checked::after{font-size: 12px;  }
    .filterPop .fres{bottom: 50px;}
    .filterPop .fres .num{font-size: 18px;line-height: 60px;}
    .filterPop .fres .num::after{width: 40px;margin-left: -20px;}
    .filterPop .fcolor li{margin-bottom: 15px;}
    .filterPop .fcolor li a{padding: 15px;}
    .filterPop .fcolor li span{height:100px;}
    .formBox{padding-top: 30px;margin-top: 25px;padding-bottom: 25px; max-height: 650px;}
    .formBox .mCustomScrollBox{padding-right: 30px;}
    .formBox .grp{margin-bottom: 25px;}
    .formBox .fmb input, .formBox .fmb .form-code span{height: 60px;}
    .formBox .fmb input{line-height: 58px;}
    .formBox .fmb .subm .sub-button{line-height: 60px;height: 60px;}
    .formBox .fmb .subm{margin-top: 50px;}
    .formBox .remind{margin-top: 30px;}


}

@media screen and(max-width: 1620px){
    .owner-list .img{width: 700px;}
    .owner-list .info{width: 520px; height: 380px; margin-top: -190px;}
}

@media screen and (max-width: 1460px) {
    .header{padding: 20px 0;}
    .header .wrap{height: 26px;}
        .header .wrap2{height: 26px;}
    .header .logo img{height: 26px;}
    .header .flef .bt-h{padding: 7px 0;}
    .header .flef .bt-h img{height: 16px;}
    .header .flef .bt-h span{font-size: 14px;line-height: 16px;height: 16px;}
    .header .frig .menu-h a{font-size: 14px;line-height: 16px;padding: 5px 20px;}
    .header .frig .language select{font-size: 14px;line-height: 16px;padding: 5px 0;background-size: 6px;}
    .header .frig .language{padding-left: 20px;margin-left: 20px;}
    .header .frig .language::before{height: 14px;margin-top: -7px;}
    .header.on{padding: 10px 0;}
    .header.on .logo img{height: 26px;}
    .header.on .flef .bt-h{padding: 5px 0;}
    .header.on .frig .menu-h a{padding: 5px 20px;}
    .goback{right: 30px;}
    .footer .footer-help{padding: 50px 0;}
    .footer .footer-newsletter,.footer .footer-nav dl{padding: 70px 0;}
    .copyright{padding:20px 0;}
    .menuPop{width: 41%;}
    .menuBox .cont{padding: 30px 35px;}
    .menuNav{margin-top: 50px;}
    .menuNav li{padding: 20px 0;}
    .menuNav li .item-first,.menuNav .item-two a{line-height: 30px;}
    .aboutIn{padding-top: 120px;padding-bottom: 50px;}
    .about-video{width: 90%;}
    .about-video video{height: 525px;}
    .videoPause{width: 50px;margin-top: -25px;margin-left: -25px;}
    .about-video .more{margin-top: 20px;}
    .about-video .swiper-pagination{bottom: 80px;}
    .ownerIn .wrap{padding-top: 100px;padding-bottom: 60px;}
        .ownerIn .wrap2{padding-top: 100px;padding-bottom: 60px;}
    .proView{width: 140px;height: 140px;margin-top: -70px;margin-left: -70px;}
    .proView span{font-size: 14px;line-height: 140px;background-size:14px;padding-right: 20px;}
    .proView::before{width: 120px;height: 120px;margin-left: -60px;margin-top: -60px;}
    .pro-tit h1{font-size: 44px;line-height: 44px;}
    .ownerIn{padding-bottom: 60px;}
    .owner-list{padding: 0 80px;}
    .owner-list .img{width: 645px;}
    .owner-list .info{width: 420px;height: 320px;margin-top: -160px;}
    .owner-list .info .cont{padding: 20px;}
    .owner-list .info h1{font-size: 28px;line-height: 40px;margin-bottom: 10px;}
    .owner-list .info p{font-size: 12px;line-height: 24px;}
    .owner-list .info .lk{left: 20px;bottom: 20px;}
    .owner-list .info .lk span{font-size: 12px;line-height: 12px;}
    .owner-list .info .lk img{height: 12px;}
    .ownerIn .swiper-button-prev, .ownerIn .swiper-button-next{width: 42px;height: 42px;margin-top: -21px;}
    .ownerIn .swiper-button-prev::after,.ownerIn .swiper-button-next::after{background-size: 16px;}
    .ownerIn .swiper-button-prev::before,.ownerIn .swiper-button-next::before{width: 44px;height: 44px;margin-top: -22px;margin-left: -22px;}
    .productIn .imgBox li .img{height: 700px;}
    .productIn .imgBox li .look{left: 15px;}
    .productIn .imgBox li.active .look{left: 30px;}
    .productIn .imgBox li .look{bottom: 60px;}
    .productIn .imgBox li .look h1{font-size: 20px;line-height: 28px;}
    .productIn .imgBox li .look.active h1{font-size: 26px;line-height: 34px;}
    .proP-more ul li .tit3{left: 200px;}
    .proP-more ul li .gp.frig .imgB .img{width: 45%;}
    .proP-more ul li{padding-bottom: 45px;}
    .proP-more ul li.fh .tit2{margin-top: 15px;}
    .proP-more ul li .tit h2{font-size: 20px;line-height: 20px;}
    .proP-more ul li .tit span{width: 14px;font-size: 12px;line-height: 16px;}
    .proP-more ul li.fh .tit2 h2{line-height: 24px;}
    .proP-more ul li.fh .imgB{max-width: 65%;}
    .proP-more ul li .gp.bott{bottom: 45px;}
    .f-banner{height:520px;}
    .current .cont h1{width: 40px;font-size: 30px;line-height: 44px;}
    .videoCont h1,.videoCont p{font-size: 36px;line-height: 46px;}
    .videoCont .videoPause{margin-top: 60px;}
    .fnav{padding: 35px 0;}
    .f-navlist li a{padding-left: 25px;margin-left: 25px;}
    .f-navlist li a::before{height: 94px;}
    .f-navlist li a img{width: 14px;margin-right:14px;}
    .f-navlist li a h2{font-size: 22px;line-height: 26px;}
    .f-navlist li a span{font-size: 12px;line-height: 14px;}
    .fnav .curr em{width: 14px;}
    .titleC{margin-bottom: 40px;}
    .contactW .titleC{margin-bottom: 25px;}
    .titleC .mes h1{font-size: 40px;line-height: 50px;}
    .titleC .mes h4{font-size: 18px;line-height: 30px;}
    .titleC .mes,.titleC .mes p{font-size: 14px;line-height: 30px;}
    .titleC .mes em{height: 16px;margin-top: 10px;margin-bottom: 20px;}
    .titleC .mes .info{margin-top: 15px;}
    .titleC .logoR img{width: 110px;}
    .titleC .logoR.simg img{width: 50px;}
    .founding span{font-size: 14px;line-height: 14px;}
    .founding em{font-size: 80px;line-height: 64px;}
    .founding .year span{margin-top: 8px;}
    .founding .year{margin-top: 0;}
    .aboutIntro .mes{padding: 40px 15px;}
    .aboutIntro,.aboutIntro p{font-size: 14px;line-height: 30px;}
    .aboutIntro .more{margin-top: 15px;}
    .aboutImg{margin-top: -130px;}
    .aboutVision{padding: 70px 0;}
    .vision .mes h1{font-size: 30px;line-height: 70px;margin-bottom: 15px;}
    .vision .mes p{font-size: 14px;line-height: 30px;}
    .more a{font-size: 14px;line-height: 14px;}
    .more a img{width: 14px;}
    .inner-tit{padding-top: 6px;}
    .inner-tit h1{width:50px;font-size: 40px;line-height: 44px;}
    .person-list{padding-top:45px; }
    .person-list li{padding-bottom: 60px;margin-bottom: 60px;}
    .person-list li .img{width: 280px;}
    .person-list li .mes{padding-left:25px;}
    .person-list li .mes h2{font-size: 24px;line-height: 36px;}
    .person-list li .mes em{height: 16px;margin-top: 20px;margin-bottom: 15px;}
    .person-list li .mes p,.person-list li p{font-size: 14px;line-height: 28px;}
    .person-list li .lef .inner-tit{margin-bottom: 25px;}
    .person-list li .lef .mes{padding-right: 20px;}
    .person-list li.liF .img,.person-list li.liF2 .img{width: 320px;}
    .person-list li.liF2 .mes{padding-right: 30px;}
    .person-list li .rig .imgM{width: 48.5%;padding-left: 3%;}
    .person-quote{margin-bottom: 60px;}
    .person-quote .cont{padding-top:200px;padding-bottom: 120px;}
    .person-quote .cont,.person-quote p{font-size: 16px;line-height: 30px;}
    .timeline{margin-bottom: 60px;}
    .timeline .box{padding-left: 140px;}
    .timeline-list li{padding-bottom: 30px;margin-bottom: 30px;}
    .timeline-list li .time span{font-size:40px;line-height: 36px;}
    .timeline-list li .time em{font-size: 16px;line-height: 20px;}
    .timeline-list li .line{height: 16px;margin: 20px 0;}
    .timeline-list li .mes,.timeline-list li .mes p{font-size: 14px;line-height: 34px;}
    .timeline .more{font-size: 14px;line-height: 34px;padding: 0 0;}
    .timeline-list .time span{font-size: 40px;line-height: 36px;}
    .timeline-list .time em{font-size: 14px;line-height: 16px;}
    .timeline-list .line{height: 16px;margin: 10px 0;}
    .timeline-list .mes,.timeline-list .mes p{font-size: 14px;line-height: 34px;}
    .timeline-list .swiper-container{height: 320px;}

    .secL{padding-bottom: 60px;margin-bottom: 60px;}
    .culture-intro .mes .info{margin-top: 40px;}
    .culture-intro .mes,.culture-intro .mes p{font-size: 14px;line-height: 24px;}
    .vision-intro .cont, .vision-intro .cont p{font-size: 16px;line-height: 30px;}
    .yl-culture .yl-info{padding-left: 45%;margin-top: 70px;margin-bottom: 40px;}
    .yl-culture .yl-info p{font-size: 14px;line-height: 26px;}
    .culture-img{margin-bottom: 60px;}
    .sli .swiper-button-prev,.sli .swiper-button-next{width:38px;height: 38px;}
    .sli .swiper-button-next{margin-left: 15px;}
    .sli .swiper-button-prev::before,.sli .swiper-button-next::before{margin-left: -20px;  margin-top: -20px;}
    .sli .swiper-button-prev::after,.sli .swiper-button-next::after{background-size: 10px;}
    .culture-img .img{padding-right: 20px;}
    .aboutBrand{margin-bottom: 80px;}
    .aboutBrand .box .mes .info{padding-left: 40px;padding-right: 70px;}
    .aboutBrand .box .mes h1{font-size: 30px;line-height: 40px;}
    .aboutBrand .box .mes em{margin: 15px 0;height: 14px; }
    .aboutBrand .box .mes p{font-size: 18px;line-height: 28px;}
    .aboutBrand .box .nm span{width: 20px;font-size: 16px;line-height: 20px;padding-top: 10px;}
    .aboutBrand .box .nm h1{width:42px;font-size:40px;line-height: 44px;}
    .aboutBrand .swiper-num{font-size: 20px;line-height: 20px;}
    .aboutBrand .swiper-num em{font-size: 40px;line-height: 40px;}
    .aboutCraft .wrap{padding-top: 40px;}
        .aboutCraft .wrap2{padding-top: 40px;}
    .aboutCraft .content{padding-left: 110px;}
    .fmenu-list li{margin-bottom: 20px;}
    .fmenu-list li span{font-size: 16px;line-height: 16px;}
    .fmenu-list li.active span{font-size: 24px;line-height: 24px;}
    .fmenu-list li.active span:before{width: 3px;height: 26px;margin-top: -13px;}

    .titSec{margin-bottom: 35px;}
    .titSec h1{font-size: 34px;line-height: 34px;}
    /*.titSec span{font-size: 14px;line-height: 18px;}*/
    .craft-intro .img{width: 420px;}
    .craft-intro.yl .img{width: 470px;}
    .craft-intro.fc .img{width: 300px;}
    .aboutCraft .content .rig{padding-left: 45px;}
    .craft-intro .mes{padding-left: 20px;}
    .craft-intro .mes, .craft-intro .mes p{font-size: 14px;line-height: 30px;}
    .aboutCraft .name h1{width:42px;font-size: 40px;line-height: 50px;}
    .aboutCraft .name span{font-size: 14px;line-height: 18px;padding-top: 10px;}
    .aboutCraft .other-sli .name h1{width:30px;font-size: 26px;line-height: 30px;}
    .aboutCraft .other-sli .name span{padding-top: 5px;}
    .aboutCraft .midT{font-size: 26px;line-height: 36px;margin: 20px 0;}
    .aboutCraft .f-navlist li a h2{font-size: 26px;line-height: 30px;}
    .other-sli .box .mes, .other-sli .box .mes p{font-size: 14px;line-height: 30px;}
    .other-sli .box .mes{padding-left: 20px;}
    .other-sli .box .name{left: 20px;}
    .aboutCraft .sec{padding-bottom: 40px;margin-bottom: 40px;}
    .aboutCraft .introP,.model .mes p{font-size:14px;line-height: 30px; }
    .swiper-num em{font-size: 40px;line-height: 40px;}
    .sec-tab .tab-intro .info, .sec-tab .tab-intro .info p{font-size: 14px;line-height: 30px;}
    .model .mes{margin-top: 20px;}
    .model .mes h2{font-size: 22px;line-height: 32px;}
    .aboutCraft .intro{font-size: 14px;line-height: 30px;margin-top: 25px;}

    .model .swiper-num, .other-sli .swiper-num{margin-top: 40px;margin-bottom: 25px;}
    .other-sli .swiper-slide{width: 100%;}
    .workman-ship .mes .info,.workman-ship .mes .info p{font-size: 14px;line-height: 28px;}
    .workman-ship .mes .info h2{font-size: 26px;line-height: 30px;}
    .tNav{margin-bottom: 45px;}
    .tNav li{margin-right: 100px;}
    .tNav li a{font-size: 18px;line-height: 58px;}
    .tNav li.active a:after, .tNav li:hover a:after{height: 3px;}
    .news-list li{margin-bottom: 55px;}
    .news-list li .mes{margin-top: 15px;}
    .news-list li .mes h2{font-size: 20px;line-height: 28px;height: 56px;}
    .news-list li .mes .dt{margin-top: 10px;}
    .news{margin-bottom: 100px;}
    .news-list li .img{height: 240px;}
    .pages a,.pages input.jump-ipt{width: 36px;height: 36px;line-height: 36px;}
    .stores{margin-bottom: 30px;}
    .stores-top .mes .wh{padding-bottom: 15px;}
    .stores-top .mes .wh img,.stores-list li .intro .wh img{width: 16px;margin-right: 15px;margin-top: 6px;}
    .stores-top .mes .wh h1,.stores-list li .intro .wh h1{font-size: 26px;line-height: 28px;}
    .stores-top .mes .lt{padding: 15px 0;}
    .stores-top .mes .lt,.stores-top .mes p{font-size: 14px;line-height: 24px;}
    .stores-list{padding-bottom: 45px;margin-bottom: 20px;}
    .stores-list li{margin-top:45px; }
    .stores-list li .intro{margin-top: 20px;}
    .stores-list li .intro .wh{padding-bottom: 15px;}
    .stores-list li .intro .mes{margin-top:20px; }
    .stores-list li .mes .lt{height: 75px;}
    .stores-list li .mes .lt:nth-child(2n) .info{padding-left: 20px; }
    .stores-list li .intro .mes .info,.stores-list li .intro .mes p{font-size: 14px;line-height: 20px;}
    .stores-list li .mes .lt.bm .info{padding-top: 20px;}
    .loading{padding: 15px 0;}
    .loading span{display: inline-block;font-size: 16px;line-height:26px; }
    .filter{margin-bottom: 30px;}
    .filter .inp .inpbox{padding-left: 10px;padding-right: 10px;}
    .filter .sewvtop{padding-left: 10px;padding-right: 25px;}
    .filter .sewvtop::after{right: 15px;width: 7px;}
    .filter .inp input,.filter .sewvtop>span{height: 20px;padding-top: 15px;padding-bottom: 15px;}
    .filter .inp input,.filter .sewvtop>span,.filter .sewvbm>li{font-size: 14px;line-height:20px;}
    .filter .sewvbm{top: 52px;padding-top: 10px;padding-bottom: 10px;}
    .filter .sewvbm>li{cursor:pointer;height:32px;line-height:32px;padding-left:10px;}
    .searbtn .btn{height: 52px;background-size: 14px;}
    .joinList{padding-bottom: 20px;}
    .joinList li{margin-bottom: 20px;}
    .joinList li .joinT{padding: 20px 20px;}
    .joinList li .joinT .joinspan {font-size: 14px;line-height: 24px;}
    .joinList li .joinT .joinspan1{font-size: 18px;line-height: 24px;}
    .joinList li .joinT .joinspan4{height: 24px;}
    .joinList li .joinT .joinspan4 .burger{width: 16px;}
    .joinList li .joinCon{ padding: 20px 20px;}
    .joinList li .joinCon .joinMes {font-size: 14px;line-height: 20px;margin-bottom: 10px;min-height: 110px; }
    .joinList li .joinCon .joinMes .jm{margin-bottom: 5px;}
    .joinList li .joinCon .joinMes .jm p{font-size: 14px;line-height: 20px;}
    .joinList li .joinCon .joinBott .applyBtn{width: 120px;font-size: 14px;line-height: 40px;}
    .detailW,.productW{padding-top: 66px;}
    .detailW .fnav{padding: 25px 0;}
    .detailC{width: 1000px;}
    .detailC .detail-tit{font-size: 26px;line-height: 36px;margin-top: 15px;padding-bottom: 20px;}
    .detailC .detail-date{padding: 20px 0;}
    .detailC .detail-date span{font-size: 14px;line-height: 22px;}
    .detailC .detail-content,.detailC .detail-content p{font-size: 14px;line-height: 30px;}
    .detailC .detail-content{padding-bottom:30px;}
    .detailC .news-page{margin: 20px 0;}
    .detailC .news-page .bt span, .detailC .news-page .bt a,.detailC .back a, .detailC .back a span {font-size: 14px;line-height: 14px;}
    .detailC .news-page .bt a,.detailC .back a{padding: 6px 0;}
    .detailC .back a img{width: 14px;}
    #map{height: 450px;}
    .map .mapM{left: 40px;width: 340px;height: 350px;bottom: 60px;}
    .map .mapM .mes{padding: 20px 15px 0 15px;}
    .map .mapM .mes .gp{padding-bottom: 20px;margin-bottom: 20px;}
    .map .mapM .mes h3{font-size: 16px;line-height: 20px;margin-bottom: 5px;}
    .map .mapM .mes p{font-size: 14px;line-height: 20px;}
    .map .mapM .mes img{width: 80px;}
    .craft-intro .mes{padding-top: 110px;}
    .proList.wrap{padding-bottom: 50px;}
        .proList.wrap2{padding-bottom: 50px;}
    .product-list li{margin-bottom: 45px;}
    .product-list li .mes{font-size: 22px;line-height: 28px;margin-top: 15px;}
    .pro-filter{margin-bottom: 35px;}
    .pro-filter .nm, .pro-filter .filter-cond li a{line-height: 60px;}
    .pro-filter .filter-cond li a{padding: 0 35px;}
    .pro-filter .filter-cond li a:after{height: 3px;}
    .pro-detail .back-btn a{width: 66px;height: 66px;}
    .pro-detail{margin-bottom: 60px; padding:0 0px;}
    .pro-detail .lef,.proD-intro{width: 65%;}
    .pro-detail .rig{width: 35%;}
    .pro-detail .pro-chara, .pro-detail .pro-chara p{line-height: 32px;}
    .pro-detail .pro-info h3{line-height: 32px;margin-bottom: 10px;}
    .pro-detail .check-store a{padding: 18px 0;}
    .dialog-bd h1{ font-size: 40px;}
    .dialog .search-box input{ padding: 0 95px 0 20px; }
    .dialog .search-box{height: 56px;}
    .dialog .search-box button{line-height: 56px;}
    .search-word .link a{margin: 8px 15px;}
    .filterPop{width: 540px;}
    .filterPop .pclose{width: 60px;height: 60px;background-size: 10px;}
    .filterPop .fpop-box .ft{font-size: 16px;line-height: 60px;height: 60px;padding-left: 20px;padding-right: 65px;}
    .filterPop .fbox{padding: 0 20px;}
    .filterPop .fcolor li a{padding: 10px;}
    .filterPop .fres{bottom: 40px;}
    .filterPop .fres .num{font-size: 14px;line-height: 48px;}
    .formBox{padding-top: 20px;margin-top: 15px;padding-bottom: 25px; max-height: 550px;}
    .formBox .mCustomScrollBox{padding-right: 20px;}
    .formBox .grp{margin-bottom: 15px;}
    .formBox .fmb input, .formBox .fmb .form-code span{height: 50px;}
    .formBox .fmb input{line-height: 48px;}
    .formBox .fmb .subm .sub-button{line-height: 50px;height: 50px;}
    .formBox .fmb .subm{margin-top: 30px;}
    .formBox .remind{margin-top: 20px;}
    .aboutCraft .content .lef.fixed{left: 40px;}
}


@media screen and (max-width: 1024px) {

    .wrap{width: 94%;padding: 0 0;}
        .wrap2{width: 94%;padding: 0 0;}
    .fixedTop{display: block;}
    .header{top:0;height: 58px;background: #fff;box-shadow: 0 0 2px rgba(0,0,0,0.2);padding: 0 0; }
    .header.on{padding: 0 0;}
    .header .wrap{padding-top: 9px;}
        .header .wrap2{padding-top: 9px;}
    /*.header .frig{display: none;}*/
    .header .frig .menu-h{display: none;}
    .header .logo{top:13px;}
    .header .logo img{height: 32px;}
    .header .flef .bt-h{padding: 10px 0;}
    .header .flef .bt-h span{display: none;}
    .header .flef .bt-h{margin-right: 10px;}
    .header .frig .language{padding-left: 0;margin-left: 0;}
    .header .frig .language::before{width: 0;}
    .header .frig .language select{width: 70px;padding: 10px 10px;text-align: center;}
    .menuPop{width: 50%;}
    .menuBox .cont{padding: 40px 15px;}
    .menuBox .cont .mT .mlogo img{height: 24px;}
    .menuBox .cont .lang a{margin-left: 5px;font-size: 12px;line-height: 22px;}
    .menuBox .cont .mclose{width: 18px;margin-left: 5px;}
    .menuNav{margin-top: 25px;}
    .menuNav li{padding: 8px 0;}
    .menuNav li .item-first::after{width: 12px;}
    .menuNav li .item-first, .menuNav .item-two a{line-height: 36px;}
    /*.menuBox .support{position: static;padding: 0 15px;}*/
    .menuBox .support{left: 15px;}
    .menuNav li a,.menuNav li a:hover,.menuNav li a:active,.menuNav li a:visited,.menuNav li a:link,.menuNav li a:focus{     -webkit-tap-highlight-color:rgba(0,0,0,0);     -webkit-tap-highlight-color: transparent;     outline:none;     background: none;     text-decoration: none; }
    .goback{right: 5px;}
    .footer .footer-help{padding: 35px 0;}
    .footer .footer-newsletter .subscribe-button{max-width: 100%;}
    .footer .help-col{width: 100%;margin-bottom: 30px;}
    .footer .help-col:first-child::after{width: 0;}
    .footer .help-col:last-child{margin-bottom: 0;}
    .footer .footer-newsletter, .footer .footer-nav dl{padding: 35px 0;}
    .footer .footer-nav dl dt a{font-size: 18px;line-height: 38px;}
    .footer .footer-nav dl dd a{font-size: 14px;line-height: 34px;}
    .copyright .flef{max-width: 100%;width: 100%;text-align: center;}
    .copyright .frig{width: 100%;text-align: center;margin-top: 20px;}
    .copyright .frig ul{display: inline-block;}
    .aboutIn{padding-top: 50px;padding-bottom: 35px;}
    .aboutIn-tit h1{font-size: 26px;line-height: 36px;margin-bottom: 5px;}
    .aboutIn-tit p{font-size: 14px;line-height: 16px;}
    .aboutIn-tit{margin-bottom: 20px;}
    .more{padding: 10px 0;}
    .about-video{width: 100%;margin: 25px 0 15px 0;}
    .about-video video{height: 420px;}
    .videoPause{display: none!important;}
    .about-video .swiper-pagination{bottom: 45px;}
    .about-video .swiper-pagination-bullet{width: 10px;height: 10px;}
    /*.videoPause{width: 36px;margin-top: -18px;margin-left: -18px;}*/
    .proP-img .swiper-container{width: 60%;max-width: 60%;overflow: hidden;}
    .proP-img{text-align: center;}
    /*.proP-img img{max-width: 60%;}*/
    .productIn .imgBox li{width: 14%;}
    .productIn .imgBox li.active{width: 58%;}

    .productIn .imgBox li .look{left: 15px;bottom:40px; }
    .productIn .imgBox li .look h1{font-size: 18px;line-height: 24px;}
    .productIn .imgBox li.active .look{left: 20px;}
    .productIn .imgBox li.active .look h1{font-size: 30px;line-height: 38px;}
    .productIn .imgBox li.active .look .mr{margin-top: 10px;}
    .productIn .imgBox li.active .look .mr span{font-size: 14px;line-height: 14px;}
    .productIn .imgBox li .img{height: 600px;}
    .proP-total{padding-top: 60px;padding-bottom: 40px;}
    .pro-tit{float: none;}
    .proView{position: relative;left: auto;right: auto;bottom: auto;margin: 25px auto;text-align: center;width: 100px;height: 100%; }
    .proView span{font-size: 12px;line-height: 100px;background-size:12px;padding-right: 16px;}
    .proView::before{width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;}
    .proView img{width: 80px;}
    .pro-tit span{font-size: 14px;line-height: 18px;}
    .pro-tit h1{font-size: 36px;line-height: 36px;}
    .proP-more .wrap{padding-top: 80px;padding-bottom: 100px;}
        .proP-more .wrap2{padding-top: 80px;padding-bottom: 100px;}
    .proP-more .imgB{}
    .proP-more .imgB .img{max-width: 100%;}
    .ownerIn .wrap{padding-top: 50px;padding-bottom: 35px;}
        .ownerIn .wrap2{padding-top: 50px;padding-bottom: 35px;}
    .owner-list{padding: 0 0;position: relative;padding-bottom: 85px;}
    .owner-list .img{width: 100%;}
    .owner-list .info{position: static;margin-top: 0;}
    .owner-list .info{width: 100%;height: auto;margin-top: 0;padding-bottom: 15px;}
    .owner-list .info .cont{padding: 15px;}
    .owner-list .info h1{font-size: 22px;line-height: 32px;margin-bottom: 10px;}
    .owner-list .info .lk{position: static;margin-top: 15px;padding: 0 15px;}
    .ownerIn .swiper-pagination{bottom: -85px;}
    .ownerIn .swiper-navigation{position: absolute;left: 0;bottom: 10px;}
    .ownerIn .swiper-button-prev{margin-right: 10px;}
    .ownerIn .swiper-button-prev, .ownerIn .swiper-button-next{display: inline-block;position: relative;}
    .ownerIn .swiper-button-prev, .ownerIn .swiper-button-next{width: 40px;height: 40px;margin-top:0;}
    .ownerIn .swiper-button-prev::before,.ownerIn .swiper-button-next::before{width: 42px;height: 42px;margin-top: -21px;margin-left: -21px;}
    .ownerIn .swiper-button-prev::after,.ownerIn .swiper-button-next::after{background-size: 15px;}
    .productIn .imgBox li .img{height: 500px;}

    .proP-more .pro-tit,.proP-more .imgB,.proP-more ul li .tit{float: none;width: 100%;}
    .pro-tit{text-align: center;}
    .pro-tit span,.proP-more ul li .tit span{display: block;width: 100%;writing-mode: horizontal-tb;text-align: center;}
    .pro-tit h1,.proP-more ul li .tit h2{display: block;width: auto;text-align: center;}
    .proP-more .wrap { padding-top: 45px;padding-bottom: 70px;}
        .proP-more .wrap2 { padding-top: 45px;padding-bottom: 70px;}
    .proP-more .imgB .img, .proP-more .imgB .detail{display: block;}
    .proP-more .imgB .detail{width: 100%;margin: 10px 0 0 0;}
    .proP-more .imgB,.proP-more .imgB.flef .img{max-width: 100%;text-align: center;width: 100%;}

    .proP-more .pro-tit{margin: 0 0 25px 0;}
    .proP-more ul li,.proP-more ul li .gp{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #e8e1d5;}
    .proP-more ul li:last-child,.proP-more ul li .gp:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
    .proP-more ul li .tit{margin-top: 10px;}
    .proP-more ul li .gp{float: none;width: 100%;}
    .proP-more ul li .gp.bott{position: static;max-width: 100%;}
    .proP-more ul li .gp.bott .imgB{text-align: center;}
    .proP-more .imgB a{text-align: center;}
    .proP-more ul li .gp.bott .img{width: 100%;}
    .proP-more ul li .tit2{position: static;}
    .proP-more ul li .gp.frig .imgB .img{width: 100%;margin-top: 15px;}
    .proP-more ul li .tit3{position: static;}
    .proP-more .imgB .detail span{font-size: 14px;line-height: 14px;}
    .proP-more ul li .tit span{padding-top: 0;}
    .proP-more .imgB .detail img{height: 14px;margin-left: 6px;}
    .proP-more ul li.fl .imgB .img{max-width: 100%;width: 100%;}
    .proP-more ul li.fl .tit,.proP-more ul li.fl .plef{position: static;width: 100%;text-align: center;margin-bottom: 15px;}
    .proP-more ul li.fr .imgB.flef .img,.proP-more ul li.fh .imgB{max-width: 100%;width: 100%;}
    .proP-more ul li.fr .prig{position: static;width: 100%;text-align: center;margin-top: 15px;}
    .proP-more ul li.fr .imgB.flef .img{float: none;}
    .proP-more ul li.fr .tit{position: static;margin-top: 10px;}
    .proP-more ul li.fh .imgB .detail{margin-top: 10px;text-align: center;}

    .detailW,.productW{padding-top: 0;}
    .f-banner{height: 360px;}
    .fnav{padding: 30px 0;}
    .f-navlist li{max-width: 28%;}
    .f-navlist li a{padding-left: 20px;margin-left: 20px;}
    .f-navlist li a::before{height: 85px;}
    .f-navlist li a img{width: 12px;margin-right:10px;}
    .f-navlist li a span{display: inline-block;}
    .f-navlist li a h2{display: inline-block;width: 16px;font-size: 18px;line-height: 22px;}
    .fnav .curr em{width: 12px;}
    .titleC{margin-bottom: 30px;}
    .contactW .titleC{margin-bottom: 25px;}
    .titleC .mes h1{font-size: 36px;line-height: 44px;}
    .titleC .mes em{margin-bottom: 15px;}
    .titleC .mes .info{margin-top: 10px;}
    .titleC .logoR img{width: 90px;}
    .titleC .logoR.simg img{width: 40px;}
    .person-list li{padding-bottom: 40px;margin-bottom: 40px;}
    .person-list li .box{width: 100%;}
    .person-list li .mes em{margin-top: 15px;}
    .inner-tit h1{width:44px;font-size: 36px;line-height: 40px;}
    .person-list li.liF2 .inner-tit{;}
    .person-list li.liF2 .mes{padding-right: 10px;margin-bottom: 20px;}
    .person-list li.liF2 .img{margin: 0 auto;}
    .person-quote{padding-right: 0;margin-bottom: 40px;}
    .person-quote .cont{padding-top: 100px;padding-bottom: 80px;}
    .person-quote .mes{width: 80%;}
    .timeline .box{padding-left: 0;}
    .timeline .inner-tit{position: static;margin-bottom: 30px;}
    .timeline .inner-tit span{width: 100%;writing-mode: horizontal-tb;padding-top: 0;}
    .timeline .inner-tit h1{width: 100%;}
    .timeline-list .swiper-slide{padding-bottom: 25px;margin-bottom: 30px;}
    .titleC .mes{width: 100%;}
    .titleC.sty .mes{margin-bottom: 10px;}
    .titleC .box .mes .info{width: 98%;}
    .founding .year{margin-top: 5px;}
    .founding em{font-size: 62px;line-height: 62px;}
    .vision{padding-top: 30px;}
    .vision .mes{padding-right: 2%;width: 53%}
    .vision .mes h1{font-size: 26px;line-height: 36px;margin-bottom: 10px;}
    .culture-intro .mes{float: none;width: 100%;margin-bottom: 20px;}
    .culture-intro .mes .info{margin-top: 20px;}
    .culture-intro .img{float: none;width: 700px;margin: 0 auto;}
    .yl-culture .yl-info{padding-left: 0;margin-top: 40px;}
    .culture-img .swiper-container{overflow: hidden;}
    .culture-img .img{padding-right: 0;width: 100%;}
    .culture-img .wrap::after{width: 0;}
        .culture-img .wrap2::after{width: 0;}
    .culture-img .swiper-navigation{position: static;text-align: center;margin-top: 25px;}
    .secL{margin-bottom: 35px;padding-bottom: 35px;}
    .aboutBrand .box .img{width: 80%;}
    .aboutBrand .box .mes h1{font-size: 26px;line-height: 36px;}
    .aboutBrand .box .mes p{font-size: 16px;line-height: 26px;}
    .aboutBrand .box .mes .info{padding-left: 20px;padding-right: 60px;}
    .aboutBrand .box .nm span{width: 18px;font-size: 14px;line-height: 18px;}
    .aboutBrand .box .nm h1{width: 32px;font-size: 32px;line-height: 36px;}
    .aboutBrand .box .mes em{margin: 10px 0;}
    .aboutBrand .swiper-num{bottom: 42%;}
    .aboutBrand .swiper-pagination{bottom: 38%;}
    .aboutBrand .swiper-num,.aboutBrand .swiper-pagination{width: 52%;}
    .aboutCraft .wrap{padding-top: 30px;}
        .aboutCraft .wrap2{padding-top: 30px;}
    .aboutCraft .content{padding-left: 0;}
    .aboutCraft .content .lef{position: relative;}
    .aboutCraft .content .lef{}
    .aboutCraft .content .rig{padding-left: 0;border-left: none;padding-top: 30px;}
    .aboutCraft .titleC{margin-bottom: 10px;}
    .fmenu-list{border-bottom: 1px solid #dbd8ce;}
    .fmenu-list li{float: left;width: 33.33%;margin-bottom: 0;padding: 15px 0;}
    .fmenu-list li span{line-height: 24px;padding-left: 15px;}
    .fmenu-list li.active span:before{left:0;width: 2px; height: 22px;margin-top: -11px;}
    .aboutCraft .content .lef.fixed{left: 0;top: 58px;width: 100%;}
    .aboutCraft .content .lef.fixed .titleC{display: none;}
    .aboutCraft .content .lef.fixed .fmenu-list{padding: 0 3%;background: #fff;}
    .craft-intro .img{width: 360px;}
    .craft-intro .mes{padding-top: 110px;}
    .sec-tab .tab-lef{float: none;width: 100%;border-bottom: none;}
    .sec-tab .tab-rig{float: none;margin: 0 auto;}
    .model{margin-top: 40px;}
    .workman-ship .mes{float: none;width: 100%;margin-bottom: 20px;}
    .workman-ship .mes .info{padding-right: 0;}
    .workman-ship .ws-sli{float: none;width: 100%;}
    .ws-sli .swiper-slide{padding-top: 0;}
    .ws-sli .swiper-container{padding-bottom: 80px;}
    .workman-ship .swpa{width: 100%;padding-right: 0;}
    .workman-ship .swiper-navigation{top:auto;bottom: 16px;}
    .other-sli .box .img{padding-left: 2px;}
    .craft-intro.yl .img{width: 360px;}
    .aboutCraft .name h1{width: 36px;font-size: 36px;line-height: 46px;}
    .stores-top .img{width: 100%;}
    .stores-top .mes{width: 100%;margin-top: 20px;}
    .filter .inp input, .filter .sewvtop>span{padding-top: 10px;padding-bottom: 10px;}
    .searbtn .btn{height: 40px;}
    .filter .inp, .filter .sewv{margin-right: 1%;}
    .filter .inp{width: 33%;}
    .filter .sewv{width: 27%;}
    .filter .inp .inpbox{padding-left: 5px;padding-right: 5px;}
    .filter .sewvbm{top:42px;}
    .filter .sewvbm>li{line-height: 26px;padding-left: 10px;}
    .joinList li .joinT{padding: 20px 10px;}
    .joinList li .joinT .joinspan{width: 25%;padding-right: 1%;}
    .joinList li .joinT .joinspan1{width: 37%;padding-right: 1%;}
    .joinList li .joinT .joinspan4{width: 10%;padding-right: 0;}
    .joinList li .joinCon{padding: 15px 10px;}
    .joinList li .joinCon .joinMes .jm p{width: 32%;}
    .tNav{margin-bottom: 25px;}
    .tNav li{margin-right: 50px;}
    .tNav li a{line-height: 48px;}
    .tNav li a::after{height: 2px;}

    .news{margin-bottom: 60px;}
    .news-list li{width: 49%;margin-right: 2%;margin-bottom: 35px;}
    .news-list li:nth-child(3n){margin-right: 2%;}
    .news-list li:nth-child(2n),.news-list li:nth-child(6n){margin-right: 0;}
    .news-list li .img{height: 280px;}
    .news-list li .mes h2{height: 28px;-webkit-line-clamp: 1;white-space: nowrap;}
    .news-list li .mes .dt{margin-top: 5px;}
    .pages a, .pages input.jump-ipt{width: 30px;height: 30px;line-height: 30px;}
    .detailC{width: 94%;}
    .detailC .detail-tit{font-size: 24px;line-height: 34px;margin-top: 10px;padding-bottom: 15px;}
    .detailC .news-page .prev-btn, .detailC .news-page .next-btn{width: 42%;}
    .detailW .fnav{padding: 20px 0;}
    #map{height: 320px;}
    .map{margin-bottom: 45px;}
    .map .mapM{position: static;width: 100%;height: auto;margin-top: 0;}
    .map .mapM .mes{padding: 20px 0 0 0;}

    .product-list li{margin-bottom: 35px;}
    .product-list li .mes{font-size: 20px;line-height: 26px;margin-top: 12px;}
    .pro-filter{margin-bottom: 30px;}
    .pro-filter .nm, .pro-filter .filter-cond li a{line-height: 50px;}
    .pro-filter .filter-cond li a{padding: 0 20px;}
    .pro-detail .lef,.pro-detail .rig{width: 100%;float: none;}
    .pro-detail .back-btn a{width: 56px;height:56px; }
    .proD-intro{width: 94%;padding: 0 3%;margin-top: 25px;display: none;}
    .proD-intro .imgD img{display: block;width: 100%;margin-left: 0;}
    .pro-detail .rig .pro-info{margin-top: 10px;padding: 0 3%;}
    .pro-detail .pro-chara{margin-bottom: 25px;padding-bottom: 20px;}
    .pro-detail .pro-int{padding-bottom: 35px;margin-bottom: 35px;display: none;}
    .pro-detail .pro-int.pro-intApp{display: block;}
    .pro-detail .pro-ewm p{margin-top: 10px;}
    .product-list .swiper-button-prev, .product-list .swiper-button-next{width: 36px;height: 36px;margin-top: -18px;}
    .pro-like .like-tit{font-size: 24px;line-height: 34px;margin-bottom: 35px;}

    .dialog-bd{width: 75%;padding-top: 90px;}
    .dialog-bd h1{ font-size: 36px;}
    .dialog .search-box input{ padding: 0 95px 0 15px; }
    .dialog .search-box{height: 44px;}
    .dialog .search-box button{line-height: 44px;}
    .search-word .link a{margin: 8px 10px;}
    /*.dialog-ft{position: static;margin-top: 50px;}*/

    .dialog-bd{display: table;padding-top: 0;height: 100%;}
    .dialog-bx{display: table-cell;width: 100%;vertical-align: middle;}

    .videoCont{top:50px;}
    .videoCont h1, .videoCont p{font-size: 30px;line-height: 40px;}
    .videoCont p{margin-top: 5px;}
    .videoCont .videoPause{margin-top: 30px;}
    .aboutImg{margin-top: -100px;}
    .aboutVision{padding: 50px 0;}
    .filterPop{width: 500px;}
    .filterPop .pclose{width: 44px;height: 44px;background-size: 8px;}
    .filterPop .fpop-box .ft{font-size: 14px;line-height: 44px;height: 44px;padding-left: 3%;padding-right:50px;}
    .filterPop .fbox{padding: 0 3%;}
    .filterPop .fcheck label{font-size: 16px;line-height: 16px;margin-left: 10px;}
    .filterPop .fcheck input[type='checkbox']::after {border: 1px solid #000;  width: 16px;  height: 16px;}
    .filterPop .fcheck input[type='checkbox']:checked::after{font-size: 12px;  }
    .filterPop .fres .num{font-size: 16px;line-height: 44px;}
    .pro-filter .nm,.pro-filter .filter-cond li{display: none;}
    .pro-filter .filter-cond li.fb{display: block;}
    .proP-img .swiper-pagination{bottom: 20px;}

}

@media screen and (max-width: 768px) {
    .menuPop{width: 100%;}
    .filterPop{width: 100%;}
    .filterPop.filterM{width: 100%;}
    .about-video video{height: 300px;}
    /*.videoPause{width: 26px;height: 26px;margin-top: -13px;margin-left: -13px;}*/
    .proP-more .wrap{padding-bottom: 40px;}
    .proP-more .wrap2{padding-bottom: 40px;}
    /*.proP-img img{max-width: 70%;}*/
    .productIn .imgBox li .look{left: 10px;bottom: 20px;}
    .productIn .imgBox li .look h1{font-size: 16px;line-height: 22px;}
    .productIn .imgBox li.active .look{left: 15px;}
    .productIn .imgBox li.active .look h1{font-size: 26px;line-height: 34px;}
    .productIn .imgBox li.active .look .mr span{font-size: 12px;line-height: 12px;}
    .productIn .imgBox li .img{height: 400px;}
    .pro-tit h1{font-size: 30px;line-height: 30px;}
    .ownerIn .swiper-button-prev, .ownerIn .swiper-button-next{width: 36px;height: 36px;margin-top: -18px;}
    .ownerIn .swiper-button-prev::before,.ownerIn .swiper-button-next::before{width: 38px;height: 38px;margin-top: -19px;margin-left: -19px;}
    .ownerIn .swiper-button-prev::after,.ownerIn .swiper-button-next::after{background-size: 12px;}
    .ownerIn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;margin-top: -1px;}
    .proP-img .swiper-container{width: 80%;max-width: 80%;}

    .person-list li .box,.person-list li .img, .person-list li .mes{display: block;}
    .person-list li .mes{width: 100%;padding-left: 0;margin-top: 20px;}
    .person-list li .lef, .person-list li .rig{width: 100%;display: block;}
    .person-list li .rig{margin-top: 20px;}
    .person-list li.liF .img{width: 280px;}
    .person-list li.liF2 .inner-tit{position: static;}
    .person-list li.liF2 .img{width: auto;max-width: 100%;text-align: center;display: none;}
    .person-list li.liF2 .img.img2{display: block;margin: 15px 0;}
    .person-list li .rig .imgM{width: 100%;margin-right: 0;margin-bottom: 20px;}

    .f-banner{height: 280px;}
    .current .cont h1{width: 28px;font-size: 26px;line-height: 36px;}
    .titleC .mes h1{font-size: 30px;line-height:40px;}
    .titleC .mes .info{margin-top: 10px;}
    .titleC .mes em{margin-bottom: 10px;}
    .person-list li .mes h2{font-size: 22px;line-height: 32px;}
    .fnav .curr{float: none;width: 100%;}
    .f-navlist{float: none;width: 100%;margin-top: 20px;}
    .f-navlist li{width: 25%;}
    .f-navlist li a{margin-left: 0;}
    .f-navlist li a::before{}

    .founding em{font-size: 60px;line-height: 60px;}
    .founding .year span{margin-top: 6px;}
    .vision{display: block;}
    .vision .mes, .vision .imgBox{display: block;width: 100%;padding-right: 0;}
    .vision .imgBox{margin-top: 20px;}
    .vision .mes{margin-top: 20px;}
    .vision .mes h1{font-size: 24px;line-height: 34px;}
    .culture-intro .img{width: 100%;}
    .yl-culture .yl-info{margin-top: 25px;}

    .aboutBrand .box .img{width: 100%;}
    .aboutBrand .box .mes{position: relative;width: 100%;height: auto;margin-top: 15px;}
    .aboutBrand .box .mes .info{padding-left: 0;}
    .aboutBrand .swiper-container{}
    .aboutBrand .swiper-num, .aboutBrand .swiper-pagination{width: 100%;position: static;}
    .aboutBrand .swiper-num{margin: 15px 0;}
    .aboutBrand .swiper-wrapper{margin-bottom: 30px;}
    .aboutBrand .swiper-navigation{bottom: 15px;}
    .craft-intro{display: block;}
    .craft-intro .img, .craft-intro .mes{display: block;}
    .craft-intro .img,.craft-intro.yl .img{width: 75%;}
    .craft-intro .mes{padding-top: 20px;padding-left: 0;}
    .sec-tab .tab-rig{width: 400px;}
    .other-sli .box{display: block;}
    .other-sli .box .img, .other-sli .box .mes{display: block;}
    .other-sli .box .img{width: 50%;}
    .other-sli .box .mes{padding-left: 0;margin-top: 20px;position: unset;}
    .other-sli .box .name{left: auto;right: 0;top:0;}
    .tySli .swiper-navigation{position: static;width: 100%;text-align: center;margin-top: 20px;}
    .aboutCraft .name h1{width: 30px;font-size: 30px;line-height: 40px;}
    .titSec h1{font-size: 30px;line-height: 40px;}
    .aboutCraft .midT{font-size: 22px;line-height: 32px;}
    .aboutCraft .f-navlist li a h2{font-size: 22px;line-height: 26px;}
    .stores-list{padding-bottom: 20px;}
    .stores-list li{width: 100%;margin-right: 0;margin-top: 25px;}
    .stores-top .mes .wh h1, .stores-list li .intro .wh h1{font-size: 24px;line-height: 26px;}
    .stores-top .mes .wh img, .stores-list li .intro .wh img{margin-top: 5px;}
    .stores-list li .mes .lt{width: 100%;height: auto;padding: 15px 0;}
    .stores-list li .mes .lt::after{width: 0;border-right: 0;}
    .stores-list li .mes .lt:nth-child(2n) .info{padding-left: 0;}
    .stores-list li .intro .mes{margin-top: 0;}
    .stores-list li .mes .lt.bm .info{padding-top: 0;}
    .stores-list li .mes .lt.bm{border-bottom: 1px dashed #e2dbd1;}
    .stores-list li .mes .lt.bm:last-child{border-bottom: none;}
    .joinList li .joinT .joinspan{font-size: 12px;line-height: 20px;}
    .joinList li .joinT .joinspan1{font-size: 16px;line-height: 22px;}
    .joinList li .joinCon .joinMes .jm p{width: 100%;}
    .joinList li .joinCon .joinBott .applyBtn{line-height: 36px;}
    .filter .inp, .filter .sewv,.filter .searbtn{margin-bottom: 10px;float: none;}
    .filter .inp{width: 100%;margin-right: 0;}
    .filter .sewv{width: 100%;margin-right: 0;}
    .filter .searbtn{width: 100%;}
    .tNav li{margin-right: 30px;}
    .tNav li a{font-size: 16px;line-height: 40px;}
    .news-list li .img{height: 220px;}
    .pages a, .pages input.jump-ipt{width: 24px;height: 24px;line-height: 24px;}
    .detailC .back{position: static;text-align: center;margin: 0 auto;padding-top: 25px;}
    .detailC .news-page .prev-btn, .detailC .news-page .next-btn{width: 100%;}
    .detailC .news-page .next-btn{text-align: left;margin-top: 5px;}
    .detailC .news-page{margin: 15px 0;}
    .detailC .detail-date{padding: 15px 0;}
    #map{height: 260px;}
    .product-list li{width: 49.5%;margin-right: 1%;}
    .product-list li:nth-child(3n){margin-right: 1%;}
    .product-list li:nth-child(2n),.product-list li:nth-child(6n){margin-right: 0;}
    .dialog-bd{width: 94%;}
    .dialog .close{top: 15px;right: 15px;padding: 15px;}
    .dialog-bd h1{font-size: 30px;line-height: 40px;}
    .dialog .search-box button img{width: 18px;}
    .videoCont h1, .videoCont p{font-size: 24px;line-height: 30px;}
    .videoCont .videoPause{margin-top: 20px;}
    .titleC .box .mes .info,.titleC .box .mes{width: 100%;}
    .titleC .box .founding{position: static;margin-top: 20px;}
    .aboutImg{margin-top: -60px;}
    .aboutVision{padding: 30px 0;}
    .search-word .link a{font-size: 14px;margin: 5px 7px;}
    .pro-filter .nm, .pro-filter .filter-cond li a{line-height: 44px;}
    .pro-filter .filter-cond li a{padding: 0 15px;}
    .product-list li .mes{font-size: 16px;line-height: 22px;}
    .filterPop{width: 80%;}
    .filterPop .fcolor li span{height: 80px;}
    .filterPop .fcolor li a{padding: 5px;}
    .filterPop .fcolor li p{margin-top: 7px;margin-bottom: 7px;}




}



@media screen and (max-width: 481px) {
    .footer .footer-newsletter .subscribe-button{width: 200px;line-height: 40px;}
    .about-video video{height:220px;}
    /*.videoPause{width: 22px;height: 22px;margin-top: -11px;margin-left: -11px;}*/
    .productIn .imgBox li .look{left: 5px;}
    .productIn .imgBox li .look h1{font-size: 12px;line-height: 18px;}
    .productIn .imgBox li.active .look{left: 10px;}
    .productIn .imgBox li.active .look h1{font-size: 20px;line-height: 30px;}
    .productIn .imgBox li .look .mr{margin-top: 3px;}
    .productIn .imgBox li.active .look .mr{margin-top: 5px;}
    .productIn .imgBox li .img{height: 320px;}
    .proP-total{padding-top: 40px;padding-bottom: 30px;}
    .pro-tit span{font-size: 12px;line-height: 16px;}
    .pro-tit h1{font-size: 26px;line-height: 26px;}
    .ownerIn .swiper-button-prev, .ownerIn .swiper-button-next{width: 28px;height: 28px;margin-top: -14px;}
    .ownerIn .swiper-button-prev::before,.ownerIn .swiper-button-next::before{width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;}
    .ownerIn .swiper-button-prev::after,.ownerIn .swiper-button-next::after{background-size: 10px;}
    .productIn .imgBox li{width: 16%;}
    .productIn .imgBox li.active{width: 52%;}
    .proP-img .swiper-container{width: 100%;max-width: 100%;}
    .person-list li .img{width: 200px;}
    .inner-tit h1{width: 36px;font-size: 30px;line-height: 34px;}
    .inner-tit span{width: 18px;font-size: 14px;line-height: 18px;}
    .person-list li.liF .img{width: 200px;}
    .person-list li .mes p, .person-list li p{font-size: 12px;line-height: 24px;}
    .f-banner{height: 220px;}
    .current .cont h1{width: 24px;font-size: 22px;line-height: 32px;}
    .titleC .mes h1{font-size: 24px;line-height:34px;}
    .f-navlist li a{padding-left: 10px;}
    .f-navlist li a::before{height: 72px;}
    .f-navlist li a img{width: 10px;margin-right:6px;}
    .f-navlist li a h2{font-size: 16px;line-height: 20px;}
    .aboutBrand .box .mes h1{font-size: 22px;line-height: 32px;}
    .aboutBrand .box .mes p{font-size: 14px;line-height: 24px;}
    .aboutBrand .box .mes .info{padding-right: 50px;}
    .aboutBrand .box .nm span{width: 16px;}
    .aboutBrand .box .nm h1{width: 28px;font-size: 28px;line-height: 32px;}
    .aboutBrand .box .mes em{margin: 8px 0;}
    .sec-tab .tab-rig{width: 100%;}
    .craft-intro.fc .img{width: 75%;}
    .other-sli .box .img{width: 75%;}
    .news-list li{width: 100%;margin-right: 0;margin-bottom: 30px;}
    .news-list li:nth-child(3n){margin-right: 0;}
    .news-list li .img{height: 240px;}
    .detailC{padding-bottom: 35px;}
    .detailC .detail-tit{font-size: 22px;line-height: 32px;padding-bottom: 10px;margin-top: 5px;}
    .product-list li{width: 48%;margin-right: 5px;}
    .product-list li:nth-child(3n){width: 49%;margin-right: 5px;}
    .dialog .close{padding: 10px;}
    .dialog-bd h1{font-size: 26px;line-height: 36px;}
    .dialog .search-box button img{width: 16px;}
    .dialog .search-box{height: 40px;}
    .dialog .search-box input{font-size: 14px;}
    .videoCont{top:35px;}
    .videoCont h1, .videoCont p{font-size: 20px;line-height: 24px;}
    .videoCont .videoPause{margin-top: 15px;}
    .aboutImg{margin-top:-40px;}
    .pro-filter .wrap{width: 100%;}
    .pro-filter .wrap2{width: 100%;}
    .pro-filter .nm{float: none;padding: 0 3%;}
    .pro-filter .filter-cond{width: 100%;}
    .pro-filter .nm{border-bottom: 1px solid #e6ded2;}
    .pro-filter .filter-cond li{position: relative;}
    .pro-filter .filter-cond li.fb{float: right;}
    /*.pro-filter .filter-cond li::before{content: "";position: absolute;left: 0;top:0;width: 1px;height: 100%;background: #e6ded2;}*/
    /*.pro-filter .filter-cond li a{text-align: center;}*/
    .filterPop .fcolor li{width: 32%;}
    .filterPop .fcolor li:nth-child(4n){margin-right: 0;}
    .filterPop .fcolor li:nth-child(3n),.filterPop .fcolor li:nth-child(12n){margin-right: 0;}
    .filterPop .fcolor li span{height: 80px;}
    .filterPop .fcolor li a{padding: 5px;}
    .filterPop .fcolor li p{margin-top: 7px;margin-bottom: 7px;}
    .timeline-list{padding-left: 35px;}


}