@media only screen and (min-width:900px) and (max-width:1260px) { .pc-1200px{display: none;} .headerwrap{padding: 0 2%;} .headerwrap .header .nav li>a { padding: 0px 14px; } .bannerwrap .sjbanner{display: block;width: 100%;} .bannerwrap video{display: none;} .index01wrap .top{width: 96%;} .index01wrap .top h4{width: 70%;} .index01two .textmin li .item .cont h4{left: 26px;} .index01two .textmin li .item .cont .tl h3{font-size: 28px;} .index01two .textmin li .item .cont .tl{margin-bottom: 30PX;} .index01wrap{padding-top: 80px;} .index03{padding: 80px 0;width: 96%;margin: auto;} .index04wrap .top{width: 96%;margin:0 auto 80px;} .index04wrap .index04{padding: 80px 2%;} .index04wrap .index04 .text .cont{margin: 0;padding: 40px;} .index05wrap{padding: 80px 0;} .index05wrap .top .left .bgfont{font-size: 100px;} .index05wrap .top .left{padding-left: 2%;} .index06wrap .tl{width: 96%;} .index06wrap .index06{width: 96%;} .min02wrap{background-attachment: scroll;} .index06wrap .min02{width: 96%;} .index07wrap .item .text .cont .fontbg{font-size: 100px;} .index07wrap .item .text .cont{padding-left: 40px;padding-right: 2%;} .index07wrap .item .text .cont h3::before{left: -40px;} .index08{margin: 80px auto;width: 96%;padding-top: 80px;} .bannerwrap .banner .text, .footer02{width: 96%;} /* about */ .about01wrap::after{left: 0;} .about01wrap{padding: 80px 0;} .about01 .right{padding: 0 30px;} .about01 .right p{font-size: 12px;margin-bottom: 10px;} .about01 .right h3{font-size: 28px;margin-top: 10px;} .about01 .right h4{font-size: 18px;line-height: 28px;} .about01 .right h5{font-size: 14px;line-height: 26px;} .about02{width: 96%;margin: 80px auto;padding-left: 100px;} .about02 .left{width: 100px;} .about02 .right h3{font-size: 28px;} .about02 .right h4{font-size: 18px;} .about02 .right h5{font-size: 14px;line-height: 26px;} .about03 li h3{font-size: 32px;line-height: 36px;} .about03 li h3::before{margin-bottom: 15px ;} .about03 li h3::after{margin-top: 15px;} .about04wrap{padding: 80px 0;} .about04{width: 96%;} .about04wrap .a-tl{font-size: 28px;} .about05wrap{padding: 80px 0;background-attachment: scroll;} .about05{width: 96% ;} /* gaoguan */ .gaoguan01wrap{padding: 80px 0;} .gaoguan01{width: 96%;} .prothere01, .knowladge01 .cont{width: 96%;} .knowladge01 li{padding: 80px 0;} .knowladge01 li .text h4{font-size: 14px;line-height: 24px;} .knowladge01 li .text p{line-height: 24px;} .contwidth, .news02 .content .main, .supplytopwrap .text{width: 96%;} .knowladge01 li .text h3{font-size: 24px;} .contact01{margin: 80px auto;} .contact02warp{padding: 80px 0;} .contact02{width: 96%;} .supply03,.supply01wrap{width: 96%;margin: 80px auto;} .supply02{width: 96%;} .supply02wrap{padding: 80px 0;} .s-tl01{font-size: 28px;} .audit01{width: 96%;margin: 80px auto;} .audit01 .right .text02{padding-bottom: 80px;} /* join */ .join01wrap{width: 96%;margin: 80px auto;} .join01 a .text{padding: 0 30px;} .join02wrap{padding: 80px 0;} .join02{width: 96%;margin-bottom: 0;} .join03{width: 96%;margin: 80px auto;} .join04{width: 96%;} .join04wrap{padding: 80px 0;background-attachment: scroll;} .join05wrap{margin: 80px 0;} .j-tl h3,.c-tl h3{font-size: 28px;} .career01wrap{margin: 80px auto;} .careerone01{width: 96%;margin-top: 80px;} .careerone02{ width: 96%;} .personnelonewrap{margin: 80px auto;} .prothere01{margin: 80px auto;} .pro02banner video{display: none;} .innerbanner .sjbanner{display: block;width: 100%;} .prothere01 .text h3{line-height: 26px;margin-bottom: 20px;} .prothere01 .text h4{font-size: 14px;left: 26px;} .prothere03 .li .text{padding: 0 10px;} .prothere03 .li .text h3{font-size: 22px;margin: 20px auto;} .prothere03 .li .text h4{margin-bottom: 30px;letter-spacing: 0;min-height: 130px;} .proone0201, .prothere02, .prothere04wrap{width: 96%;} .prothere04wrap,.prothere03wrap{margin: 80px auto;} .p-tl{font-size: 28px;} .prothere02wrap,.prothere05wrap{padding: 80px 0;} .prothere05{width: 96%;} .prothere05 li{padding: 0 10px 20px;} .prothere05 li h3{margin: auto;width: 180px;margin-bottom: 20px;margin-top: -23px;} .tablewraps{width: 96%;} .protwo01{padding: 80px 0;} .protwo01wrap{margin: 80px 0;} .protwo-tl{font-size: 28px;} .protwo01 .box .text p{font-size: 24px;} .protwo01 .box .text h3{font-size: 22px;line-height: 30px;} .protwo01 .box .text font{font-size: 18px;margin: 20px 0;} .protwo01 .box .text h4{font-size: 14px;line-height: 26px;letter-spacing: 0;} .protwo01 .box .text{padding: 0 20px;} .protwo02wrap{margin: 80px auto;} .protwo02 .box{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;padding: 30px 0;} .protwo02 .box .text{width: 100%;margin: auto;padding: 0 30px;margin-top: 30px;padding-top: 30px;border-top: 1px solid #DDDDDD;} .protwo02 .box .text h4{min-height: 104px;font-size: 14px;} #pro3,#pro2{display: none;} .proonetext h3{font-size: 28px;} .proone03{width: 96%;} .proone05{width: 96%;margin-bottom: 80px;} .proone05 a .cont h3{font-size: 30px;} .proonetext{width: 96%;margin: 80px auto 40px;} .proone02 a .text{padding: 0 30px;} .proone02 a .text .cont h3{font-size: 20px;} .proone04{padding: 80px 0;} .proone04 .proone05 a .cont{padding: 60px 10px;} .proone04 .proone05 a .cont h3{font-size: 20px;} .proone01 .text{padding: 0 2% 0 30px;} .serviceone01 .cont li h4{font-size: 14px;opacity: 1;} .serviceone01,.serviceone03wrap{margin: 80px auto;} .serviceone02wrap{padding: 80px 0;} .serviceone03 .text H4{font-size: 14px;line-height: 26px;padding-bottom: 20px;margin-bottom: 20px;} .serviceone03 .text h3{margin-bottom: 20px;} .servicetwo02 .cont li .item02 .font{padding: 0 40px;} .servicetwo02 .cont .right .text{padding: 40px;} .servicetwo01{margin: 80px auto;} .servicetwo02wrap,.servicefour02wrap{padding: 80px 0;} .servicefour02wrap{background-attachment: scroll;} .datatwo01 .item .right{padding-right: 2%;padding-left: 30px;} .datatwo01 .item:nth-of-type(2n) .right{padding-left: 2%;padding-right: 30px;} .datatwo01 .item .right .cont .list .info h4{letter-spacing: 0;} .datatwo01 .item .right .cont .list .info{padding-left: 50px;} .datatwo01 .item .right .cont .list .top font{margin-right: 16px;} .datatwo01 .item .imgbox img{width: auto;height: 460px;min-width: 100%;} .solution01{width: 800px;margin: 80px auto;} .s-tl h3{font-size: 28px;} .solution02wrap{padding: 80px 0;background-attachment: scroll;} .solution02wrap .tl{font-size: 28px;} .solution02 li{padding: 30px 0;} .solution03{width: 96%;margin: 80px auto;} .solution04wrap{padding: 80px 0;} .solution04{width: 96%;} .solution05wrap{width: 96%;margin: 80px auto;} .solution05 .box .text{padding-right: 30px;} .solution05 .thumbswrap{margin-top: 30px;} .solution06wrap{padding: 80px 0;} .solution06{width: 96%;} .solution06 a .text{padding: 0;} .innerbanner .mbxwrap .right a{margin-left: 30px;font-size: 16px;} .solution06 a .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news01wrap{padding: 80px 0;} .news02 .content .main .textbox h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newsinfowrap .n-tlwrap .n-tl{width: 96%;} .newsinfo01{width: 96%;padding: 0;margin-bottom: 80px;} .modewrap{padding: 80px 0;} .modewrap .left{padding: 0 40px 0 2%;} .modewrap .right{padding-right: 2%;} .aftermarketone02{padding: 80px 0;background-attachment: scroll;} .aftermarketone01{margin: 80px auto;} .index06wrap .tl{padding-top: 80px;} .protwoinfo01{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .protwoinfo01wrap{padding: 60px 0;} .protwoinfo01 .imgbox{width: 80%;} .protwoinfo01 .text{width: 100%;padding-left: 0;margin-top: 30px;padding-top: 30px;border-top: 1px solid #DDDDDD;} .protwoinfo02wrap{width: 96%;margin: 60px auto;} .p-twoinfo{font-size: 28px;padding-bottom: 20px;margin-bottom: 20px;} .protwoinfo02 .page{margin-top: 20px;} .xzgn01{width: 96%;margin: 60px auto;} .protwoinfo03wrap{padding: 60px 0;} .protwoinfo03{width: 96%;} .protwoinfo03 .cont .imgbox img{display: block;width: 100%;} .protwoinfo04wrap{width: 96%;margin: 60px auto;} .protwoinfo04wrap .p-twoinfo{margin-bottom: 0;} .protwoinfo05wrap{padding: 60px 0;} .protwoinfo05wrap .p-twoinfo{width: 96%;} .protwoinfo05 a font{opacity: 1;} .protwoinfo06wrap{padding: 60px 0;} .protwoinfo06wrap .p-twoinfo,.protwoinfo06wrap .join02{width: 96%;} .protwoinfo06wrap .join02 .swiper-button-next{right: 0;} .protwoinfo06wrap .join02 .swiper-button-prev{left: 0;} .tolist{padding: 60px 2%;} } @media only screen and (min-width:750px) and (max-width:1000px) { .pc-1200px{display: none;} .headerwrap{padding: 0 2%;} .bannerwrap .sjbanner{display: block;width: 100%;} .bannerwrap video{display: none;} .index01wrap .top{width: 96%;} .index01wrap .top h4{width: 70%;} .index01two .textmin li .item .cont h4{line-height: 26px;} .index01two .textmin li .item .cont .tl h3{font-size: 28px;} .index01two .textmin li .item .cont .tl{margin-bottom: 30PX;} .index01wrap{padding-top: 80px;} .index03{padding: 80px 0;width: 96%;margin: auto;} .index04wrap .top{width: 96%;margin:0 auto 80px;} .index04wrap .index04{padding: 80px 2%;} .index04wrap .index04 .text .cont{margin: 0;padding: 40px;} .index05wrap{padding: 80px 0;} .index05wrap .top .left .bgfont{font-size: 100px;} .index05wrap .top .left{padding-left: 2%;} .index06wrap .tl{width: 96%;} .index06wrap .index06{width: 96%;} .min02wrap{background-attachment: scroll;} .index06wrap .min02{width: 96%;} .index07wrap .item .text .cont .fontbg{font-size: 100px;} .index07wrap .item .text .cont{padding-left: 40px;padding-right: 2%;} .index07wrap .item .text .cont h3::before{left: -40px;} .index08{margin: 80px auto;width: 96%;padding-top: 80px;} .bannerwrap .banner .text, .footer02{width: 96%;} /* about */ .about01wrap::after{left: 0;} .about01wrap{padding: 80px 0;} .about01 .right{padding: 0 30px;} .about01 .right p{font-size: 12px;margin-bottom: 10px;} .about01 .right h3{font-size: 28px;margin-top: 10px;} .about01 .right h4{font-size: 18px;line-height: 28px;} .about01 .right h5{font-size: 14px;line-height: 26px;} .about02{width: 96%;margin: 80px auto;padding-left: 100px;} .about02 .left{width: 100px;} .about02 .right h3{font-size: 28px;} .about02 .right h4{font-size: 18px;} .about02 .right h5{font-size: 14px;line-height: 26px;} .about03 li h3{font-size: 32px;line-height: 36px;} .about03 li h3::before{margin-bottom: 15px ;} .about03 li h3::after{margin-top: 15px;} .about04wrap{padding: 80px 0;} .about04{width: 96%;} .about04wrap .a-tl{font-size: 28px;} .about05wrap{padding: 80px 0;} .about05{width: 96% ;} /* gaoguan */ .gaoguan01wrap{padding: 80px 0;} .gaoguan01{width: 96%;} .prothere01, .knowladge01 .cont{width: 96%;} .knowladge01 li{padding: 80px 0;} .knowladge01 li .text h4{font-size: 14px;line-height: 24px;} .knowladge01 li .text p{line-height: 24px;} .contwidth, .news02 .content .main, .supplytopwrap .text{width: 96%;} .knowladge01 li .text h3{font-size: 24px;} .contact01{margin: 80px auto;} .contact02warp{padding: 80px 0;} .contact02{width: 96%;} .supply03,.supply01wrap{width: 96%;margin: 80px auto;} .supply02{width: 96%;} .supply02wrap{padding: 80px 0;} .s-tl01{font-size: 28px;} .audit01{width: 96%;margin: 80px auto;} .audit01 .right .text02{padding-bottom: 80px;} /* join */ .join01wrap{width: 96%;margin: 80px auto;} .join01 a .text{padding: 0 30px;} .join02wrap{padding: 80px 0;} .join02{width: 96%;margin-bottom: 0;} .join03{width: 96%;margin: 80px auto;} .join04{width: 96%;} .join04wrap{padding: 80px 0;background-attachment: scroll;} .join05wrap{margin: 80px 0;} .j-tl h3,.c-tl h3{font-size: 28px;} .career01wrap{margin: 80px auto;} .careerone01{width: 96%;margin-top: 80px;} .careerone02{ width: 96%;} .personnelonewrap{margin: 80px auto;} .prothere01{margin: 80px auto;} .pro02banner video{display: none;} .innerbanner .sjbanner{display: block;width: 100%;} .prothere01 .text h3{line-height: 26px;margin-bottom: 20px;} .prothere01 .text h4{font-size: 14px;left: 26px;} .prothere03 .li .text{padding: 0 10px;} .prothere03 .li .text h3{font-size: 22px;margin: 20px auto;} .prothere03 .li .text h4{margin-bottom: 30px;letter-spacing: 0;min-height: 130px;} .proone0201, .prothere02, .prothere04wrap{width: 96%;} .prothere04wrap,.prothere03wrap{margin: 80px auto;} .p-tl{font-size: 28px;} .prothere02wrap,.prothere05wrap{padding: 80px 0;} .prothere05{width: 96%;} .prothere05 li{padding: 0 10px 20px;} .prothere05 li h3{margin: auto;width: 180px;margin-bottom: 20px;margin-top: -23px;} .tablewraps{width: 96%;} .protwo01{padding: 80px 0;} .protwo01wrap{margin: 80px 0;} .protwo-tl{font-size: 28px;} .protwo01 .box .text p{font-size: 24px;} .protwo01 .box .text h3{font-size: 20px;line-height: 30px;} .protwo01 .box .text font{font-size: 18px;margin: 20px 0;} .protwo01 .box .text h4{font-size: 14px;line-height: 26px;letter-spacing: 0;} .protwo01 .box .text{padding: 0 20px;} .protwo02wrap{margin: 80px auto;} /* .protwo02 .box{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;padding: 30px 0;} .protwo02 .box .text{width: 100%;margin: auto;padding: 0 30px;margin-top: 30px;padding-top: 30px;border-top: 1px solid #DDDDDD;} .protwo02 .box .text h4{min-height: 104px;font-size: 14px;} */ #pro3,#pro2{display: none;} .proonetext h3{font-size: 28px;} .proone03{width: 96%;} .proone05{width: 96%;margin-bottom: 80px;} .proone05 a .cont h3{font-size: 30px;} .proonetext{width: 96%;margin: 80px auto 40px;} .proone02 a .text{padding: 0 30px;} .proone02 a .text .cont h3{font-size: 20px;} .proone04{padding: 80px 0;} .proone04 .proone05 a .cont{padding: 60px 10px;} .proone04 .proone05 a .cont h3{font-size: 20px;} .proone01 .text{padding: 0 2% 0 30px;} .serviceone01 .cont li h4{font-size: 14px;opacity: 1;} .serviceone01,.serviceone03wrap{margin: 80px auto;} .serviceone02wrap{padding: 80px 0;} .serviceone03 .text H4{font-size: 14px;line-height: 26px;padding-bottom: 20px;margin-bottom: 20px;} .serviceone03 .text h3{margin-bottom: 20px;} .servicetwo02 .cont li .item02 .font{padding: 0 40px;} .servicetwo02 .cont .right .text{padding: 40px;} .servicetwo01{margin: 80px auto;} .servicetwo02wrap,.servicefour02wrap{padding: 80px 0;} .servicefour02wrap{background-attachment: scroll;} .datatwo01 .item .right{padding-right: 2%;padding-left: 30px;} .datatwo01 .item:nth-of-type(2n) .right{padding-left: 2%;padding-right: 30px;} .datatwo01 .item .right .cont .list .info h4{letter-spacing: 0;} .datatwo01 .item .right .cont .list .info{padding-left: 50px;} .datatwo01 .item .right .cont .list .top font{margin-right: 16px;} .datatwo01 .item .imgbox img{width: auto;height: 460px;min-width: 100%;} .solution01{width: 800px;margin: 80px auto;} .s-tl h3{font-size: 28px;} .solution02wrap{padding: 80px 0;background-attachment: scroll;} .solution02wrap .tl{font-size: 28px;} .solution02 li{padding: 30px 0;} .solution03{width: 96%;margin: 80px auto;} .solution04wrap{padding: 80px 0;} .solution04{width: 96%;} .solution05wrap{width: 96%;margin: 80px auto;} .solution05 .box .text{padding-right: 30px;} .solution05 .thumbswrap{margin-top: 30px;} .solution06wrap{padding: 80px 0;} .solution06{width: 96%;} .solution06 a .text{padding: 0;} .innerbanner .mbxwrap .right a{margin-left: 30px;font-size: 16px;} .solution06 a .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news01wrap{padding: 80px 0;} .news02 .content .main .textbox h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newsinfowrap .n-tlwrap .n-tl{width: 96%;} .newsinfo01{width: 96%;padding: 0;margin-bottom: 80px;} .modewrap{padding: 80px 0;} .modewrap .left{padding: 0 40px 0 2%;} .modewrap .right{padding-right: 2%;} .aftermarketone02{padding: 80px 0;background-attachment: scroll;} .aftermarketone01{margin: 80px auto;} /* 琛ュ厖 */ .headerwrap .header .nav li>a{padding: 0 5px; font-size: 14px; height: 70px; line-height: 70px;} .headerwrap .header .logo img{height: 40px;} .headerwrap .header .right span{margin: 0 10px;} .headerwrap .header .right i{margin-right: 10px;} .header .nav li .nav02{top: 70px;width: auto;min-width: 140px;} .header .nav li .nav02 a{font-size: 13px;padding-left: 10px;line-height: 30px;} .bannerwrap .vide0text h3{font-size: 36px;} .bannerwrap .vide0text{padding-top: 70px;} .index01wrap{padding-top: 60px;} .index01wrap .top h3{font-size: 28px;} .index01wrap .top strong{margin: 20px auto;} .index01wrap .top h4{width: 90%;} .index01two .textmin li .item .cont{width: 96%;} .index01two .textmin li .item .cont font{margin-bottom: 40px;} .index01two .textmin li .item .cont .tl h3{font-size: 24px;} .index01two .textmin li .item .cont .tl p{font-size: 14px;letter-spacing: 0;} .index01two .textmin li .item .cont h4{letter-spacing: 0;} .index03 .item .text h4{width: 90%;} .index01two .textmin li .item .cont .more{width: 140px;margin-top: 40px;} .index03 .item .text h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;} .index03 .item .text .more{margin-top: 30px;} .more{width: 140px;} .index03{padding: 60px 0;} .index04wrap .top h3{font-size: 24px;} .index04wrap .top p{font-size: 16px;} .index04wrap .top h4{width: 90%;} .index04wrap .top strong{margin: 20px auto;} .index04wrap .index04{padding: 60px 2%;background-attachment: scroll;} .index04wrap .index04 .text .cont h3{font-size: 24px;} .index04wrap .index04 .text .cont{width: 60%;} .index04wrap .index04 .text .cont h4{font-size: 14px;} .index04wrap .index04 .text .cont::after{top: 36px;} .index05wrap .top .left .cont .tl{font-size: 28px;margin-bottom: 30px;} .index05wrap .top .left .cont .list .item h3{margin-bottom: 20px;} .index05wrap .top .left .cont .list .item h4{font-size: 14px;padding: 0;} .index05wrap .top .left .bgfont{font-size: 90px;letter-spacing: 2px;} .index05wrap .top .left .cont{padding-top: 65px;} .index05wrap .top .left .cont .list .item .more{width: 140px;height: 36px;line-height: 36px;} .index05wrap{padding: 60px 0;} .index06wrap .tl{padding-top: 60px;} .min02wrap{padding: 80px 0;} .index07wrap .item .right img{width: auto;height: 420px;} .index07wrap .item .text .cont .fontbg{font-size: 90px;} .index07wrap .item .text .cont h3{font-size: 28px;} .index07wrap .item .text .cont .fontbg{margin-top: -30px;} .index08{margin: 60px auto;padding-top: 60px;} .index08 h3{font-size: 26px;} .header .nav li .nav02 a:before{width: 2px;top: 8px;left: 2px;} .innerbanner .mbxwrap h3{font-size: 20px;line-height: 70px;} .innerbanner .mbxwrap .right a{margin-left: 20px;} .about01wrap{padding: 60px 0;} .about01 .right h5{height: 130px;overflow: hidden;overflow-y: scroll;} .about01 .right h3{font-size: 24px;} .about01 .right h4{font-size: 16px;line-height: 26px;margin: 10px 0;} .about02{margin: 60px auto;} .about02 .right h3{font-size: 24px;} .about03 li h3{font-size: 26px;} .about03 li h3 br{display: none;} .about03 li h3::before{margin-bottom: 10px;} .about03 li h3::after{margin-top: 10px;} .about03 li .bot{bottom: 30px;} .about03 li .hovertext{font-size: 14px;margin-top: 30px;} .about04wrap{padding: 60px 0;} .about04wrap .a-tl{margin-bottom: 40px;} .about05wrap{padding: 60px 0;background-attachment: scroll;} .about05wrap .top h3{font-size: 28px;} .about05 .swiper-slide .text h3{font-size: 14px;line-height: 26px;} .about05 .swiper-slide .text{padding: 10px;} /* footer */ .footerwrap{padding: 60px 0;} .footer02 .bot .left .f-nav a{margin-right: 10px;letter-spacing: 0;} .footer02 .bot .left .f-nav{margin-left: 20px;} .footer02 .bot .right li{margin-right: 10px;} .footer02 .bot .right li a{width: 15px;} .footer02 .copyright02,.footer02 .copyright02 .right .item:last-child{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .footer02 .copyright02 .right .item font{margin-left: 0;line-height: 20px;} .gaoguan01 .box .text h4{font-size: 14px;} .g-tl{width: 96%;} .g-tl h3{font-size: 28px;margin-bottom: 30px;} .gaoguan01{margin-top: 60px;} .knowladge01 li .text h4{height: 170px;overflow: hidden;overflow-y: scroll;} .knowladge02 a p,.knowladge02 a h3{font-size: 14px;} .knowladge02wrap{margin-bottom: 60px;} .contact02 .min a .text span{font-size: 18px;} .contact02warp{padding: 60px 0;} .contact01,.supply03, .supply01wrap,.audit01{margin: 60px auto;} .supplywrap{margin-top: 60px;} .join01 a .text{padding: 0 20px;} .join01 a .text .cont h4{font-size: 14px;left: 26px;letter-spacing: 0;min-height: 120px;} .join01wrap{margin: 60px auto;} .join01 a .text .cont h3{padding-bottom: 20px;margin-bottom: 20px;} .join02wrap{padding: 60px 0;} .join02 a .text h3{font-size: 16px;line-height: 26px;} .join03 .top{width: 300px;} .join04wrap{padding: 60px 0;} .join03{margin: 60px auto;} .join03 .contwrap{padding: 60px 40px;} .join05wrap{margin: 60px 0;} .career01wrap .min .item{width: 250px;height: 250px;} .c-tl strong{margin: 20px auto;} .career01wrap .min{margin-top: 50px;} .careerone01{margin-top: 60px;} .prothere01 .text h3{font-size: 16px;line-height: 28px;} .prothere01 .text h4{height: 150px;overflow: hidden;overflow-y: scroll;} .prothere04wrap, .prothere03wrap{margin: 60px auto;} .prothere02wrap, .prothere05wrap{padding: 60px 0;} .prothere02 .gallery-thumbs .bigimgbox h4{font-size: 14px;} .prothere05 li{width: 32%;} .prothere05 li:nth-of-type(4n){margin-right: 2%;} .prothere05 li:nth-of-type(3n){margin-right: 0;} .proone05 a{width: 23.5%;margin-right: 2%;} .proone05 a:nth-of-type(4n){margin-right: 0;} .proone01 .imgbox img{height: auto;height: 420px;} .proone04 .tl{font-size: 28px;} .proonetext{margin-top: 60px;} .proone04{padding: 60px 0;} .proone04 .t-info{width: 90%;margin: 40px auto;line-height: 26px;} .proone05 a .cont{padding: 60px 10px;} .proone03 ul li h3{font-size: 14px;} .proone02 a .text .cont img{height: 50px;} .serviceone01 .cont li{padding: 0 10px;} .serviceone01 .cont li h4{font-size: 14px;letter-spacing: 0;} .serviceone01 .cont li h3{font-size: 16px;} .serviceone01 .cont li strong{margin: 10px auto;} .servicetwo01 .text{padding-left: 30px;} .innerbanner .mbxwrap h3{font-size: 18px;width: 28%;padding: 0 10px;} .innerbanner .mbxwrap .right a{margin-left: 15px;} .servicetwo01 .text strong{margin: 20px 0;} .servicetwo01 .text h4{font-size: 14px;line-height: 24px;} .servicetwo01{margin: 60px auto;} .servicetwo02 .cont .right .text .li p{font-size: 12px;line-height: 26px;} .servicetwo02 .cont li .item01 .font h3{font-size: 28px;} .servicetwo02 .cont li .item01 .font h4{font-size: 14px;} .servicetwo02 .cont li .item02 .font{padding: 0 30px;} .servicetwo02 .cont li .item02 .font p{font-size: 16px;line-height: 34px;} .servicetwo02wrap, .servicefour02wrap{padding: 60px 0;} .innerbanner img{width: auto;height: 300px;min-width: 100%;} .innerbanner .text p{font-size: 32px;margin-bottom: 10px;} .innerbanner .text h3{font-size: 18px;} .solution01{width: 96%;margin: 60px auto;} .solution02 li{width: calc(100% / 3);border: 1px solid rgba(255,255,255,0.4);border-right: none;} .solution02{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .solution02 li:nth-of-type(3n){border-right: 1px solid rgba(255,255,255,0.4);} .solution03 .cont a .text{width: 60%;right: 2%;padding: 30px 20px;} .solution03 .cont a img{width: auto;height: 400px;} .solution03 .cont .swiper-pagination{bottom: 20px;} .solution03{margin: 60px auto;} .solution04wrap .tl{font-size: 28px;} .solution04 li .top{height: 46px;line-height: 46px;} .solution04 li{width: 23.25%;margin-right: 2%;} .solution04wrap,.solution06wrap{padding: 60px 0;} .solution05wrap{margin: 60px auto;} .solution05 .gallery-thumbs{width: 82%;} .solution05 .box .text h4{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;} .solution05 .box .text p{font-size: 13px;line-height: 22px;} .solution05 .box .text h3{font-size: 20px;} .solution05 .box .tupian img{height: 300px;} .protwoinfo01{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .protwoinfo01wrap{padding: 60px 0;} .protwoinfo01 .imgbox{width: 80%;} .protwoinfo01 .text{width: 100%;padding-left: 0;margin-top: 30px;padding-top: 30px;border-top: 1px solid #DDDDDD;} .protwoinfo02wrap{width: 96%;margin: 60px auto;} .p-twoinfo{font-size: 28px;padding-bottom: 20px;margin-bottom: 20px;} .protwoinfo02 .page{margin-top: 20px;} .xzgn01{width: 96%;margin: 60px auto;} .protwoinfo03wrap{padding: 60px 0;} .protwoinfo03{width: 96%;} .protwoinfo03 .cont .imgbox img{display: block;width: 100%;} .protwoinfo04wrap{width: 96%;margin: 60px auto;} .protwoinfo04wrap .p-twoinfo{margin-bottom: 0;} .protwoinfo05wrap{padding: 60px 0;} .protwoinfo05wrap .p-twoinfo{width: 96%;} .protwoinfo05 a font{opacity: 1;} .protwoinfo06wrap{padding: 60px 0;} .protwoinfo06wrap .p-twoinfo,.protwoinfo06wrap .join02{width: 96%;} .protwoinfo06wrap .join02 .swiper-button-next{right: 0;} .protwoinfo06wrap .join02 .swiper-button-prev{left: 0;} .tolist{padding: 60px 2%;} .news01 a .text .cont h3{font-size: 18px;line-height: 28px;} .news01 a .text .cont .more{width: 120px;height: 34px;line-height: 34px;} .news02 .content{padding: 40px 0;} .newsinfowrap{margin-top: 71px;} .newsinfowrap .n-tlwrap .n-tl h3{font-size: 28px;} .news01wrap{padding: 60px 0;} .modewrap .left h3{font-size: 20px;} .modewrap .left h4{font-size: 16px;} .modewrap .left p{font-size: 14px;line-height: 24px;} } @media only screen and (max-width:760px){ .pc-1200px,.bltindexnews .right a .newsmore, .bltindexnews .left .newsmore{display: none;} .bltindexnews .left,.bltindexnews .right,.bltindexnews .right a p,.bltindexnews .right a dd{ width: 100%; } .bltindexnews .right a dd h4,.bltindexnews .left dd h4{ margin: 10px 0;-webkit-line-clamp: 1;} .bltindexnews .left dd h3{font-size:16px; } .bltindexnews .right a{ display: block;} .bltindexnews .left p, .bltindexnews .right p{ max-height: 200px;} .bltindexnews .left dd,.bltindexnews .right a dd h3{ margin: 10px 0 0 0; } .bltindexnews{ width: 80%;} .bltindexnews .right a h5{display: block;} .headerwrap{padding: 0 2%;} .headerwrap .header .nav{display: none;} .headerwrap .header .right{display: none;} .headerwrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 61px;top: 0;background-color: #e6771b;display: block;box-sizing: border-box;width: 60px;} .drawer--right .drawer-nav{right: -100%;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav{padding-top: 80px;width: 100%;z-index: 5;box-sizing: border-box;height: 100%;} .headerwrap .header .logo{position: relative;z-index: 10;} .drawer--right.drawer-open .drawer-hamburger{z-index: 12;} .headerwrap .header{height: 60px;} .headerwrap{background-color: #fff;} .drawer--right.drawer-open .drawer-hamburger{right: 0;} .drawer-menu{height: 100%;} .headerwrap .header .drawer-menu .phone{width: 140px;height: 40px;line-height: 40px;font-size: 14px;color: #FFFFFF;left: 10%;} .headerwrap .header .drawer-menu .phone i{font-size: inherit;color: inherit;margin-right: 10px;} .drawer-menu li{margin-bottom: 30px;} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .headerwrap .header .logo .logo02{display: block;} .headerwrap .header .logo .logo01{display: none;} .headerwrap .header .logo img{height: 42px;} .headerwrap .header .drawer-menu .sj-language{font-size: 16px;color: #E6771B;position: absolute;right: 10%;bottom: 20px;} /* index */ .bannerwrap .sjbanner{display: block;width: 100%;} .bannerwrap .pcbanner{display: none;} .bannerwrap{margin-top: 61px;} .bannerwrap .vide0text,.bannerwrap::after{display: none;} .index01wrap .top{width: 96%;margin-bottom: 30px;} .index01wrap{padding-top: 50px;} .index01wrap .top h4{width: 100%;font-size: 14px;} .index01wrap .top h3{font-size: 26px;} .index01wrap .top strong{width: 30px;margin: 20px auto;} .index01two .imgbox{display: none;} .index01two .textmin{position: relative;box-sizing: border-box;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 0 2%;} .index01two .textmin li{width: 100%;border: none;margin-bottom: 30px;} .index01two .textmin li:last-child{margin-bottom: 0;} .index01two .textmin li .item{width: 100%;height: 100%;} .index01two{background: url(../img/index_sjbg01.jpg)no-repeat;background-size: cover;padding: 30px 0;} .index01two .textmin li .item{border: 1px solid #FFFFFF;opacity: 1;background-color: rgba(0,0,0,0.3);padding: 30px 0;} .index01two .textmin li .item .cont .tl h3{font-size: 26px;} .index01two .textmin li .item .cont font{font-size: 18px;margin-bottom: 30px;} .index01two .textmin li .item .cont .tl p{font-size: 14PX;} .index01two .textmin li .item .cont h4{font-size: 14PX;line-height: 26PX;} .index01two .textmin li .item .cont .tl{margin-bottom: 30px;} .index01two .textmin li .item .cont .more{margin-top: 30px;opacity: 1;width: 140px;} .index01two .textmin li .item .cont{transform: none;-webkit-transform: none;width: 90%;} .index03{padding: 0 2%;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 30px auto;} .index03 .item{width: 100%;margin-bottom: 30px;} .index03 .item:last-child{margin-bottom: 0;} .index03 .item img{width: auto;height: 400px;} .index03 .item .text h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;} .index03 .item .text h4{width: 96%;} .index03 .item .text .more{margin-top: 40px;} .more{width: 140px;height: 38px;line-height:38px;font-size: 14px;} .index04wrap .top, .index08{margin: 50px auto;} .index04wrap .top{width: 96%;} .index04wrap .index04{padding: 50px 2%;background-attachment: scroll;} .index04wrap .top p{font-size: 20px;} .index04wrap .top strong{margin: 20px auto;} .index04wrap .top h4{width: 100%;} .index04wrap .index04 .text .cont{width: 100%;padding: 30px;margin: auto;} .index04wrap .index04 .text .cont h3{font-size: 24px;margin-bottom: 20px;} .index04wrap .index04 .text .cont h4{margin-bottom: 20px;} .index04wrap .index04 .text .cont::after{top: 28px;} .index04wrap .top h3{width: 100%;font-size: 14px;line-height: 26px;} .index05wrap{padding: 50px 0;display: flex;display: -webkit-flex;-webkit-flex-flow: column-reverse;flex-flow: column-reverse;} .index05wrap .top .right{display: none;} .index05wrap .top .left{width: 100%;padding-left: 0;} .index05wrap .top .left .cont{padding-top: 0;} .index05wrap .top .left .bgfont{display: none;} .index05wrap .top .left .cont{width: 100%;padding: 0 2%;border: none;} .index05wrap .top .left .cont::before{display: none;} .index05wrap .top .left .cont .tl{font-size: 26px;margin-bottom: 30px;display: none;} .index05wrap .top .left .cont .list .item h3{font-size: 22px;margin-bottom: 30px;} .index05wrap .top .left .cont .list .item h4{font-size: 14px;line-height: 26px;padding-right: 0;margin-bottom: 30px;} .index05wrap .sjtl{display: block;font-size: 26px;color: #222222;margin-bottom: 30px;font-weight: bold;text-align: center;padding-bottom: 20px;position: relative;} .index05wrap .sjtl::after{content: '';display: block;width: 30px;height: 2px;background-color: #e6771b;position: absolute;left: 50%;bottom: 0;margin-left: -15px;} .index05wrap .bot .gallery-thumbs .swiper-slide a .text{display: none;} .index05wrap .top{margin-top: 30px;margin-bottom: 0;} .index05wrap .swiper-button-next, .index05wrap .swiper-button-prev{margin-top: 10px;} .index06wrap .tl{width: 96%;padding: 0;margin: 50px auto 30px;border: none;font-size: 26px;text-align: center;position: relative;padding-bottom: 20px;} .index06wrap .tl::before{width: 30px;height: 2px;left: 50%;bottom: 0;margin-left: -15px;top: initial;} .index06wrap .index06{width: 96%;margin-bottom: 50px;} .index06wrap .index06 img.pcmap{display: none;} .index06wrap .index06 img.sjmap{display: block;width: 100%;} .index06wrap .index06 .min{display: none;} .min02wrap{padding: 50px 0;background-attachment: scroll;} .index06wrap .min02{width: 96%;} .index06wrap .min02 .imgbox p{width: 17.6%;margin-right: 3%;margin-bottom: 3%;} .index06wrap .min02 .imgbox p:nth-of-type(9n){margin-right: 3%;} .index06wrap .min02 .imgbox p:nth-of-type(5n){margin-right: 0;} .index06wrap .min02 .imgbox{-webkit-justify-content: center;justify-content: center;} .index07wrap .item .right{width: 100%;display: none;} .index07wrap .item{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index07wrap .item .text{width: 100%;box-sizing: border-box;padding: 50px 2%;} .index07wrap .item .text .cont{padding: 0;} .index07wrap .item .text .cont .fontbg{display: none;} .index07wrap .item .text .cont h3{font-size: 26px;padding-bottom: 20px;position: relative;} .index07wrap .item .text .cont h3::before{left: 0;bottom: 0;top: initial;width: 30px;height: 2px;} .index07wrap .item .text .cont h5{font-size: 14px;line-height: 26px;} .index07wrap .item .text .cont p{font-size: 14px;line-height: 26px;} .index08{width: 96%;padding-top: 50px;} .index08 p{font-size: 14PX;} .index08 h3{font-size: 22px;line-height: 30px;} .index08 strong{margin: 20px auto;width: 30px;} .footer02 .top,.footer02 .bot{display: none;} .footer02 .copyright02{padding: 20px 2%;display: block;box-sizing: border-box;} .bannerwrap .banner .text, .footer02{width: 100%;} .footerwrap{padding: 0;border-top: 3px solid #f49f6f;} .footer02 .copyright02 .f-language{display: none;} .footer02 .copyright02 .right .item .link{margin-left: 0;margin-top: 10px;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .footer02 .copyright02 .right .item font{margin-left: 10px;} .footer02 .copyright02 .right .item:last-child{line-height: 18px;} .footer02 .copyright02 .right .item{display: block;} /* 鍏徃绠€浠 */ .innerbanner{margin-top: 61px;height: 300px;} .innerbanner .mbxwrap{display: none;} .innerbanner img{width: auto;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .innerbanner .text p{font-size: 26px;margin-bottom: 15px;} .innerbanner .text h3{font-size: 14px;} .about01wrap{padding: 50px 2%;} .about01{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .about01 .left{width: 100%;} .about01 .right{width: 100%;margin-top: 30px;padding: 0;} .about01wrap::after{left: 0;} #box .fa{display: none;} .about01 .right p{font-size: 12px;margin-bottom: 15px;} .about01 .right h3{font-size: 26px;} .about01 .right h4{font-size: 16px;line-height: 28px;} .about01 .right h5{font-size: 14px;line-height: 26px;} /* #box .cover #imgbg{width: 100%;min-width: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);height: auto;} */ .about02{width: 96%;margin: 50px auto;padding: 0;} .about02 .left{position: relative;width: 100%;border: none;padding: 0;margin-bottom: 15px;} .about02 .left h3{writing-mode: initial;font-size: 12px;} .about02 .right h3{font-size: 26px;margin-bottom: 20px;} .about02 .right h4{fon top: 16px;line-height: 28px;} .about02 .right h5{font-size: 14px;line-height: 26px;} .about03{position: relative;} .about03wrap .bg{display: none;} .about03wrap{background: url(../img/about_sjbg01.jpg) no-repeat;box-sizing: border-box;padding: 50px 2%;background-size: cover;} .about03{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .about03 li{width: 100%;border: 1px solid #ddd;margin-bottom: 2%;} .about03 li:last-child{margin-bottom: 0;border: 1px solid #ddd;} .about03 li{padding: 30px 0;} .about03 li .bot{position: relative;bottom: 0;} .about03 li .hovertext{opacity: 1;} .about03 li h3{font-size: 26px;line-height: 30px;} .about03 li h3 br{display: none;} .about03 li p{font-size: 22px;margin-top: 30px;} .about03 li .hovertext{font-size: 14px;line-height: 26px;width: 90%;margin: 20px auto;} .about03 li .bot{margin-top: 20px;} .about04wrap{padding: 50px 0;} .about04wrap .a-tl{font-size: 26px;} .about04{width: 96%;padding-bottom: 80px;} .about04 .gallery-top{width: 100%;} .about04wrap .about04 .thumbswrap{padding: 0 2%;} .about04 .gallery-top .text h3{font-size: 22px;margin-bottom: 30px;} .about04 .gallery-top .text h4{font-size: 14px;line-height: 24px;} .about04 .topwrap{} .about04wrap .about04 .swiper-button-next, .about04wrap .about04 .swiper-button-prev{top: initial;bottom: 0;width: 46px;height: 46px;} .about04wrap .about04 .swiper-pagination{margin: 30px 0 20px;} .about04wrap .about04 .swiper-button-next{right: calc(50% - 52px);} .about04wrap .about04 .swiper-button-prev{left: calc(50% - 52px);} .about05wrap{padding: 50px 0;} .about05wrap .top{width: 96%;margin-bottom: 30px;} .about05{width: 96%;} .about05wrap .top h3{font-size: 26px;} .about05wrap .top h4{font-size: 14px;line-height: 26px;} .about05 .swiper-pagination{margin: 0 25px;} .about05 .page{margin-top: 30px;} /* 楂樼 */ .gaoguan01wrap{padding: 50px 0;} .g-tl{width: 96%;} .g-tl h3{font-size: 26px;margin-bottom: 30px;} .g-tl h4{font-size: 14px;line-height: 26px;} .gaoguan01{width: 96%;margin-top: 30px;} .gaoguan01 .box{width: 80%;margin: auto;} .gaoguan01 .box .text{padding: 20px 10px;} .gaoguan01 .box .text h3{font-size: 20px;} /* .gaoguan01 .box .text h4{min-height: auto;} */ .gaoguan01 .swiper-slide:nth-of-type(2n) .box{-webkit-flex-flow: column;flex-flow: column;} .gaoguan01 .swiper-slide:nth-of-type(2n) .box .text{margin-bottom: 0;margin-top: 10px;} .gaoguan01 .bot .swiper-button-next, .gaoguan01 .bot .swiper-button-prev{width: 40px;height: 40px;} .gaoguan01 .bot{height: 40px;margin-top: 30px;} .gaoguan01 .box .imgbox{max-height: 350px;} /* 鐭ヨ瘑浜ф潈 */ .knowladge01 li{padding: 50px 0;} .prothere01, .knowladge01 .cont{width: 96%;} .knowladge01 .cont,.knowladge01 li:nth-of-type(2n) .cont{-webkit-flex-flow: column;flex-flow: column;} .knowladge01 li .imgbox{width: 100%;} .knowladge01 li .text,.knowladge01 li:nth-of-type(2n) .text{width: 100%;padding: 0;margin-top: 30px;} .knowladge01 li .text h3{font-size: 24px;} .knowladge01 li .text p{font-size: 14px;line-height: 24px;} .knowladge01 li .text h4{font-size: 14px;line-height: 26px;} .contwidth, .news02 .content .main, .supplytopwrap .text{width: 96%;} .knowladge02wrap .top h3:nth-of-type(1),.knowladge02 a p{padding-left: 0;width: 39%;padding-left: 0;letter-spacing: 0;} .knowladge02wrap .top h3:nth-of-type(2){width: 70%;} .knowladge02 a{padding-right: 20px;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: flex-start;align-items: flex-start;-webkit-justify-content: center;justify-content: center;} .knowladge02 a h3{width: 70%;font-size: 14px;} .knowladge02 a i{right: 20px ;} .knowladge02 a p{font-size: 14px;margin-bottom: 10px;} .knowladge02wrap{margin-bottom: 50px;} /* contact */ .contact01{margin: 50px auto;} .contact01 .mapwrap .map{height: 400px;} .contact01 .bot{width: 96%;} .contact01 .bot{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .contact01 .bot .left{width: 100%;margin-bottom: 30px;} .contact01 .bot .right{width: 100%;} .contact01 .bot .right li font{font-size: 14px;} .contact02warp{padding: 50px 0;} .contact02{width: 96%;} .contact02 .min a .text span{font-size: 20px;min-height: auto;letter-spacing: 0;} .contact02 .min a .text strong{margin: auto;margin-bottom: 15px;} .contact02 .min a .text{padding-bottom: 0;} /* 浜у搧涓庢湇鍔 */ .pro02banner .sjbanner{display: block;} .pro02banner video{display: none;} .prothere01{margin: 50px auto;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .prothere01 .imgbox{width: 100%;} .prothere01 .text{width: 100%;padding: 0;margin-top: 30px;} .prothere01 .text h4{font-size: 14px;line-height: 26px;} .prothere01 .text h3{font-size: 16px;line-height: 28px;margin-bottom: 20px;} .prothere03wrap{margin: 50px auto;} .p-tl{font-size: 24px;margin-bottom: 30px;line-height: 30px;} .prothere03 .li .text h4,.prothere03 .li .text a{opacity: 1;transform: none;-webkit-transform: none;} .prothere03 .li .text{padding: 0 50px;} .prothere03 .swiper-button-next, .prothere03 .swiper-button-prev{width: 42px;height: 42px;} .prothere03 .li .text h3{margin: 20px auto;} .prothere03 .li .text strong{width: 40px;} .prothere03 .li .text h4{font-size: 14px;line-height: 24px;margin-bottom: 30px;} .prothere03 .li .text a{width: 150px;height: 40px;line-height: 40px;} .proone0201, .prothere02, .prothere04wrap{width: 96%;margin: 50px auto;} .prothere04 .swiper-button-next, .prothere04 .swiper-button-prev,.join02 .swiper-button-next, .join02 .swiper-button-prev{width: 42px;height: 42px;background-color: #fff;color: #1c3e7d;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -42px;} .prothere04 .swiper-button-next,.join02 .swiper-button-next{right: 0;} .prothere04 .swiper-button-prev,.join02 .swiper-button-prev{left: 0;} .prothere02wrap{padding: 50px 0;} .prothere02 .gallery-top .text{padding: 30px 20px;} .prothere02 .gallery-thumbs .bigimgbox h4{font-size: 12px;white-space: break-spaces;line-height:18px;width: 100%;} .prothere02 .gallery-thumbs .bigimgbox h4 span{font-size: 12px;display: none;} .prothere02 .gallery-top .text .tl p::after{width: 50px;} .prothere02 .gallery-top .text h4{font-size: 20px;margin: 20px 0;} .prothere02 .gallery-thumbs .bigimgbox .img{width: 80px;height: 80px;} .prothere02 .gallery-thumbs .bigimgbox .img{border: 5px solid #cacaca;} .prothere02{margin-bottom: 0;margin-top: 0;} .prothere02 .gallery-thumbs .swiper-slide::after{right: -20px;top: 30px;} iframe{height: 300px!important;} .prothere05wrap{padding: 50px 0;} .proonetext{width: 96%;} .prothere05{width: 96%;} .proonetext h3{font-size: 26px;margin-bottom: 30px;} .prothere05 li{width: 100%;margin-right: 0;padding-bottom: 20px;} .prothere05 li h3{margin: auto;margin-top: -24px;margin-bottom: 20px;} .tablewraps{width: 96%;} .tablewraps .tab a{width: 49%;margin-right: 2%;font-size: 14px;line-height: 20px;padding: 5px 0;} .tablewraps .tab{margin-bottom: 30px;} .prothere05wrap .proonetext02{padding: 50px 0 0;} .proonetext h3{margin-bottom: 20px;font-size: 24px;} .proonetext h4{font-size: 14px;} .proonetext p{font-size: 14px;line-height: 26px;} /* 璁惧 */ .protwo01wrap{padding: 0 ;margin: 50px auto;} .protwo-tl{font-size: 26px;} .protwo01{padding: 0;padding-bottom: 90px;} .protwo01 .box{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .protwo01 .box .img{width: 100%;border-bottom: 1px solid #DDDDDD;} .protwo01 .box .text{width: 100%;padding: 0 20px;margin-top: 30px;} .protwo01 .box .text p{font-size: 20px;} .protwo01 .box .text h3{font-size: 16px;} .protwo01 .box .text font{font-size: 16px;} .protwo01 .box .text h4{font-size: 14px;} .protwo01 .swiper-button-next, .protwo01 .swiper-button-prev{display: none;} .protwo01 .swiper-pagination{width: 100%;box-sizing: border-box;padding: 0 20px;text-align: left;bottom: 50px;} .protwo02wrap{width: 96%;margin: 50px auto;} div#pro2,#pro3{display: none;} .protwo02 .box{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;padding: 0;} .protwo02 .box .img{width: 100%;border-bottom: 1px solid #DDDDDD;} .protwo02 .box .img img{width: auto;margin: auto;height: 300px;} .protwo02 .box .text{width: 100%;padding: 0 20px 30px;margin-top: 30px;box-sizing: border-box;} .protwo02 .swiper-button-next, .protwo02 .swiper-button-prev{display: none;} .protwo02 .box .text p{font-size: 20px;} .protwo02 .box .text font{font-size: 16px;margin: 20px auto;line-height: 20px;} .protwo02 .box .text h3{font-size: 14px;} .protwo02 .box .text .more{width: 140px;height: 38px;line-height: 38px;} /* 浜у搧璇︽儏 */ .protwoinfo01wrap{padding: 50px 0;} .productinfo_banner .text{padding: 0;} .protwoinfo01{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .protwoinfo01 .imgbox{width: 100%;} .protwoinfo01 .text{width: 100%;padding: 0;margin-top: 30px;} .protwoinfo01 .text li .tl{font-size: 20px;line-height: 24px;margin-bottom: 20px;} .protwoinfo01 .text li .info p{font-size: 14px;line-height: 20px;} .protwoinfo01 .text li .info{padding: 20px 0;} .protwoinfo01 .text li .img{margin-bottom: 30px;display: block;} .protwoinfo01 .text li .img img{max-width:100%;width: 100%;height: auto;} .protwoinfo01 .text li .more{width: 200px;font-size: 14px;} .protwoinfo02wrap{width: 96%;margin: 50px auto;} .p-twoinfo{font-size: 24px;} .protwoinfo02 .page{margin-top: 30px;} .protwoinfo02 .box .text .info{margin-bottom: 0;} .protwoinfo02 .box .text h3{margin-bottom: 20px;} .xzgn01{width: 96%;margin: 50px auto;} .protwoinfo03wrap{padding: 50px 0;} .protwoinfo03{width: 96%;} .protwoinfo03 .cont .imgbox{width: 100%;} .protwoinfo03 .cont .imgbox img{display: block;width: 100%;} .protwoinfo03 .cont{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .protwoinfo03 .cont .text{width: 100%;} .xzgn01 .imgbox img.sjimg{display: block;width: 100%;} .xzgn01 .imgbox img.pcimg{display: none;} .protwoinfo04wrap{width: 96%;margin: 50px auto;} .protwoinfo04wrap .p-twoinfo{border-bottom: 1px solid #DDDDDD;padding-bottom: 20px;margin-bottom: 20px;} .protwoinfo04wrap .p-tab a{line-height: 50px;font-size: 18px;} .protwoinfo05wrap{padding: 50px 0;} .protwoinfo05wrap .p-twoinfo{width: 96%;} .join02{width: 96%;} .join02 a .text h3{font-size: 16px;line-height: 26px;} .protwoinfo05 a font{opacity: 1;} .protwoinfo06wrap{padding: 50px 0;} .protwoinfo06wrap .p-twoinfo{width: 96%;} .protwoinfo06wrap .join02{width: 96%;padding-bottom: 50px;} .protwoinfo06wrap .join02 .swiper-button-next, .protwoinfo06wrap .join02 .swiper-button-prev{bottom: 0;top: initial;width: 42px;height: 42px;} .protwoinfo06wrap .join02 .swiper-button-next{right: calc(50% - 52px);} .protwoinfo06wrap .join02 .swiper-button-prev{left: calc(50% - 52px);} .tolist{padding: 50px 2%;} /* 鏂伴椈璇︽儏 */ .newsinfowrap{margin-top: 61px;} .newsinfowrap .n-tlwrap{padding: 50px 2%;} .newsinfowrap .n-tlwrap .n-tl{width: 100%;} .newsinfowrap .n-tlwrap .n-tl h3{font-size: 20px;line-height: 30px;} .newsinfo01{width: 96%;padding: 0;margin-bottom: 50px;} .newsinfo01 .cont p, .newsinfo01 .cont span, .newsinfo01 .cont font{font-size: 14px;line-height: 26px;} /* 绮夋湯浜у搧 */ .proonetext{margin: 50px auto;padding: 0;} .proonetext h3{font-size: 20px;} .proone03{width: 96%;} .proone03 ul{margin-top: 30px;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .proone03 ul li{width: 50%;padding: 20px 10px;} .proone03 ul li:nth-of-type(1), .proone03 ul li:nth-of-type(4){margin-top: 0;} .proone03 ul li h3{font-size: 14px;} .proone03 ul li:nth-of-type(1),.proone03 ul li:nth-of-type(3){border-right: none;} .proone03 ul li:nth-of-type(1),.proone03 ul li:nth-of-type(2){border-bottom: none;} .proone05{width: 96%;margin-bottom: 50px;} .proone05 a{width: 100%;margin-bottom: 10px;} .proone05 a:last-child{margin-bottom: 0;} .proone03 .imgbox img{max-width: 100%;width: 100%;} .proone02 a{width: 100%;margin-bottom: 10px;} .proone02 a:last-child{margin-bottom: 0;} .proone02 a .text{padding: 0 20px;} .proone02 a .text .cont h3{font-size: 20px;} .proone02 a .text .cont strong{margin: 15px auto 10px;width: 50%;} .proone02 a .text .cont h4{font-size: 14px;line-height: 26px;letter-spacing: 0;top: 50px;} .proonetext h4{margin-bottom: 20px;} .proone01wrap{padding: 50px 2%;} .proone01{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .proone01 .imgbox{width: 100%;} .proone01 .text{width: 100%;padding: 0;margin-top: 30px;} .proone01wrap::after{width: 100%;} .proone01 .text li h3{line-height: 30px;} .proone01 .text li p{font-size: 14px;line-height: 26px;} .proone01 .text li p::before{top: 11px;} .proone04{padding: 50px 0;} .proone04 .tl{font-size: 24px;} .proone04 .t-info{font-size: 14px;line-height: 26px;width: 96%;margin: 30px auto;} .proone04 .proone05 a .cont{padding: 60px 20px;} .proone04 .proone05 a .cont h3{font-size: 24px;} .serviceone01{margin: 50px auto;} .serviceone01 .cont{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .serviceone01 .cont li{width: 100%;border: 1px solid #ddd;margin-bottom: 2%;padding: 20px;box-sizing: border-box;} .serviceone01 .cont li:last-child{margin-bottom: 0;} .serviceone01 .cont li h4{opacity: 1;font-size: 14px;} .serviceone01 .cont li img{height: 100px;} .serviceone02wrap{padding: 50px 0;} .serviceone02 .cont a .text{padding: 0;} .serviceone03wrap{margin: 50px auto;} .serviceone03{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .serviceone03 .imgbox{width: 100%;} .serviceone03 .text{width: 100%;box-sizing: border-box;padding: 0;margin-top: 30px;} .serviceone03 .text H4{font-size: 14px;line-height: 26px;padding-bottom: 20px;margin-bottom: 20px;} .serviceone03 .text h3{font-size: 16px;line-height: 26px;} /* 瑙e喅鏂规 */ .solution01{width: 96%;margin: 50px auto;} .s-tl h3{font-size: 24px;} .s-tl strong{width: 160px;} .s-tl p{font-size: 16px;} .s-tl h4{font-size: 14p;line-height: 26px;} .solution02wrap{padding: 50px 2%;background-attachment: scroll;} .solution02wrap .tl{font-size: 24px ;} .solution02{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .solution02 li{width: 50%;padding: 20px 10px;margin-bottom: -1px;border: none;} .solution02 li img{height: 100px;} .solution02 li:nth-of-type(odd){border-right: none;} /* .solution02 li:last-child{border-right: 1px solid rgba(255,255,255,0.4);}*/ .solution03{width: 96%;margin: 50px auto;} .solution03 .cont a .text{position: relative;top: 0;transform: none;-webkit-transform: none;margin-top: 30px;width: 100%;padding: 0;left: 0;} .solution03 .cont a .text h4{font-size: 14px;line-height: 26px;} .solution03 .cont a .text h3{font-size: 20px;padding-bottom: 20px;margin-bottom: 20px;} .solution04wrap{padding: 50px 0;} .solution04wrap .tl{font-size: 24px;margin-bottom: 30px;} .solution04{width: 96%;} .solution04 li{width: 49%;margin-right: 1%;} .solution04 li:nth-of-type(2n){margin-right: 0;} .solution04 li .top{height: 46px;font-size: 14px;line-height: 46px;} .solution05wrap{width: 96%;margin: 50px auto;} .solution05 .box .text{width: 100%;position: relative;transform: none;-webkit-transform: none;top: 0;padding: 0;margin-top: 30px;} .solution05 .box .tupian{width: 100%;} .solution05 .box .tupian img{width: 100%;height: auto;} .solution05 .box{padding: 0 2% 50px;box-sizing: border-box; } .solution05{margin-top: 30px;} .solution05 .gallery-thumbs{width: 90%;} .solution05 .gallery-thumbs p{font-size: 14px;} .solution06wrap{padding: 50px 0;} .solution06{width: 96%;} .solution06 a .text{padding-right: 0;} .solution06 a .text p{font-size: 14px;} /* 浼佷笟鏂伴椈 */ .news01wrap{padding: 50px 0;} .news01 a{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .news01 a .imgbox{width: 100%;} .news01 a .text{width: 100%;padding: 0;margin-top: 30px;border: none;} .news01 a .text .cont h3{font-size: 18px;line-height: 28px;margin-bottom: 20px;} .news01 .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;width: 100%;padding-top: 30px;border-top: 1px solid #DDDDDD;} .news02 .content{width: 100%;padding: 30px 0;} .news02 .content .main .textbox{position: relative;top: 0;transform: none;-webkit-transform: none;width: 100%;margin-top: 30px;} .news02 .content .main .imgbox{width: 100%;} .news02 .content .main .textbox h3{font-size: 18px;margin: 20px auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news02 .content .main .textbox p{font-size: 14px;line-height: 26px;} .fy, .nav-links{width: 100%;padding: 30px 0 50px;} .fy a, .nav-links span, .nav-links a,.fy a:nth-of-type(1){margin: 0 4px;} .nav-links{padding: 0;} .newsinfo01 .cont p{margin-bottom: 20px;} .newsinfo01 .cont p:last-child{margin-bottom: 0;} /* 鑱旂郴 */ .modewrap{padding: 50px 2%;-webkit-flex-flow: column-reverse;flex-flow: column-reverse;box-sizing: border-box;} .modewrap .right{width: 100%;padding: 0;} .modewrap .left{width: 100%;padding: 0;margin-top: 30px;} .modewrap .left h3{font-size: 20px;line-height: 30px;} .modewrap .left h4{font-size: 18px;} .modewrap .left p{font-size: 14px;line-height: 26px;} /* 闅愮鏉℃ */ .secretwarp{margin-top: 111px;} .secretwarp .t-tl{width: 96%;font-size: 24px;margin-bottom: 30px;} .secretwarp .secret .cont{width: 96%;margin-bottom: 50px;} .secretwarp .secret .cont p{font-size: 14px;line-height: 26px;margin-bottom: 30px;} .secretwarp .secret .cont h3{font-size: 18px;} /* 缃戠珯鍦板浘 */ .supplywrap{margin-top: 61px;} .supplytopwrap{padding: 50PX 0;} .supplytopwrap .text h3{font-size: 24px;} .navigation01{margin: 50px auto 20px;padding: 0;} .navigation01 li{width: 42%;padding: 0;margin: 0;margin-right: 16%;margin-bottom: 30px;} .navigation01 li:nth-of-type(2n){margin-right: 0;} .navigation01 li .min .item p a{font-size: 14px;line-height: 26px;} .navigation01 li h3 a{font-size: 16px;} /* 浜哄姏璧勬簮 */ .join01wrap{width: 96%;margin: 50px auto;} .join01{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .join01 a{width: 100%;margin-bottom: 30px;} .join01 a:last-child{margin-bottom: 0;} .join01 a .text{padding: 0 10px;} .join01 a .text .cont{margin-bottom: 10px;} .join01 a img{width: auto;height: 380px;} .join01 a:hover .text,.join01 a .text{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .join01 a .text .cont .more{opacity: 1;} .join01 a .text .cont h3{font-size: 20px;margin-bottom: 20px;padding-bottom: 20px;} .join01 a .text .cont h4{font-size: 14px;line-height: 26px;min-height: auto;} .join02wrap{padding: 50px 0;} .j-tl{width: 100%;box-sizing: border-box;padding: 0 2%;} .j-tl h3{font-size: 24px;} .join02{margin-bottom: 0;} .join03{width: 96%;margin: 50px auto;} .join03 .top{width: 84%;font-size: 20px;height: 60px;margin-top: -30px;line-height: 60px;margin-bottom: -35px;} .join03 .contwrap{padding: 30px 10px;} .join03 .contwrap .cont li{padding: 0;padding-bottom: 30px;margin-top: 30px;} .join03 .contwrap .cont li font{top: 4px;font-size: 16px;} .join03 .contwrap .cont li h3{font-size: 16px;line-height: 24px;box-sizing: border-box;padding-left: 30px;} .join04wrap{padding: 50px 0;background-attachment: scroll;} .j-tl{margin-bottom: 30px;} .join04{width: 96%;} .join04 a{width: 49%;padding: 30px 20px;} .join04 a img{height: 40px;} .join04 a h3{font-size: 18px;} .join05wrap{margin: 50px auto;} /* 楂樼璇︽儏 */ .gaoguaninfo01{margin-top: 61px;padding: 50px 0;} .gaoguaninfo01 .cont{width: 96%;} .gaoguaninfo02wrap{width: 96%;margin-bottom: 50px;} .gaoguaninfo02{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 50px 0;} .gaoguaninfo02 .imgbox{width: 60%;box-sizing: border-box;padding: 0;} .gaoguaninfo02 .min{width: 100%;padding: 0;border-top: 1px solid #DDDDDD;margin-top: 30px;padding-top: 30px;} .gaoguaninfo02 .min .top{width: 100%;} .gaoguaninfo02 .min .top h3{font-size: 24px;} .gaoguaninfo02 .min .top p{font-size: 14px;} .gaoguaninfo01 .cont h3{font-size: 26px;} /* service */ .servicembx{display: block;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: auto;} .servicembx a{width: 50%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;padding: 10px;font-size: 14px;line-height: 20px;color: #E6771B;border: 1px solid #E6771B;text-align: center;height: 40px;transition: all .3s;margin-bottom: -1px;} .servicembx a:nth-of-type(2n){border-left: none;} .servicembx a.active{background-color: #E6771B;color: #FFFFFF;} .servicetwo01{-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 50px auto;} .servicetwo01 .imgbox{width: 100%;} .servicetwo01 .text{width: 100%;padding: 0;margin-top: 30px;} .servicetwo01 .text strong{margin: 20px 0;} .servicetwo01 .text h3{font-size: 20px;line-height: 26px;} .servicetwo02wrap{padding: 50px 0;} .servicetwo02 .cont li,.servicetwo02 .cont{width: 100%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .servicetwo02 .cont li .item01,.servicetwo02 .cont li .item02{width: 100%;margin-bottom: 20px;} .servicetwo02 .cont li .item .font{padding: 20px;} .servicetwo02 .cont li .item01{padding: 20px;} .servicetwo02 .cont li .item01 .font h3{font-size: 24px;} .servicetwo02 .cont li .item01 .font h4{font-size: 18px;line-height: 26px;} .servicetwo02 .cont li .item .icon{left: 50%;right: initial;margin-left: -26px;bottom: -34px;transform: rotate(90deg);-webkit-transform: rotate(90deg);} .servicetwo02 .cont .right .text{padding: 20px;} .servicetwo02 .p-tl{font-size: 20px;line-height: 26px;} .servicefour02wrap{padding: 50px 0;} .datatwo01 .item,.datatwo01 .item:nth-of-type(2n){width: 96%;margin: 50px auto;-webkit-flex-flow: column;flex-flow: column;border-bottom: 1px solid #DDDDDD;padding-bottom: 50px;} .datatwo01 .item .imgbox{width: 100%;} .datatwo01 .item .right,.datatwo01 .item:nth-of-type(2n) .right{width: 100%;padding: 0;margin-top: 30px;} .datatwo01 .item .right .cont .list .top h3{font-size: 16px;} .servicethere01{padding: 50px 0;} .servicethere01 .cont{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 0;-webkit-justify-content: flex-start;justify-content: flex-start;} .servicethere01 .cont::before{display: none;} .servicethere01 .cont li{width: calc(100% / 3);margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;} .servicethere01 .cont li .min{width: calc(100% - 16px);} .servicethere01 .cont li span{width: 16px;height: 16px;font-size: 12px;} .servicethere01 .cont li .min p{font-size: 14px;margin-bottom: 10px;} .servicethere01 .cont li .min h3{font-size: 16px;margin-top: 10px;} .servicethere01 .cont li:nth-last-of-type(1),.servicethere01 .cont li:nth-last-of-type(2){padding-bottom: 0;margin-bottom: 0;border: none;} .servicethere01 .proonetext{position: relative;} .career01wrap{margin: 50px auto;} .c-tl h3{font-size: 24px;margin-bottom: 20px;} .c-tl strong{margin: 20px auto;} .career01wrap .min .item{width: 100%;margin: auto;border-radius: 0;margin-bottom: 20px;height: auto;padding: 50px 0;} .career01wrap .min{width: 96%;margin: auto;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px;} .career01wrap .min .item:last-child{margin-bottom: 0;} .careerone01{width: 96%;margin-top: 50px;} .careerone01 a{font-size: 14px;margin-right: 2%;width: 32%;} .careerone02{width: 96%;margin-bottom: 50px;} .careerone02 a{width: 100%;margin-right: 0;margin-bottom: 30px;} .careerone02 a:last-child{margin-bottom: 0;} .personnelonewrap{margin: 50px auto;} .personnelone01 li img{width: 100%;max-width: 100%;} .qualityone01{padding: 50px 0;} .qualityone02 li{box-sizing: border-box;-webkit-flex-flow: column;flex-flow: column;margin: auto;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;} .qualityone02 li .imgbox{width: 100%;} .qualityone02{margin: 50px auto;width: 96%;} .qualityone02 li .text{width: 100%;padding: 0;margin-top: 30px;} .qualityone02 li .text h3{font-size: 20px;margin-bottom: 20px;} .qualityone02 li:nth-of-type(2n){-webkit-flex-flow: column;flex-flow: column;} .qualityone03wrap{padding: 50px 0;} .qualityone03{width: 96%;} .qualityone03 .top{font-size: 20px;margin-bottom: 30px ;} .q-form input,.q-form textarea{font-size: 12px;} .q-form label input{width: 100%;} .q-form label{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .qualityone04{-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 96%;margin: 50px auto;} .qualityone04 a{width: 100%;margin-bottom: 2%;} .qualityone04 a:last-child{margin-bottom: 0;} .qualityone02 li .text h4{text-align: left;} /* .agentbanner */ .agentbanner{position: relative;height: 300px;} .agentbanner img{width: auto;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .agentbanner .text h3{font-size: 26px;} .agent01wrap{margin: 50px auto;} .agenttl{font-size: 20px;line-height: 26px;margin-bottom: 30px;padding-bottom: 0;} .agent01wrap .line{display: none;} .agent01{-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 0;} .agent01 .item{width: 100%;margin-bottom: 2%;position: relative;} .agent01 .item font{display: none;} .agent01 .item p{margin: 0;position: relative;z-index: 1;position: absolute;top: 20px;width: 100%;left: 0;} .agent01 .item h4{font-size: 14px;z-index: 0;line-height: 26px;min-height: auto;padding: 50px 20px;} .agent01 .item h4::before{display: none; } .agent01 .item:last-child{margin-bottom: 0;} .agent02wrap{padding: 50px 0;} .agent02{-webkit-flex-flow: column;flex-flow: column;} .agent02 .imgbox{width: 100%;} .agent02 .text{width: 100%;padding: 0;margin-top: 30px;} .agent02 .text p{font-size: 14px;margin-bottom: 20px;} .agent03wrap{margin: 50px 0;} .agent03{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .agent03 li{width: 100%;margin-right: 0;margin-bottom: 2%;} .agent03 li:last-child{margin-bottom: 0;} .aftermarketone01{margin: 50px auto;} .aftermarketone01 .cont{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .aftermarketone01 .cont li.now,.aftermarketone01 .cont li{width: 100%;border: 1PX SOLID #DDDDDD;padding: 30px 0;margin-bottom: 2%;} .aftermarketone01 .cont li .min img{height: 100px;opacity: 1;} .aftermarketone01 .cont li .min{padding: 0 20px;} .aftermarketone01 .cont li .min h3{max-width: initial;} .aftermarketone01 .cont li .min h4{width: auto;opacity: 1;} .aftermarketone02{padding: 50px 0;background-attachment: scroll;} .aftermarketone02 .cont{width: 96%;} .aftermarketone02 .cont .top{font-size: 20px;line-height: 26px;margin-bottom: 30px;} .prolistoneinfowrap{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .prolistoneinfo{width: 100%;padding-top: 50px;border: none;} .prolistoneinfowrap .r-list{width: 100%;} .prolistoneinfo li{width: 100%;padding: 0;} .prolistoneinfo li .tl{font-size: 20px;margin-bottom: 20px;padding-bottom: 10px;} .prolistoneinfo li .tl::before{width: 30px;height: 2px;left: 0;bottom: 0;top: initial;} .prolistoneinfo li{margin: 0;margin-bottom: 30px;} .prolistoneinfo li:last-child{margin-bottom: 0;} .prolistoneinfowrap .r-list{padding: 0;margin: 50px 0;} .prolistoneinfowrap .r-list h3{font-size: 20px;} .prolistoneinfo li .tlinfo{font-size: 14px;line-height: 26px;} .info .text{padding-top: 0;} .prolistoneinfowrap .r-list .min a{font-size: 14px;} .solution02wrap h4{width: 100%;font-size: 14px;line-height: 26px;} .solution06 a .text h3{font-size: 14px;line-height: 26px;} .solution06 a .text p{font-size: 12px;} .audit01,.supply01wrap{width: 96%;margin: 50px auto;} .supplyone01wrap .right .text02 h3{font-size: 20px;margin-bottom: 20px;letter-spacing: 0;} .audit01 .right .text02{padding-bottom: 50px;margin-bottom: 30px;} .supplyone01wrap .right .form02 .tl{font-size: 20px;} .s-form01 p{font-size: 14px;margin-bottom: 10px;} .s-form01 input{margin-bottom: 20px;} .s-tl01{font-size: 20px;margin-bottom: 30px;} .supply01 li{padding: 40px 0;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .supply01 li h3{font-size: 18px;width: 100%;margin-bottom: 20px;} .supply01 li h4{font-size: 14px;line-height: 26px;width: 100%;} .supply02wrap{padding: 50px 0;} .supply02{width: 96%;} .supply03{width: 96%;margin: 50px auto;} .s-form01 ul{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .s-form01 ul li{width: 100%;} .s-form01 .check label{margin-bottom: 6px;} .s-form01 .check label p{font-size: 12px;} .aftermarketone01 .proonetext p font{font-size: 15px;letter-spacing: 0;} .searchbanner .text{ width: 90%;left: 5%;overflow: hidden;} .searchbanner .text p{ font-size: 20px;margin-bottom: 10px;font-weight: normal;} .searchbanner .text h3,.innerbanner .hottt span{ display: none;} .searchbanner .text form,.innerbanner .hottt{width: 100%;} .searchbanner .text form .search-field{ height: 38px;} .searchbanner .text form .btn{ height: 38px; } .searchbanner .hottt p{ display: block;overflow: hidden;width: 100%;} .innerbanner .hottt a{padding: 0 10px;letter-spacing: 0;margin: 0 6px 6px 0;} .searchlist-titile{width: 90%;margin: 20px auto 0;} .searchlist-titile h3{} .searchlistcenter{ width: 98%;margin: 50px auto;min-height: auto;} .searchlistcenter .p-yjy{} .searchlistcenter .p-yjy a{ font-size: 18px;margin: 0;letter-spacing: 0;width: 25%;} .searchlistcenter .p-yjy-center{ margin: 30px 0 0 0;} .nofoundanytihings{ font-size: 16px;letter-spacing: 0;color: #666;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main{width: 100%;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox{ width: 100%; overflow: hidden;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox{ position: relative;top: auto;right: auto;transform: 0; margin: 20px 0 0 0; transform: translateY(0%);width: 100%;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox h3{font-size: 18px;font-weight: normal; margin: 16px 0 0;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox span{} .searchlistcenter .p-yjy-center .p-kn .newslist .content{padding: 20px 0; margin: 0 0 50px 0;} .searchlistcenter .p-yjy-center .p-kn .product a h5{ width: 40%;} .searchlistcenter .p-yjy-center .p-kn .product a h6{ width: 55%;} .searchlistcenter .p-yjy-center .p-kn .powder a{ width:60%; margin: 30px auto;} #code{ width: 80%;left: 10% !important;padding:10px 0 20px 0;} #code .wpcf7 .wpcf7-form{ float: left; margin: 0 0 0 20px; width: calc(100% - 40px);} #wpcf7-f2464-o1 .ddtt h3{ font-size: 20px;margin: 0;} #wpcf7-f2464-o1 .ddtt h4{font-size: 12px;margin: 10px 0 20px;} #code .wpcf7 .wpcf7-form p{ font-size: 12px;font-weight: normal;} #code .wpcf7 .wpcf7-form p span{ margin: 0 0 20px 0; } #code #closebt{ margin: 0 20px 10px 0; font-size: 14px;width: 36px;height: 36px;line-height: 36px;} }