@media screen and (max-width: 1560px){
    .muteTit{padding-left:270px;padding-top:90px;}
}
@media screen and (max-width: 1360px){
    .titText{top:150px;}
    .titTem{top:45px;}
    .open-icon{top:180px;}
    .titTem.improveText{top:72px;}
    .muteTit{padding-left:230px;}
    .muteText h3{font-size:35px;}
    .muteText p{font-size: 16px;}
    .process .processText{top:70px;}
    .titText .processText.wet{top:10px;}
}
@media screen and (max-width: 1200px){
    body{ min-width:100%;}
    .wd,.wd100{ width:100%;}
    .picList{ margin:0 0 0 -16px;}
    .footTel{ margin-right:0;}
    .left{ float:none; width:auto; margin:0 15px;}
    .right{ display:none;}
    .titText{top:120px;}
    .titTem{top:45px;}
    .open-icon{top:180px;}
    .titTem.improveText{top:72px;}
    .muteTit{padding-left:210px; padding-top:60px;}
    .titTem.improveText h3,.titTem h3,.processText  h3,.muteText h3{font-size:30px;}
    .muteText p{font-size: 15px;}
    .process .processText{top:70px;}
    .ec{ top:50%; left:82%;z-index:5; transform:translate(-82%,-50%); text-align:center; clear:both;}
    .madeCon .picList li .p{
        padding-bottom: 9px;
    }
    .y-madeCon .picList li .p h3:nth-child(1) { display: none; }
    .y-madeCon .picList li .p h3:nth-child(n+2) { display: block;height: 25px;line-height: 25px; }
}

@media screen and (max-width: 1024px){
    .headTop{ padding:0 15px;}
    /*.banner .swiper-slide{ height:550px;}*/
    .bannertext{ margin-top:-60px;}
    .indexTit{ padding-left:15px;}
    .caseSwiper{ float:none; margin:0 auto;}
    .caseRight{ float:none; margin:0 auto; width:700px;}
    .caseFormBox{ width:422px;}
    .caseFormBox .customSelect{ width:155px;}
    .picList{ margin:0 0 0 -6px;}
    .picList .wrapper{ margin-left:6px;}
    .footLink{ padding-left:15px; width:auto;}
    .footLink dl{ width:130px;}
    .footRight{ padding-right:10px;}
    .copy{ margin:0 15px;}
    .footLink dl:first-child{ width:85px;}
    .footRight ul li div{ right:-21px;}
    .headBox .headBottom{ padding:25px 15px 0;}
    .headBox .nav li{ margin-left:40px;}
    .side{ display:none;}
    .menuLineCon .wd{ padding:0 15px; width:auto;}
    .bigBanner{ height:480px;}
    .aboutImg,.aboutCon .change .aboutImg{ float:none; margin:0 auto;}
    .aboutDivText{ float:none; width:auto; padding-top:50px;}
    .aboutDiv{ padding:60px 15px 30px;}
    .aboutBox{ padding:0 15px;}
    .aboutInfo{ margin:0 -15px;}
    .historyDiv{ width:auto; padding:62px 100px;}
    .historyBanner{ padding:0 15px; height:auto; padding:0 15px 100px;}
    .tabs{ width:auto;}
    .honorList{ margin:0 15px 0 0;}
    .shape a{ margin:0 15px;}
    .aboutList{ margin:0 15px 0 0;}
    .aboutList .wrapper,.honorList .wrapper{ margin:15px 0 0 15px;}
    .productMore{ margin:47px 15px 53px;}
    .productPath{ padding:0 15px;}
    .productBox{ margin:33px 15px 3px; padding:35px 20px 54px;}
    .probox{ margin:30px 15px 0;}
    .productBoxDiv{ float:none; margin:0 auto;}
    .productText{ margin-left:0}
    .boxTit{ padding:0 20px;}
    .productMadeList{ padding-left:25px;}
    .ptext{ display:none;}
    .productMadeList ul,.madeBox .productMadeList ul{ margin-left:0;}
    .proboxList{ padding:0 20px 35px;}
    .proInfo{ padding:35px 20px 48px;}
    .productImg{ height:500px;}
    .productImgText h3,.conTextTit{ font-size:26px;}
    .productImgText p{ font-size:14px;}
    .proInfo4{ font-size:30px;}
    .activeList{ margin:0 15px 0 0;}
    .activeList .wrapper{ margin:15px 0 0 15px;}
    .madeForm .caseFormBox{ width:222px;}
    .madeBox .productMadeList ul li{ padding-left:40px; background-position:15px center;}
    .madeTabLeft{ float:none; width:auto; height:auto; padding-left:20px;}
    .madeCon{ padding:11px 10px 44px;}
    .madeTabRight{ margin:10px 0 0 -10px;}
    .madeTabRight li{ width:25%;}
    .madeText2{ position:relative; left:auto; bottom:auto; width:auto; margin-left:-20px; padding:51px 0 28px 10px;}
    .madeTabList{ padding-bottom:40px;}
    .madeBox .boxTit{ padding:0 20px;}
    .contact{ padding:88px 15px 106px;}
    .contact ul{ margin-right:0;}
    .newsTitle,.wd100 .content{ margin:0 15px;}
    .bdshare-button-style0-16{ margin:0 15px 40px;}
    .article{ margin:0 15px 60px;}
    .member{ padding:175px 15px 124px;}
    .designImg1{ width:48%; height:auto;}
    .designText{ width:48%; padding-right:0}
    .designInfo{ padding-right:15px; font-size:16px;}
    .desWid2{ float:none; padding:200px 15px 0 0; width:auto;}
    .designImg2{ width:auto; height:auto; max-width:96%;}
    .designImg3 img{ max-width:98%;}
    .designBg img{ width:45%;}
    .designTit{ font-size:26px;}
    .designDiv2{ padding:80px 15px 130px;}
    .designText2{ width:auto;}
    .designDiv6{ padding:50px 15px 50px;}
    .designBg .designTit{ padding-left:15px;}
    .designDiv5{ padding:81px 15px 69px;}
    .madeTab{ padding:20px 20px 40px;}
    .mapTit,.mapList li{ padding-left:20px;}
    .yearHd{ display:none;}
    .historyBox{ padding-top:120px;}
    .madeBox .productMadeList ul li.last { display: block; }
    .titText{top:120px;}
    .titText h3{ font-size: 30px;}
    .processText h3,.muteText h3{font-size:28px;}
    .titTem h3{font-size:28px; padding-bottom:20px;}
    .titTem{top:20px;}
    .titTem p{font-size:15px;}
    .processText p{font-size:14px;}
    .process-icon{width:65px; height:65px;left:48px; bottom:40px;}
    .open-icon{top:140px;}
    .titTem.improveText{top:30px;}
    .muteTit{padding-left:190px; padding-top:40px;}
    .muteText p{font-size: 14px;}
    .process .processText{top:20px;margin-left:30px;}
    .ec{ top:50%; left:82%;z-index:5; transform:translate(-82%,-50%); text-align:center; clear:both;}
    .per-wd.four-wheel .open-icon{ top:60px;}
    .processText.pic{padding-top:100px;}
    .fourText{ margin-top:60px;}

}
@media screen and (max-width: 960px){
    .pre-productImg1{display:block;}
    .pre-productImg.productDes1{display:none;}
    .titText{top:250px;}
}
@media screen and (max-width: 800px){
    .mobileIconCon{ display:block;}
    .headTop,.nav,.footRight .erweima{ display:none;}
    .headBottom,.headBox .headBottom{ height:62px; padding-top:16px; background-color:#282828;}
    .headBox .logo {margin-top: 0;}
    .logo{ margin: 0 0 0 15px; float:left;}
    .logo .show{ display:none;}
    .logo .hide{ display:block;}
    .nav li{ margin:0 15px;}
    /*.banner .swiper-slide{ height:420px;}*/
    .picList li{ width:50%;}
    .picList .wrapper,.madeCon .picList .wrapper{ max-width:100%;margin-left: 0}
    .madeCon .picList .wrapper{padding: 12px 6px 0;}
    .footLink{ float:none; padding:20px 15px;display: none}
    .footLink dl,.footLink dl:first-child{ width:100%; text-align:left;}
    .footLink dt{ border-bottom:1px solid #e2e2e2; background:url(../images/jia.png) no-repeat right center;}
    .footLink dt a{ font-size:16px; font-weight:normal;}
    .footLink dd{ display:none; padding:20px 0 10px;}
    .footLink dd a{ font-size:14px; line-height:35px;}
    .footLink dl.on dd{ display:block;}
    .footTop{ height:auto; }
    .footRight{ float:none; padding:13px 10px 5px; }
    .footTel{ float:left;}
    .footRight ul{ float:right; padding-top:10px;}
    .copy{ font-size:14px;}
    /*.copy a.fr{ display:none;}*/
    .caseSwiper,.caseRight{ width:auto; height:auto;}
    .caseForm .flower{ display:none;}
    .caseForm{ height:auto; margin-bottom:0;}
    .caseTit{ display:block;}
    .caseFormBox{ margin:0 auto; padding-bottom:83px;}
    .caseFormBox{ width:380px;}
    .caseFormBox .customSelect{ width:135px;}
    .caseFormText p{ font-size:16px; padding:0 10px;}
    .footIcon{ left:-10px;}
    .picList{ margin:0 16px 0 10px;}
    .aboutList li{ width:50%;}
    .aboutText p{ padding:0 20px;}
    .menuLineCon{ top:78px;}
    .mainNav h3{ display:none;}
    .tabHd{ width:100%; text-align:left; float:left;}
    .tabHdScroll ul{ right:auto; left:0;}
    .tabHd li a{ margin-left:10px;}
    .tabHd li:first-child a{ margin-left:0;}
    .aboutInfo{ height:200px; background-size:cover;}
    .aboutInfoDiv{ padding:25px 20px 0 0; width:170px;}
    .aboutInfoDiv h3{ font-size:26px;}
    .aboutInfoDiv div{ font-size:16px;}
    .tabHd,.tabHdScroll{ height:45px;}
    .tabHd li a{ height:45px; line-height:45px;}
    /*.historyBanner{ height:auto; padding-bottom:50px;}*/
    .historyDiv{ padding:42px 25px;}
    .historyImg{ float:none; margin:0 auto 30px;}
    .historyText{ margin-left:0;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:20px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:20px;}
    .tabs{ background-position:right 1px;}
    .historyText h3{ font-size:24px;}
    .historyInfo{ font-size:13px;}
    .hisSpan { width: 60px; }
    .mainBanner .banner .swiper-slide,.mainBanner2 .banner .swiper-slide{ height:400px;}
    .honorList li{ width:33.3333%;}
    .productMadeList{ padding-left:10px;}
    .productMadeList ul li:first-child{ padding-left:40px; background:url(../images/arrow2.png) no-repeat 15px center;}
    .productMadeList ul li{ margin-bottom:20px; padding-left:40px; background-position:15px center;}
    .proboxList li{ float:none; width:100%; height:auto;}
    .proboxList li.fr{ float:none;}
    .imgText div{ max-height:100%;}
    .conText{ padding:29px 15px 0 30px;}
    .change .conText{ padding-left:15px;}
    .productAd{ height:255px;}
    .productBlack{ height:auto; padding-bottom:50px;}
    .productBlack .conText{ float:none; padding:38px 15px 0;}
    .productBlackInfo{ float:none; width:auto; padding:30px 15px 0;}
    .activeList li{ width:50%;}
    .activeText p{ padding:0 10px;}
    .madeForm .caseFormBox{ padding-bottom:0;}
    /*.madeTabList li{ width:75px; height:67px; line-height:67px;}*/
    .madeTabRight li{ width:50%;}
    .map{ height:auto; box-sizing: border-box;}
    .mapText{ position:relative; left:auto; top:auto; width:auto; border-right:0;}
    .mapImg{ float:none; width:100%;}
    .madeTab{ padding:20px;}
    .madeTabLeft,.mapTit{ padding-left:20px;}
    .madeTabLeft{ padding-bottom:0;}
    .boxspan{ display:none;}
    .mapList li{ padding:15px 0 0 20px;}
    .madeText2 div{ padding-left:10px;}
    .contact{ padding:88px 15px 58px;}
    .contact ul li{ width:100%; float:none; margin-bottom:30px;}
    .contact ul li.fr{ float:none;}
    .contact ul li:first-child{ border-right:0;}
    .contactInfo{ padding-right:0;}
    .article li a{ margin:0 10px;}
    .articleName a{ padding-left:18px;}
    .login .logo{ float:none;}
    .login{ padding-top:95px;}
    .back{ margin-top:95px;}
    .member{ height:auto;}
    .memberLeft{ float:none; width:100%;}
    .memberRight{ width:auto; margin-left:0; padding:25px 30px 90px;}
    .back2{ margin:6px 0;}
    .designTit{ padding-top:20px;}
    .designImg2{ margin-top:30px;}
    .designText2{ float:none; padding-top:130px;}
    .desWid3{ width:auto; float:none;}
    .designText3{ float:none; margin:30px auto 0;}
    .designDiv4,.designBg .designTit{ padding-top:30px;}
    .designDiv6 img{ margin:13px 0 0 33px;}
    .designBg{ background:none;}
    .designDiv5 .designText{ float:none;}
    .mobileIconCon a.testBtn { background-size: auto 17px;}
    .titText{top:250px;}
    .titText h3{ font-size: 25px;}
    .processText h3,.titTem h3{font-size:25px; padding-bottom:20px;}
    .titTem{top:20px;}
    .titTem p{font-size:13px;}
    .processText p{font-size:13px;}
    .process .processText{width:100%;}
    .process-icon{width:65px; height:65px;left:48px; bottom:40px;}
    .open-icon{top:120px;}
    .titTem.improveText{top:30px;}
    .muteTit{padding-left:150px; padding-top:40px;}
    .muteText h3{font-size:23px;}
    .muteText p{font-size: 13px;}
    .process .processText{top:20px;margin-left:30px;}
    .ec{left:660px; top:170px;}
    .per-wd.four-wheel .open-icon{ top:60px;}
    .per-wd .processText.pic{padding-top:60px;}


}
@media screen and (max-width: 736px){
    .process .processText{width:100%;}
}
@media screen and (max-width: 640px){
    .logo{ width:140px; height:auto;}
    .headBottom,.headBox .headBottom{ height:50px;}
    .mobileIconCon a{ height:66px;}
    .mobileIconCon a.menuBtn{ width:30px;}
    .mobileIconCon a.searchBtn{ background-size:40%;}
    .bannertext h3{ font-size:30px;}
    .aboutList .wrapper{ padding:10px 10px 0;}
    .aboutText{ height:160px;}
    .aboutText p{ height:auto; margin:0 0 16px;}
    .aboutText h3{ font-size:20px;}
    .aboutTit h3{ font-size:30px;}
    .aboutTit div{ font-size:18px;}
    .aboutTit{ padding:40px 0;}
    .aboutImg,.aboutCon .change .aboutImg{ width:100%; height:auto;}
    .bigBanner{ height:400px;}
    .aboutTit2{ font-size:22px; line-height:35px;}
    .tabs{ padding-left:25px;}
    .tabs a{ width:80px; font-size:16px; padding-top:20px; margin-bottom:10px;}
    .historyBox .swiper-button-prev, .historyBox .swiper-button-next{ width:16px; height:29px; margin-top:-15px;}
    .honorList li{ width:50%;}
    .paged a, .paged .p_info, .paged .current{ margin-bottom:8px;}
    .shape a{ font-size:12px; line-height:33px;}
    .shape a img{ width:30px; height:auto;}
    .productBoxDiv{ width:100%;}
    .productMadeList{ padding-left:0;}
    .productMadeList ul li{ width:120px; padding-left:0; margin-left:25px;}
    .productMadeList ul li:first-child{ padding-left:0;}
    .pos img{ width:120px; height:132px; }
    .pos div p{ font-size:11px;}
    .pos div span { font-size: 10px; }
    .pathRight span{ display:none;}
    .pathRight a{ margin-top:10px;}
    .productPath h3,.pathRight{ line-height:45px;}
    .productText h3{ font-size:20px;}
    .info{ font-size:13px;}
    .productImg{ height:400px;}
    .productConDiv li{ width:100%;}
    .proMargin{ padding:66px 0 55px;}
    .proMargin2{ padding:66px 0 0;}
    .otherBox ul li{ width:100%; float:none; margin-bottom:25px;}
    .mainCity{ margin:6px 0;}
    .madeBox .productMadeList ul li{ padding-left:0;}
    .contact ul li h3{ font-size:22px;}
    .newsImg{ width:160px; height:auto;}
    .newsDiv{ margin-left:180px; padding-top:3px;}
    .date{ display:none;}
    .newsinfo{ margin:15px 0 0;}
    .newsTit a{ font-size:20px;}
    .newsList{ padding-top:10px;}
    .newsList li{ padding:30px 0;}
    .newsTitle h1{ font-size:22px;}
    .newsTitle{ padding:50px 0 30px;}
    .designImg1{ width:100%; float:none;}
    .designText{ width:auto; margin:0 15px; float:none;}
    .designInfo{ padding-right:0;}
    .designDiv6 .designText{ float:none;}
    .designDiv6 .fr{ float:none; height:auto; overflow:hidden; padding-top:20px;}
    .designBg img{ width:100%; margin-left:0; margin-top:20px;}
    .designImg4{ float:none; margin:0 auto 20px;}
    .design{ padding-top:0;}
    .designDiv,.designDiv2,.designDiv3{ padding-top:40px; padding-bottom:40px;}
    .desWid3 .designTit{ padding-top:0;}
    .designDiv4{ padding-bottom:50px;}
    .designImg5{ padding-top:40px;}
    .designDiv6{ padding-top:10px; padding-bottom:10px;}
    .desWid1{ width:185px;}
    .desWid1 .conTextTit2 b{ font-size:50px; padding-left:50px;}
    .desWid1 .conTextTit2 span{ font-size:22px; margin-top:28px;}
    .desWid2{ padding-top:135px;}
    .designDiv6 img{ margin:13px 33px 0 0;}
    .mobileSearchCon{ top:66px;}
    .historyBox{ padding-top:90px;}
    .tabs{ margin-top:60px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:5px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:5px;}
    .madeTabList li{ width:33.33%; box-sizing: border-box; margin:0 auto 10px; padding: 0 5px;}
    /*.madeTabList li .img img{ max-height:55%; max-width:55%;}*/
    .paged{ padding:50px 0;}
    .member{ padding:120px 15px 100px;}
    .madeForm{ width:auto; float:none; height: auto; padding-bottom: 30px;}
    .madeFormBox{ margin:0 auto; width:222px;}
    .hideBanner{ display:block;}

    .madeBox .boxTit div.cityBox{ margin-right:10px; padding:0 20px; }
    .historyBanner{ padding-bottom:50px;}

    .copy{ height:auto; overflow:hidden; padding:14px 0; line-height:28px; }
    .copy div.fl{ float:none;}
    .copy a.fr{ float:left; margin-left:15px;}

    .mobileBanner { display: block; }
    .banner { display: none; }
    .bstyle .swiper-pagination-fraction, .bstyle .swiper-pagination-custom, .bstyle .swiper-container-horizontal > .swiper-pagination-bullets { height:30px; }
    .madeTabLeft, .mapTit { padding-left: 10px; padding-right: 10px; }
    .mapImg,.txtMarquee-top,.madeinfo,.madeBox { display: none; }
    .activeBanner { height: auto; }
    .menuLineCon { top: 66px; }
    .articleGap { box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
    .picList li .p p { height: 36px; }

    .mainService { display: block; }
    .madeBody { padding-bottom: 50px; }
    .percentage{background:#F5F5F5;}
    .titText{top:130px; position:absolute; width:300px; margin:0 auto;}
    .titText.rightFla{position:absolute;width:300px;display:block; }
    .titText h3{ font-size:28px; color:#333;}
    .titText p{color:#999;}
    .titTem h3{font-size:28px; padding-bottom:20px; color:#333;}
    .titTem.improveText h3,.processText h3{font-size:28px; color:#d26e2c;}
    .titTem{position:relative;width:300px;display:block; top:0;  margin:0 auto;    left: 0;
        transform: translateX(0%);}
    .titTem p{font-size:14px; color:#999; padding-bottom:30px;}
    .titTem.processText{background:none; }
    .processText p{font-size:14px;color:#999; padding-left:20px; padding-right:20px;}
    .process-icon{width:65px; height:65px;left:30px; top:40px; }
    .titTem.improveText{top:0; position:relative; margin-bottom:30px; padding-top:30px;}
    .titTem.improveText p{color:#999; margin-bottom:10px;}
    .muteImg{position:relative; float:none;  width:100%;}
    .muteText{position:relative;width:100%;float:none;}
    .muteTit{padding-left:200px;padding-top:60px;}
    .muteText h3{font-size:25px;}
    .muteText p{font-size: 12px;}
    .process .processText{position:relative; top:0;margin-left:0;  width:100%; padding-bottom:30px; padding-top:30px;height:auto;}
    .titTem.improveText span{font-size:14px;}
    .titTem.improveText p{font-size:11px;}
    .titTem.improveText.wet span{font-size:22px;}
    .titTem.processText.pic{padding-top:10px;}
    .ec{ top:50%; left:82%;z-index:5; transform:translate(-82%,-50%); text-align:center; clear:both;}
    .open-icon{top:220px; width:100%;}
    .per-wd.four-wheel .open-icon{ top:210px;}
    .per-wd.process .titTem.processText.pic{background:none; padding-top:30px; padding-bottom:10px;}
    .ec{position:absolute; width:400px; left:550px; top:130px;}
    .ec-prec{display:block; margin:0 auto; width:400px;position:relative;padding-top:15px;  }
    .ec img{width:70px;}
    .ec-prec li{position:relative; float:left; margin-right:10px; margin-left:10px; text-align:center; color:#fff;}
    .ec-prec li .ec-icon{width: 85px;height:85px;background-image:url('../images/percentage8_1.png'); line-height:85px; text-align: center; font-size:25px; margin-bottom:6px;}
    .pre-zb1{display:block;}
    .pre-zb{display:none;}
    .fourText1{display:block; margin-top:-30px; }
    .fourText{display:none;}
    .processText span,.titTem.improveText span{color:#666; font-size:22px;}
    .leftFla{width:100%; float:none;}
    .rightFla{width:100%; float:none;}
    .memberMenu a+a{margin-left: 0;}
    .memberMenu a{width: 33.3333%;}

}

@media screen and (max-width: 540px){
    .historyImg{ width:100%; height:auto;}
    .cityText{ width:80px;}
    .citySubmit{ width:50px; margin:0 0 10px;}
    .mainCity div{ margin:0 10px 10px 0;}
    .madeBox .boxTit div.mainCity{ float:none; margin:88px 0 30px;}
    .loginForm{ width:auto; margin:0 15px;}
    .titText h3{color:#333;}
    .titText p{color:#999; }
    .titTem.improveText h3,.processText h3{ color:#d26e2c;}
    .titTem{position:relative;width:300px;display:block; top:0;  margin:0 auto;    left: 0;
        transform: translateX(0%);}
    .titTem p{ color:#999; padding-bottom:30px;}
    .processText p{color:#999; padding-left:20px; padding-right:20px;}
    .process-icon{width:65px; height:65px;left:10px; top:30px; }
    .titTem.improveText{top:0; position:relative; margin-bottom:30px; padding-top:30px;}
    .titTem.improveText p{color:#999; margin-bottom:10px;}
    .muteImg{position:relative; float:none;  width:100%;}
    .muteText{position:relative;width:100%;float:none;}
    .muteTit{padding-left:160px;padding-top:50px;}
    .muteText h3{font-size:18px;}
    .muteText p{font-size: 10px;}
    .process .processText{position:relative; top:0;margin-left:0;  width:100%; padding-bottom:30px; padding-top:30px;height:auto; }
    /*.titTem.improveText span{font-size:14px;}*/
    .titTem.improveText.wet p{padding-bottom:0;}
    .titTem.processText.pic{padding-top:10px;}
    .ec{ top:50%; left:82%;z-index:5; transform:translate(-82%,-50%); text-align:center; clear:both;}
    .open-icon{top:158px; width:100%; margin-left:28px;}
    .open-icon-img{ width:45px; height:45px; }
    .open-icon ul li{ margin-left:10px; margin-right:10px;}
    .per-wd.four-wheel .open-icon{ top:190px; margin-left:-50px;}
    .per-wd.process .titTem.processText.pic{background:none; padding-top:30px; padding-bottom:10px;}
    /*.processText span{  font-size:16px;}*/
    .ec{position:absolute; width:290px; left:400px; top:105px;}
    .ec-prec{display:block; margin:0 auto; width:400px;position:relative;padding-top:15px;  }
    .ec img{width:65px;}
    .processText span,.titTem.improveText span{color:#666;}
    .ec-prec li{position:relative; float:left; margin-right:10px; margin-left:10px; text-align:center; color:#fff;}
    .ec-prec li .ec-icon{width: 55px;height:55px;background-image:url('../images/percentage8_1.png'); line-height:55px; text-align: center; font-size:16px; margin-bottom:2px;background-size:100%;}
    /*.processText span,.titTem.improveText span{color:#666; font-size:18px;}*/
}

@media screen and (max-width: 414px){
    .banner .swiper-slide{ height:280px;}
    .caseFormBox{ width:260px;}
    .caseFormBox .customSelect{ width:212px;}
    .caseFormBox li .fl{ margin-bottom:11px;}
    .footRight ul li{ margin-left:15px;}
    .indexCaseText{ height:40px; padding-top:8px;}
    .indexCaseText div p{ display:none;}
    .indexCaseText div h3{ font-size:16px;}
    .indexCaseText div{ padding:0 15px;}
    .caseSwiper .swiper-button-prev, .caseSwiper .swiper-button-next{ height:48px; width:48px;}
    .caseSwiper .swiper-button-prev, .caseSwiper .swiper-container-rtl .swiper-button-next{ right:49px;}
    .picList{ margin:0 8px;}
    /*.picList li{ width:100%;}*/
    .picList .wrapper{ margin-left:0;}
    .aboutList li,.honorList li,.activeList li,.madeTabRight li{ width:100%;}
    .bigBanner,.mainBanner .banner .swiper-slide,.productImg,.mainBanner2 .banner .swiper-slide{ height:250px;}
    .tabs a{ width:55px;}
    .honorList .wrapper{ max-width:100%;}
    .shape a{ margin:0 5px;}
    .proboxList li img{ width:50px; height:50px;}
    .imgText{ margin-left:70px;}
    .productMadeList ul li{ margin-left:0;}
    .productMadeList ul { text-align: center; }
    .productMadeList ul li,.productMadeList ul li.last { padding: 0 5px; float: none; display: inline-block; vertical-align: top;}
    .productAd{ height:135px;}
    .productPath h3{ display:none;}
    .productImgText{ padding-top:80px;}
    .productImgText h3{ font-size:18px;}
    .productImgText p{ font-size:12px;}
    .madeText2 img{ width:90px; height:85px;}
    .newsImg{ width:120px; height:auto;}
    .newsDiv{ margin-left:140px;}
    .newsinfo{ display:none;}
    .newsTit a{ height:auto; max-height:54px; font-size:16px;}
    .loginForm{ padding:52px 30px 47px;}
    .loginTit{ padding-left:32px; text-align:center; letter-spacing:7px;}
    .memberTabList li div.mwid1,.memberTabList li div.mwid2,.memberTabList li div.mwid3,.memberTabList li div.mwid4{ width:100%;}
    .memberTabList li,.memberTabList li.thead{ height:auto; line-height:40px;}
    .designImg4{ width:100%; height:auto;}
    .desWid1{ float:none;}
    .desWid2{ padding-top:20px;}
    .designDiv6 img{ width:100px; height:100px; margin:13px 20px 0 0;}

    .memberForm{ width:auto; }
    .loginDiv2 .fl,.loginDiv2 .fr{ float:none; height:auto; overflow:hidden;}
    .loginDiv2 .fr{ margin-top:11px;}
    .memberForm .customSelect{ width:100%; padding:0; text-indent:11px; background-position:94% center; }
    .hideBanner{ height:250px;}
    .madeBox .boxTit div.boxRight{ float:none; margin-top:90px; padding-bottom:30px; }
    .ec{position:absolute; width:280px; top:90px;left:360px;}
    .ec-prec{ width:280px;}

    .titText h3{color:#333;}
    /*.titText p{color:#999; font-size:10px;}*/
    .titTem h3{padding-bottom:10px;}
    .processText span,.titTem.improveText span{color:#666;}
    .titTem{position:relative;display:block; top:0; padding-top:20px; }
    .titTem p{ color:#999; padding-bottom:20px;}
    .titTem.processText{background:none;}
    .processText p{color:#999; padding-left:20px; padding-right:20px;}
    .process-icon{width:65px; height:65px;left:10px; top:10px;}
    .titTem.improveText{top:0; position:relative; margin-bottom:10px; padding-top:20px;}
    .titTem.improveText p{color:#999; margin-bottom:10px; padding-right:20px;padding-left:20px;}
    .muteImg{position:relative; float:none;  width:100%;}
    .muteText{position:relative;width:100%;float:none;}
    .muteTit{padding-left:140px;padding-top:40px;}
    .muteText h3{font-size:18px;}
    .muteText p{font-size: 10px;}
    .process .processText{position:relative; top:0;margin-left:0;  width:100%; padding-bottom:10px; padding-top:10px;height:auto; }
    /*.titTem.improveText span{font-size:14px;}*/
    /*.titTem.improveText.wet span{font-size:16px;}*/
    .titTem.processText.pic{padding-top:20px;}
    .open-icon{top:140px; width:300px;margin-left:0px; box-sizing:border-box;}
    .open-icon-img{ width:45px; height:45px; }
    .open-icon ul li{ margin-left:10px; margin-right:10px;}
    .per-wd.four-wheel .open-icon{ top:190px; margin-left:-50px;}
    .per-wd.process .titTem.processText.pic{background:none; padding-top:10px; padding-bottom:0px;}
    /*.processText span{  font-size:14px;}*/



}

@media screen and (max-width: 400px){
    .pos img { width: 100%; height: auto;}
    .productMadeList ul li { width: 29%; text-align: center; }
    .madeTab { padding: 10px; }
    .open-icon{margin-left:0px;}
    .titTem p{line-height:20px;}
    .titText{top:80px;}
    /*.titTem h3,.titTem.improveText h3,.processText h3{padding-bottom:5px;}*/
    .ec{position:absolute; width:280px; top:80px;left:320px;}
    .ec-prec{ width:280px;}
    .ec img{width:55px;}
    .process-icon{width:45px;height:45px; top:20px; left:40px;}
    .ec-prec li{position:relative; float:left; margin-right:10px; margin-left:10px; text-align:center; color:#fff;}
    .ec-prec li .ec-icon{width: 55px;height:55px;background-image:url('../images/percentage8_1.png'); line-height:55px; text-align: center; font-size:16px; margin-bottom:2px;background-size:100%;}
    .per-wd.four-wheel .open-icon{ top:150px;  padding-left:0;}
    .muteText{position:relative;width:100%;float:none;}
    .muteTit{padding-left:140px;padding-top:40px; padding-right:14px;}
    .muteText h3{font-size:18px;}
    .muteText p{font-size: 10px;}

}
@media screen and (max-width: 360px){
    .open-icon{width:388px; left:210px;}
    .process-icon{width:40px;height:40px; top:20px; left:30px;}
    .per-wd.four-wheel .open-icon{ top:140px; left:210px;}
    .muteTit{padding-left:120px;padding-top:30px;}
    .muteText h3{font-size:16px;}
    .muteText p{font-size: 8px;}
    .ec{position:absolute; width:280px; top:80px;left:320px;}

}
@media screen and (max-width: 320px){
    .open-icon{width:100%; left:170px; top:120px;}
    .per-wd.four-wheel .open-icon{ top:100px; left:190px;
   }
    .process-icon{width:35px;height:35px; top:20px; left:20px;}
    .ec{ width:280px; top:70px;left:280px;}
    .ec img{width:55px;}
    .ec-prec li{position:relative; float:left; margin-right:10px; margin-left:10px; text-align:center; color:#fff;}
    .ec-prec{padding-top:10px;}
    .ec-prec li .ec-icon{width: 45px;height:45px;background-image:url('../images/percentage8_1.png'); line-height:45px; text-align: center; font-size:14px; margin-bottom:2px;background-size:100%;}
    .per-wd.four-wheel .open-icon ul li{ margin-left:5px; margin-right:5px;}
    .muteTit{padding-left:107px;padding-top:30px; }
    .ec-prec li p{font-size:11px;}
    .per-wd.four-wheel .open-icon{ top:170px; left:175px;}
    /*.muteText h3{font-size:14px;}*/
    /*.muteText p{font-size: 8px;}*/
    /*.titTem h3,.titTem.improveText h3,.processText h3,.titText h3{ font-size: 24px;}*/
    /*.processText span, .titTem.improveText span,.titTem.improveText.wet span{font-size:20px;}*/
}
@media screen and (max-width: 414px){
    .bottomBanner {
        height: 250px;
    }
}
    @media screen and (max-width: 640px){
        .bottomBanner {
            display: block;
        }
    }