@media screen and (max-width: 1800px) { .ban-tep{ overflow: hidden; height: auto!important; width: auto!important; text-align: right; cursor: pointer; } .ban-tep:nth-child(1){ position: absolute; bottom: 0; right: 477px; } .ban-tep:nth-child(2){ position: absolute; bottom: 0; right: 323px; } .ban-tep:nth-child(3){ position: absolute; bottom: 0; right: 170px; } .ban-tep:nth-child(4){ position: absolute; bottom: 0; right: 0px; } .ban-tep:nth-child(5){ position: absolute; bottom: 103px; right: 0; } .ban-tep:nth-child(6){ position: absolute; bottom: 236px; } } @media screen and (max-width: 1700px) { .banner-right { padding-right: 99px; padding-bottom: 77px; } .swiperright{ padding-right: 99px; padding-bottom: 77px; } .ban-tep:nth-child(1){ position: absolute; bottom: 0; right: 359px; } .ban-tep:nth-child(1) img{ height: 70px; } .ban-tep:nth-child(2){ position: absolute; bottom: 0; right: 243px; } .ban-tep:nth-child(2) img{ height: 70px; } .ban-tep:nth-child(3){ position: absolute; bottom: 0; right: 128px; } .ban-tep:nth-child(3) img{ height: 70px; } .ban-tep:nth-child(4){ position: absolute; bottom: 0; right: 0px; } .ban-tep:nth-child(4) img{ height: 70px; } .ban-tep:nth-child(5){ position: absolute; bottom: 78px; right: 0; } .ban-tep:nth-child(5) img{ width: 90px; } .ban-tep:nth-child(6){ position: absolute; bottom: 180px; right: 0; } .ban-tep:nth-child(6) img{ width: 90px; } .font-b { font-size: 18px; color: #4071d8; } .azs-01{ font-size: 18px; } .jhmbfont01{ font-size: 36px; line-height: 1.2; padding: 18px 0; color: #000; font-weight: 500; } } @media screen and (max-width: 1600px) { .adver-02{ padding-top: 10px; } .adver-05{ padding-bottom: 26px } .input-bot-left{ width: 50%; padding-right: 20px; box-sizing: border-box; } .input-bot-right{ width: 50%; } .gdcontaion{ width: 80%; } .register-contain{ width: 80%; } .tabbox-flex{ padding: 15px 0 0 50%; } .navigation-down-inner{ width: 80%; } .certh1{ font-size: 18px; } .flow-flex { width: 80%; } .href-flex{ width: 80%; } .main-width { width: 80%; } .banner{ width: 80%; } .service-flex{ width: 80%; } .main-width-about{ width: 80%; } .sec_navig{ width: 80%; } .mbfont02{ font-size: 28px; } .adver-03{ font-size: 28px; } .product-name{ font-size: 28px; } .ah1{ font-size: 28px; } .about-type-h2{ font-size: 28px; } .qua-h2{ font-size: 28px; } .wah2{ font-size: 28px; } .bag-type{ font-size: 28px; } .font-b { font-size: 16px; color: #4071d8; } .azs-01{ font-size: 16px; } .kefu_b{ width: 50px; height: 50px; } .xful { width: 50px; height: 50px; } .jhmbfont01{ font-size: 32px; line-height: 1.2; padding: 18px 0; color: #000; font-weight: 500; } } @media screen and (max-width: 1520px) { .adver-02 { padding-top: 0; } } @media screen and (max-width: 1500px) { .industrial-page02-right{ padding-left: 100px; } .ind-h1{ font-size: 16px; } .ind-h2{ font-size: 28px; } .href-flex{ width: 80%; margin: 0 auto; } .ntop { padding: 0 40px; box-sizing: border-box; } .navigation-down-inner{ width: 80%; } .flow-flex { width: 80%; } .main-width { width: 80%; } .banner{ width: 80%; } .service-flex{ width: 80%; } .main-width-about{ width: 80%; } .sec_navig{ width: 80%; } .jhmbfont01{ font-size: 30px; line-height: 1.2; padding: 18px 0; color: #000; font-weight: 500; } /**淇濇俯**/ .heat-type-h2{ font-size: 24px; } .heat-flow-flex{ padding: 20px 0; } .heat-pro-h1{ font-size: 24px; height: 64px; line-height: 64px; } .heat-from-tit{ font-size: 16px; } .heat-lileft{ font-size: 16px; width: 50px; } .otag { font-size: 13px; font-family: Source Han Sans CN; font-weight: 400; color: #000000; line-height: 1; background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 5px; padding: 6px 0; margin: 3px 4px; width: 100%; text-align: center; } .heat-input-flex input{ font-size: 12px; line-height: 36px; height: 36px; } .int-btn{ font-size: 14px; line-height: 37px; } .heat-product-l{ font-size: 20px; } .head-bord input{ font-size: 20px; } .head-btn-in{ font-size: 24px; } .heat-pro-h2{ font-size: 24px; height: 64px; line-height: 64px; } .heat-abot{ font-size: 24px; height: 64px; line-height: 64px; } .heat-case{ font-size: 24px; height: 64px; line-height: 64px; } .heat-offer-h1{ font-size: 30px; } .heat-li-h1{ font-size: 20px; } .heat-product-adint{ height: 120px; } .heat-li-h1{ font-size: 22px; } .heat-two-na{ font-size: 20px; } .heat-ableft{ font-size: 20px; } .heat-abright{ font-size: 20px; } .heat-strength-name{ font-size: 20px; } .heat-case-name{ font-size: 18px; } } @media screen and (max-width: 1440px) { .font55 { font-size: 42px; } .adver-04 { font-size: 14px; padding-bottom: 9px; } .adver-05 { padding-bottom: 10px; } } @media screen and (max-width: 1400px) { .bag-para-left{ width: 65%; } .bag-para-right{ width: 35%; } .esd-tantel{ font-size: 15px; } .esdbaglist-tag{ padding: 10px 10px 10px 17px; } .esdbaglist-tag p{ font-size: 12px; } .para-rowli { padding: 8px 17px 35px; } .esd-chat{ font-size: 15px; } .esdbanner-li{ padding-right: 20px; } .esdban-tit{ font-size: 13px; } .logo{ margin-right: 5px; } .mr_01{ margin-right: 5px; } .mr_lang{ margin-right: 4px; } .buy { margin-right: 8px; } .like { margin-right: 8px; } .user-r { margin-right: 8px; } .flw { float: left; margin-right: 10px; } .register-main-h1{ width: 100%; padding: 15px 0; font-size: 26px; } .swiperright{ padding-right: 70px; padding-bottom: 63px; box-sizing: border-box; } .mbh1 { font-size: 18px; color: #4071d8; } .main-width-about{ width: 80%; } .item-h1 { font-size: 24px; color: #4c85f9; } .azs-01{ font-size: 15px; line-height: 1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 25px; margin-bottom: 8px; } .new-name { font-size: 17px; height: 60px; } .font36 { font-size: 28px; } .numCount li{ box-sizing: border-box; } .fonten20{ font-size: 18px; } .para-font{ font-size: 14px; } .para-h1{ font-size: 14px; } .para-h2{ font-size: 14px; } .para-h3{ font-size: 14px; } .para-row{ margin-bottom: 10px; } .para-btn{ margin: 8px auto 0; } .para-rpl{ padding: 0; } .para-bord{ font-size: 14px; padding: 2px 8px; } .para-flex{ padding-bottom: 10px; } .sec_navig{ width: 80%; } .banner { width: 80%; } .service-flex{ width: 80%; } .flow-flex{ width: 80%; } .main-width{ width: 80%; } .font-b { font-size: 16px; color: #4071d8; } .ban-tep:nth-child(1){ position: absolute; bottom: 0; right: 285px; } .ban-tep:nth-child(1) img{ height: 55px; } .ban-tep:nth-child(2){ position: absolute; bottom: 0; right: 193px; } .ban-tep:nth-child(2) img{ height: 55px; } .ban-tep:nth-child(3){ position: absolute; bottom: 0; right: 101px; } .ban-tep:nth-child(3) img{ height: 55px; } .ban-tep:nth-child(4){ } .ban-tep:nth-child(4) img{ height: 55px; } .ban-tep:nth-child(5){ bottom: 62px; } .ban-tep:nth-child(5) img{ width: 60px; } .ban-tep:nth-child(6){ bottom: 136px; } .ban-tep:nth-child(6) img{ width: 60px; } .banner-right { width: 50%; position: relative; padding-right: 70px; padding-bottom: 63px; box-sizing: border-box; } .jhmbfont02{ line-height: 1.4 } } @media screen and (max-width: 1325px) { .company-add { padding: 10px 0 5px; } .company-logo { padding: 10px 0 5px; } .main-compy{ line-height: 1.3; } .infont02{ font-size: 13px; } .infont01{ font-size: 12px; } } @media screen and (max-width: 1300px) { .adver-btn{ font-size: 12px; } .ind-h1 { font-size: 14px; padding-bottom: 10px; } .ind-h2 { font-size: 24px; padding-bottom: 10px; } .ind-h3{ font-size: 12px; } .ind-ul{ padding: 20px 0 10px; } .inleft img{ max-width: 18px; } .shopping-car-container .goods-content .goods-item .goods-image-column span{ font-size: 12px; line-height: 20px; } .input-ewm img{ max-width: 70px; } .sinye .ann_left{ width: 300px; } .sinye .ann_right{ width: calc(100% - 300px); padding-right: 20px; } .sinye .ann_daoh{ width: 300px; } .ntop { padding: 0 20px; box-sizing: border-box; } .adver-02{ padding-top: 0; } .login-main-ul{ padding: 0 20px; box-sizing: border-box; } .register-main-h1{ width: 100%; font-size: 24px; } .dcol-3 { width: 33.3%; } .fonten20 { font-size: 16px; } .banner { width: 80%; } .service-flex{ width: 80%; } .flow-flex{ width: 80%; padding: 25px 0; } .main-width{ width: 80%; } .pad_l120{ padding-left: 0; } .pad_r120{ padding-right: 0; } .flow-li{ padding: 10px 15px; } .ahimg img{ max-width: 80%; } /**淇濇俯**/ .heat-type-h2{ font-size: 20px; } .heat-flow-flex{ padding: 20px 0; } .heat-pro-h1{ font-size: 20px; height: 64px; line-height: 64px; } .heat-from-tit{ font-size: 14px; border-bottom: 1px solid #F3F3F3; } .heat-from-li{ width: 100%; padding: 10px 0 0; } .heat-lileft{ font-size: 14px; width: 100%; padding-left: 10px; box-sizing: border-box; } .heat-pad{ padding: 0 5px; } .heat-flex{ margin-left: -5px; margin-right: -5px; } .heat-now{ right: 5%; font-size: 16px; width: 120px; height: 40px; line-height: 40px; } .heat-int-tt{ width: 100%; display: block; } .heat-int-tt p{ padding: 10px 0 0 0; box-sizing: border-box; } .heat-itag p{ padding: 0 5px; } .heat-input-pleft{ padding: 40px 20px; } .heat-input-pright{ padding: 40px 20px; } .heat-int-felx01{ display: block; } .heat-int-nli input{ flex: 1; } .heat-int-select{ width: 100%; display: block; } .heat-now02{ right: 5%; font-size: 16px; line-height: 1.3; width: 60px; height: 60px; } .otag { font-size: 12px; font-family: Source Han Sans CN; font-weight: 400; color: #000000; line-height: 1; background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 5px; padding: 6px 0; margin: 3px 4px; width: 100%; text-align: center; } .heat-input-flex input{ font-size: 12px; line-height: 36px; height: 36px; } .int-btn{ font-size: 14px; line-height: 37px; } .heat-product-l{ font-size: 18px; } .head-bord input{ font-size: 16px; } .head-btn-in{ font-size: 20px; } .heat-pro-h2{ font-size: 20px; height: 64px; line-height: 64px; } .heat-abot{ font-size: 20px; height: 64px; line-height: 64px; } .heat-case{ font-size: 20px; height: 64px; line-height: 64px; } .heat-offer-h1{ font-size: 26px; } .heat-li-h1{ font-size: 18px; } .heat-int-l{ width: 100%; padding: 0 0 10px 0; } .heat-int-r{ width: 100%; padding: 0; } .heat-int-l:after{ display: none; } .heat-product-adint{ height: 120px; } .heat-li-h1{ font-size: 20px; } .heat-two-na{ font-size: 18px; } .heat-ableft{ font-size: 18px; } .heat-abright{ font-size: 18px; } .heat-strength-name{ font-size: 18px; } .heat-case-name{ font-size: 16px; } } @media screen and (max-width: 1200px) { .heat-from-li{ display: block; width: 100%; } .int-btn{ width: auto; padding: 0 8px; } .heat-input-flex input{ padding-left: 5px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .heat-flow-flex{ width: 80%; margin: 0 auto; } .heat-contain{ width: 80%; margin: 0 auto; } .company-logo{ padding: 6px 0 5px; } .company-add{ padding: 6px 0 5px; } .btnclose{ bottom: 9px; } .bottom-menu-include{ padding: 20px 10px; } .help-pad{ padding: 15px 10px; } .help-pad-flx{ padding-bottom: 10px; } .help-pad-li a{ padding: 4px 0; } .submitDis .submitDis-btn{ padding: 4px 0; } .mr_01{ display: none; } .register-main-h1{ width: 100%; font-size: 20px; } .adver-page02{ padding: 50px 0; } .adver-page01{ padding: 50px 0 50px; } .pad_b70{ padding-bottom: 50px; } .pad_t70 { padding-top: 50px; } .adver-page02 { width: 100%; padding: 50px 0 50px; background: #f8f8f8; clear: both; float: left; position: relative; } .adver-page03{ padding: 50px 0 50px; } .navigliad { float: left; padding-left: 0; padding-top: 0; padding: 15px 0; width: 370px; box-sizing: border-box; } .adver-page01-left { float: left; width: 55%; padding-right: 0; box-sizing: border-box; display: flex; position: relative; } .noemail{ display: none; } .mbfont01 { font-size: 16px; padding-top: 0; } .mbfont02 { font-size: 24px; padding: 10px 0; color: #000; } .jhmbfont01{ font-size: 26px; line-height: 1.2; padding: 18px 0; color: #000; font-weight: 500; } .swiperleft{ padding-top: 0; padding-right: 30px; } .jhmbfont02{ max-width: 611px; width: 100%; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #6B6B6B; line-height: 24px; } .adver-03 { font-size: 24px; } .product-name { font-size: 24px; } .product-name { font-size: 24px; } .ah1 { font-size: 24px; } .about-type-h2 { font-size: 24px; } .qua-h2 { font-size: 24px; } .wah2 { font-size: 24px; } .about-xcgs-h2 p{ display: inline; } .deflex-font{ font-size: 18px; } .map-right { width: 100%; max-width: 300px; } .mbh1 { font-size: 18px; color: #4071d8; line-height: 1.1; } .numCount { padding: 10px 0 0; } .numCount li { padding-left: 10px; float: left; position: relative; } .about-banh-cetflex{ padding-right: 30px; } .abhh1{ padding-bottom: 15px; line-height: 1.4; } } @media screen and (max-width: 1090px){ .numCount li{ width: 50%; box-sizing: border-box; } .jhmbfont01{ font-size: 22px; } } @media screen and (max-width: 1050px) { .font55 { font-size: 40px; } .esdbanner-li { padding-right: 15px; } .esdban-tit { font-size: 12px; } .esdbaglist-tag { padding: 10px 5px 10px 8px; } .para-rowli { padding: 8px 5px 35px; } .esdbaglist-tag p{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .infont01{ font-size: 12px; } .infont02{ font-size: 13px; } } @media screen and (max-width: 1045px) { .numCount li{ width: 50%; margin-bottom: 0; } .input-bot-left{ width: 45%; } .input-bot-right { width: 55%; } .input-ewm img { max-width: 55px; } .mbfont03{ line-height: 1.35; } .esd-tantel{ padding:0 15px; } .lineon{ display: none; } } @media screen and (max-width: 980px) { .shopping-car-container .car-headers-menu{ padding: 5px; } .shopping-car-container .goods-content .goods-item{ padding: 0 5px; } .settl-h3{ font-size: 12px; } .settl-h4{ font-size: 12px; } .help-pad-li a{ font-size: 12px; } .mbfont01{ font-size: 15px; } .mbfont02{ font-size: 20px; } .adver-03{ font-size: 20px; } .product-name { font-size: 20px; } .bag-type-h2{ font-size: 16px; } .ah1 { font-size: 20px; } .wah2 { font-size: 20px; } .wah3 { font-size: 14px; padding-bottom: 40px; } .adver-02{ font-size: 16px; } .service-flex{ width: 90%; } .ntop { padding: 0 15px; box-sizing: border-box; } .banner { width: 90%; } .main-width { width: 90%; } .sec_navig{ width: 90%; } .about-banh-cetflex{ padding: 0; } .map-right { width: 100%; max-width: 260px; } .item-li{ padding-right: 30px; padding-left: 30px; } .about-xcgs{ width: 90%; padding: 50px 0 40px; margin: 0 auto; } .jhmbfont01{ font-size: 20px; } } @media screen and (max-width: 900px) { .adver-04{ padding-bottom: 20px; } .adver-05{ padding-bottom: 20px; } .mar_t70 { margin-top: 20px; } .definition{ padding: 40px 0 0; } .kefu_b { width: 40px; height: 40px; } .xful { width: 40px; height: 40px; } .definition-li img{ height: 38px; } .serv-left img{ height: 58px; } .navli{ padding: 0 8px; } .logo img { height: 28px; } .navflx{ font-size: 14px; } .myxc{ font-size: 12px; } .mr_langpad{ font-size: 12px; } .mr_langpad{ top: -17px; } .ticimg02{ width: 16px; } .like{ margin-right: 10px; } } @media screen and (max-width: 840px) { .flw{ display: none; } } @media screen and (max-width: 768px) { .azs-btn { position: static; left: 0; bottom: 24px; margin-bottom: 0!important; line-height: 1; padding-top: 0; padding-bottom: 0; } .adver-page02-pre { position: static; width: 100%; height: 100%; padding-bottom: 0!important; box-sizing: border-box; padding-top: 0.35rem; } .adver-pre { position: static; left: 0; top: 0; width: 100%; padding-right: 0!important; padding-bottom: 0!important; box-sizing: border-box; transform: translateY(0)!important; } .advpro { position: static; bottom: auto; } .wap-new-bannersw{ display: block; } .new-bannersw{ display: none; } .heat-wap{ display: block; } .heat-pc{ display: none; } .heat-now02 { right: 5%; font-size: 0.2rem; line-height: 1.3; width: 0.8rem; height: 0.8rem; } .litwo { width: 65%; position: static!important; } .heat-rembg{ height: 1.05rem; } .heat-addfont{ width: 100%; padding: 0 0.1rem; box-sizing: border-box; } .heat-prod{ width: 1.07rem; } .heat-prod img{ width: 100%; } .heat-now{ width: 1.42rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.12rem; background: #F76B26; font-size: 0.22rem; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; } .heat-addh1{ font-size: 0.21rem; position: absolute; } .heati{ flex: 1; } .heati input{ width: 100%; border: 0; height: 0.68rem; line-height: 0.68rem; } .msubmit{ width: 2.3rem; height: 0.68rem; line-height: 0.68rem; background: #4C85F9; text-align: center; font-size: 0.29rem; color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 0 0.1rem 0.1rem 0; } .heat-wap-sub{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.04rem; box-sizing: border-box; background: #4c85f9; border-radius: 0.1rem; overflow: hidden; } .heat-int-l{ padding: 0 0.2rem 0 0; position: relative; border-right: 1px solid #cacaca; box-sizing: border-box; } .heat-int-r{ padding: 0 0 0 0.2rem; box-sizing: border-box; } .heat-int-lh1{ font-size: 0.24rem; } .ht01{ font-size: 0.19rem; font-weight: normal; } .ht02 .htag{ font-size: 0.2rem; padding: 0.02rem 0.04rem; } .heat-int-select{ display: flex; align-items: center; } .heat-wap-input{ display: block; width: 100%; background: #ffffff; padding: 0.3rem 0.1rem; box-sizing: border-box; } .heat-input-pad{ display: none; } .heat-message{ display: none; } .heat-int-felx01{ display: none; } .heat-input-pright{ width: 100%; box-sizing: border-box; background: #ffffff; padding: 0.3rem 0.1rem; } .heat-input-pleft{ display: none; } .heat-offer-h1{ font-size: 0.3rem; } .heat-offer-ft{ font-size: 0.18rem; width: 80%; margin: 0 auto; } .heat-offer-tit{ padding: 0.3rem 0; } .heat-offer{ margin-top: 0.3rem; } .heat-case-name{ font-size: 0.16rem; padding: 0.1rem 0 0.3rem; color: #4C4C4C; line-height: 1.4; height: 1.08rem; } .heat-case-pad{ width: 33.3%; padding: 0 0.1rem; box-sizing: border-box; } .heat-case-flex{ padding: 0.3rem 0.1rem; box-sizing: border-box; margin-right: 0; margin-left: 0; } .heat-case{ font-size: 0.3rem; } .heat-strength{ padding: 0.3rem 0.1rem; box-sizing: border-box; margin-right: 0; margin-left: 0; } .heat-strength-name{ width: 100%; font-size: 0.18rem; color: #4C4C4C; line-height: 1.4; padding: 0.1rem 0 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .heat-strength-pad{ width: 33.3%; padding: 0 0.1rem; box-sizing: border-box; } .heat-abright-img{ padding: 0.01rem; } .heat-ableft{ width: 50%; padding-right: 0.15rem; box-sizing: border-box; font-size: 0.18rem; line-height: 1.4; } .heat-abright{ padding-left: 0.15rem; width: 50%; box-sizing: border-box; font-size: 0.18rem; line-height: 1.4; } .heat-about-top{ width: 100%; padding: 0.3rem 0.1rem; box-sizing: border-box; } .heat-about-tfelx{ padding: 0.13rem 0; } .heat-abot { font-size: 0.3rem; height: 64px; line-height: 64px; margin-top: 0.2rem; } .heat-two-na{ width: 100%; font-size: 0.24rem; color: #000000; padding: 0.1rem 0 0.2rem; } .heat-two-pads{ width: 33.3%; padding: 0 0.1rem; box-sizing: border-box; } .heat-two-scope{ margin-top: 0.3rem; width: 100%; box-sizing: border-box; padding-left: 0.1rem; padding-right: 0.1rem; background: #efefef; } .heat-two-pad:nth-child(even) .heat-two-li{ display: flex; flex-direction:row-reverse } .heat-li-img{ width: 50%; } .heat-li-txt{ width: 50%; padding: 0 0.15rem; box-sizing: border-box; } .heat-li-h1{ font-size: 0.3rem; font-weight: bolder; color: #000; padding: 0 0 0.12rem 0; } .heat-li-h2{ width: 100%; font-size: 0.14rem; color: #606060; line-height: 1.4; } .heat-two-li{ width: 100%; display: flex; align-items: center; background: #f6f6f6; border-radius: 0.2rem; overflow: hidden; margin-bottom: 0.15rem; } .heat-two-img{ padding: 0.2rem; box-sizing: border-box; width: 100%; } .heat-pro-h2{ font-size: 0.3rem; } .wap-heat-tit{ display: flex; align-items: center; } .wap-heat-titl{ border-left: 1px solid #9c9c9c; border-top: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; border-radius: 0.1rem 0 0 0.1rem; width: 100%; box-sizing: border-box; text-align: center; font-size: 0.2rem; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.6rem; display: flex; align-items: center; justify-content: center; } .wap-heat-telr{ width: 100%; background: #4C85F9; color: #fff; border-radius: 0 0.1rem 0.1rem 0; text-align: center; height: 0.6rem; border: 1px solid #4C85F9; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .wap-heat-telr a{ color: #fff; } .heat-from-tit{ display: none; } .heat-from-box{ display: none; } .heat-input-flex{ display: none; } .heat-type-h2{ font-size: 0.38rem; } .heat-pro-h1{ height: auto; line-height: 1; padding: 0.3rem 0; font-size: 0.36rem; } .heat-pro-tag{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 0.18rem; } .heat-pro-tag p{ background: #E9F2FF; border-radius: 3px; margin:0 0.1rem; color: #05295A; font-size: 0.24rem; font-weight: normal; padding: 0.1rem; } .heat-rela{ position: absolute; bottom: 0; z-index: 3; left: 0; right: 0; width: 100%; } .bann-bot{ width: 80%; margin: 0 auto; } .bann-bot img{ width: 100%; } .heat-product-one{ width: 100%; background: #ffffff; } .swiper-slide-rel{ position: relative; width: 100%; } .heat_banner{ padding-top: 50px; } .heat-two-ul{ width: 100%; display: block; margin: 0.3rem 0; } .heat-two-pad{ width: 100%; padding: 0 0.1rem; box-sizing: border-box; } .heat-product-adint{ width: 100%; display: block; height: auto; padding: 0.3rem 0.2rem; box-sizing: border-box; } .heat-product-l{ font-size: 0.26rem; } .heat-product-l span{ display: inline; } .head-btn-in{ font-size: 0.32rem; width: 2.45rem; height: 0.65rem; line-height: 0.65rem; } .head-bord input{ height: 0.65rem; line-height: 0.65rem; } .heat-flex{ display: flex; flex-wrap: wrap; width: 100%; margin: 0; } .heat-pad{ width: 50%; padding: 0 10px; box-sizing: border-box; } .heat-contain{ width: 100%; } .heat-flow-flex{ width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .heat-friend{ display: flex; flex-wrap: wrap; width: 100%; } .slide{ width: 33.3%; margin: 5px 0; } .heatpc{ display: none; } .heatwap{ width: 100%; display: block; } .pro-li-name2{ font-size: 0.22rem; padding: 0.05rem 0; color: #5E5E5E; margin: 0; } .pro-return{ width: 1.5rem; } .acc-dd-scroll{ width: 100%; overflow-y: scroll; } .acc-dd-flex{ display: flex; align-items: center; width: 10rem; } .acc-dd-scroll::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 0; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 0; } .acc-dd-scroll::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; } .acc-dd-scroll::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .wishclose { position: absolute; right: 0.18rem; top: 0.08rem; transition: width 1s,height 1s,transform 1s; -moz-transition: width 1s,height 1s,transform 1s; -webkit-transition: width 1s,height 1s,transform 1s; -o-transition: width 1s,height 1s,transform 1s; cursor: pointer; z-index: 2; } .wish-row{ box-sizing: border-box; margin-left: -0.15rem; margin-right: -0.15rem; padding: 0.15rem 0; } .wishlist-h1 { font-size: 0.32rem; } .selectLt{ font-size: 0.26rem; } .sortby-width .cssSelect .selectLt{ width: auto; } .wishli { float: left; width: 50%; padding: 0.1rem; box-sizing: border-box; } .wishlist { width: 100%; padding: 1rem 0 0.5rem; box-sizing: border-box; } .account-left-li02{ width: 100%; padding: 0.2rem; box-sizing: border-box; } .select-time{ width: 100%; padding: 0 0.2rem; box-sizing: border-box; } .order-nav-04{ width: 100%; } .searchinput{ flex: 1; } .accsearch{ width: 100%; height: 0.6rem; line-height: 0.6rem; } .goclose{ position: absolute; top: 0.06rem; right: 0.1rem; font-size: 0.45rem; z-index: 999; } .wapbuy-box-flex{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .wap-buy-add-ul{ width: 100%; display: flex; align-items: center; justify-content: space-between; } .wapcollte-flex{ width: 55%; border-radius: 4px; font-size: 0.24rem; } .wapcollte-flex select{ border: 1px solid #555555; width: 100%; box-sizing: border-box; height: 0.55rem; line-height: 0.55rem; } .buy-tot{ color: #333; font-size: 600; } .buy-tot span{ color: red; } .wap-buy-box{ width: 45%; display: flex; align-items: center; padding-left: 5px; box-sizing: border-box; } .inputwap{ width: 40px; } .xiang-wap{ width: 14px; } .wah40{ width: 100%; color: #333333; font-size: 0.26rem; } .goods-flex-ul{ display: flex; align-items: center; width: 100%; padding: 15px 0; } .goods-flex-left{ width: 30%; padding-right: 10px; box-sizing: border-box; } .goods-flex-right{ width: 70%; } .goods-list-h1{ width: 100%; position: relative; text-align: center; font-size: 0.3rem; padding-bottom: 0.05rem; color: #333333; } .goods-list-h1:after{ width: 20px; height: 2px; background: #4b83fc; position: absolute; left: 50%; margin-left: -10px; content: ""; bottom: 0; } .goods-list-relapad{ width: 100%; padding: 6px; box-sizing: border-box; } .goods-list-relabg{ background: rgba(0,0,0,0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: none } .goods-list-rela{ width: 100%; background: #ffffff; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999999999999; height: 60%; } .sefont21{ font-size: 0.28rem; } .dyShowbg{ display: none; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.45); z-index: 666667; top: 0; left: 0; bottom: 0; right: 0; } .wxShowbg{ display: none; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.45); z-index: 666667; top: 0; left: 0; bottom: 0; right: 0; } .wxShow{ width: 60%; height: 160px; background: #ffffff; border-radius: 10px; position: fixed; top: 50%; left: 50%; margin-top: -80px; margin-left: -30%; z-index: 4; padding: 15px; box-sizing: border-box; display: none; z-index: 666668; } .dyShow{ width: 60%; height: 160px; background: #ffffff; border-radius: 10px; position: fixed; top: 50%; left: 50%; margin-top: -80px; margin-left: -30%; z-index: 4; padding: 15px; box-sizing: border-box; display: none; z-index: 666668; } .dypc{ display: none; } .dyhbtn{ border-radius: 1000px; background: #010101; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0px 2px 4px #9f9f9f; margin: 10px 0; position: relative; z-index: 999; width: 0.7rem; height: 0.7rem; } .wxhbtn{ border-radius: 1000px; background: #15d327; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0px 2px 4px #9f9f9f; margin: 10px 0; position: relative; z-index: 999; width: 0.7rem; height: 0.7rem; } .dywap{ display: block; } .input-bot-ul{ width: 82%; margin: 0 auto; } .ahshare-liflex img { height: 0.4rem; } .wapbann-col{ background: #f7f7f7; } .esd-svg01{ height: 0.345rem; width: auto; } .esd-svg02{ height: 0.345rem; width: auto; } .esd-svg03{ height: 0.345rem; } .esd-wap-svg01{ height: 0.4rem; } .esd-wap-svg02{ height: 0.35rem; } .esd-wap-svg03{ height: 0.35rem; } .esd-wap-svg04{ height: 0.35rem; } .esd-wap-svg05{ height: 0.35rem; } .swinext-esd{ display: flex; right: 0rem; align-items: center; justify-content: center; bottom: 2rem; position: absolute; z-index: 999; transform: rotate(180deg) } .swiprev-esd{ display: flex; left: 0rem; align-items: center; justify-content: center; bottom: 2rem; position: absolute; z-index: 999; } .swinext-esd:after{ font-size: 16px!important; } .swiprev-esd:after{ font-size: 16px!important; } .cooperation-name{ font-size: 0.1936rem; } .cooperation-li02:nth-child(1){ display: block; } .cooperation-li02:nth-child(2){ display: block; } .cooperation-li02:nth-child(3){ display: block; } .cooperation-li02:nth-child(4){ display: block; } .cooperation-li02:nth-child(5){ display: block; } .cooperation-li02:nth-child(6){ display: block; } .col-2-esd{ display: none; } .col-2-esd:nth-child(1){ display: block; } .col-2-esd:nth-child(2){ display: block; } .col-2-esd:nth-child(3){ display: block; } .col-2-esd:nth-child(4){ display: block; } .col-2-esd:nth-child(5){ display: block; } .col-2-esd:nth-child(6){ display: block; } .wap-online{ display: block; } .pc-online{ display: none; } .esdbaglist-tag p{ font-size: 0.2rem; padding: 0.01rem 0.062rem; color: #181818; margin: 0 0.04rem 0 0; } .esdbaglist-tag{ justify-content: left; padding: 0.01rem 0.02rem 0.01rem 0.15rem; box-sizing: border-box; } .para-rright{ padding-left: 0.058rem; } .para-rleft{ display: none; } .esdbaglist-h1{ text-align: left; font-size: 0.22rem; padding:0 0 0.15rem 0.15rem; box-sizing: border-box; } .esdbaglist{ display: flex; align-items: center; width: 100%; flex-direction: row-reverse; } .cooperation-tit p{ font-size: 0.36rem; padding: 0 0.2rem; } .input-bot-left{ width: 100%; padding: 0; } .input-bot-right{ display: none; } .input-btn-pad{ width: 100%; animation: scale 5s linear infinite; position: relative; } .input-esd-left{ width: 100%; text-align: center; padding-right: 0; padding-top: 0; margin-right: 0; } .input-esd-right{ width: 100%; } .esd-ft03{ display: none; } .esd-ft02{ margin: 0 auto 0.35rem; } .esdflex{ display: block; } .col-2-esd{ width: 50%; padding: 0.1rem; box-sizing: border-box; } .cadver-02{ width: 100%; text-align: center; font-size: 0.22rem; padding-bottom: 0.1rem; padding-top: 0; line-height: 1.3; } .adver-page02{ padding: 0 0 0.4rem 0; background: #ffffff; } .plant-01{ font-size: 0.22rem; padding: 0.05rem 0; color: #5E5E5E; } .adver-more-btn{ display: none; } .esd-page02-left{ width: 100%; padding-left: 0; } .esd-page02-right{ width: 100%; display: flex; flex-wrap: wrap; } .plant-li{ width: 50%; margin: 0; padding: 0.1rem; box-sizing: border-box; } .esdbags-flex{ display: block; } .nesd-page02{ width: 100%; padding: 0.4rem 0; } .esdbag-btn-flex{ display: none; } .authli-h1{ display: none; } .esdbag-pad2{ width: 100%; display: block; } .esd-page03-left{ width: 100%; display: flex; flex-wrap: wrap; } .cooperation-li02{ width: 33.3%; padding: 0.1rem; box-sizing: border-box; } .coop-01{ font-size: 0.2rem; padding: 0.1rem 0 0.12rem; } .esd-page03-right{ width: 100%; display: none; } .esdban-tit{ color: #252525; font-size: 0.223rem; } .esdbanner-li{ padding-right: 0; } .wapbanner-esd{ width: 100%; background: #ffffff; display: block; } .cooperation-li{ padding: 0 0.12rem; } .esdbanner{ margin-top: 0.26rem; margin-bottom: 0.26rem; padding: 0 0.2rem; box-sizing: border-box; justify-content: space-between; } .mbfont01{ padding: 0.3rem 0.2rem 0 0.2rem; box-sizing: border-box; font-size: 0.24rem; } .mbfont02{ padding: 0.1rem 0.2rem 0.1rem 0.2rem; box-sizing: border-box; font-size: 0.42rem; } .mbfont03{ padding: 0 0.2rem 0 0.2rem; box-sizing: border-box; font-size: 0.24rem; color: #303030; width: 100%; } .mbfont03 sup{ font-size: 0.19rem; } .btnclose p{ font-size: 0.20rem; } .btnclose .iconfont { font-size: 14px!important; line-height: 1; } .swipcon-flxe-cn{ width: 5.65rem; right: 0.2rem; left: auto; bottom: 0.15rem; padding: 0.15rem; height: 3.64rem; box-sizing: border-box; top: auto!important; transform: unset; } .map-close { top: 0; right: 0; background: #4c85f9; border-radius: 1000px; color: #ffffff; width: 0.48rem; height: 0.48rem; text-align: center; line-height: 0.48rem; } .onmap:after { border: 1px solid #4c85f9; } .wapshow{ display: block; width: 100%; box-sizing: border-box; padding: 0 0.2rem; } .settl-h1{ font-size: 0.24rem; } .shopping-car-container .goods-content{ margin-top: 0; } .btnleft{ border-right: 1px solid #f0f0f0; } .btnright{ border-left: 1px solid #f0f0f0; } .car-btn{ width: 0.45rem; height: 0.45rem; } .form-control{ width: 1rem; } .input-group { display: flex; justify-content: space-around; border:1px solid #f0f0f0; border-radius: 1000px; } .panel-right{ position: fixed!important; width: 100%; left: 0; right: 0; bottom: 50px; z-index: 999; margin: 0; } .help-pad{ display: none; } .car-headers-menu{ display: none; } .shopping-car-container .goods-content .goods-item{ padding: 0; } .col-md-01{ width: 2.4rem; } .col-md-rflex{ display: block; } .col-md-02{ width: 100%; } .col-md-03{ width: 100%; } .col-md-04{ width: 100%; } .col-md-05{ width: 100%; display: none; } .col-md-06{ width: 100%; } .shopping-car-container{ width: 100%; display: block; } .para-li{ display: flex; align-items: center; } .abhh1{ font-size: 0.2rem; line-height: 1.5; } .abhh1 p{ display: block; } .abhh1 p b{ font-weight: 500; } .abhh1 b { font-weight: 500; color: #767676; } .about-type-h2 { font-size: 0.36rem; padding-bottom: 0.2rem; } .wap-font01{ display: none; } .qua-h1{ font-size: 0.22rem; padding-bottom: 0.15rem; } .about-type-h3{ font-size: 0.2rem; font-weight: 400; color: #6B6B6B; line-height: 1.5; } .qua-h3{ display: none; } .ahshare{ padding-top: 0.4rem; } .new-detail-cn { margin: 1.2rem auto 0.6rem; } .qualification-bg { padding: 0.6rem 0; } .adver03-li{ width: 100%; background: #ffffff; padding-bottom: 0.015rem; } .product-name{ font-size: 0.36rem!important; font-weight: 500; color: #101010; padding-bottom: 0.25rem; } .main-width-about { width: 100%; } .bannerli{ display: block; width: 100%; } .dcol-3{ width: 50%; padding-left: 0.1rem; padding-right: 0.1rem; box-sizing: border-box; } .ntop { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .nav { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .service-flex{ width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .flow-flex{ width: 100%; padding: 0.28rem 0.3rem 0.45rem; box-sizing: border-box; } .main-width{ width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; position: relative; } .banner{ width: 100%; display: block; padding: 1rem 0 0; box-sizing: border-box; } .numCount ul{ display: flex; width: 100%; flex-wrap: wrap; } .numCount li{ width: 50%; margin-bottom: 8px; } .bag-para{ width: 100%; display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .tabbox-flex{ position: absolute; left: 0; right: 0; top: 0; bottom: auto!important; } .bag-para-left{ width: 100%; padding: 0.2rem 0 0.01rem; box-sizing: border-box; } .bag-para-right{ width: 100%; padding: 0 0 0.01rem 0; } .adver-page01-left{ display: none; } .adver-page01-right{ width: 50%; padding: 0 0.2rem 0 0; display: flex; align-items: center; } .adver-page02-left{ width: 50%; padding-right:0; box-sizing: border-box; display: flex; align-items: center; } .adver-page02-right{ width: 50%; padding-top: 0; padding-left: 0; padding-right: 0; box-sizing: border-box; } .adver-page03-left{ width: 100%; } .adver-page03-right{ width: 100%; display: none; } .footli{ width: 100%; padding: 5px 0 0; } .footli2{ width: 100%; padding: 5px 0 0; } .kefu_b { width: 0.7rem; height: 0.7rem; } .xful { width: 0.7rem; height: 0.7rem; } .clo-2{ display: block; } .wapno{ display: none; } .serv-left { padding: 0; box-sizing: border-box; text-align: center; } .serv-right .h1{ font-size: 14px; } .service{ padding: 0 0.3rem; box-sizing: border-box; } .waphead{ display: none; } .pcfoot{ display: none; } .wapfoot{ display: block; } .footer { width: 100%; float: left; background: #f6f6f4; padding: 0.1rem 0 0.95rem; box-sizing: border-box; clear: both; } .footer .ftrow{ margin-left: 0; margin-right: 0; } .footli { width: 100%; padding: 0 0 15px; box-sizing: border-box; float: left; } .ftdt01 { float: left; width: 100%; color: #878787; } .ftdl{ display: block; width: 100% } .ftdt { float: left; width: 100%; } .ftdtr { float: left; width: 100%; max-width: 100%; } .cpay{ display: none; } .cpaytxt{ font-size: 12px; } .definition-li{ width: 25%; display: block; padding: 0; text-align: center; } .deflex-font{ font-size: 0.22rem; padding: 0.02rem 0 0 0; min-width: 100%; } .newpad { width: 100%; border-right: 0; padding: 0; box-sizing: border-box; } .newpad-30 { padding: 10px 20px; width: 100%; box-sizing: border-box; } .newlist .swiper-button-prev{ left: -10px; } .newlist .swiper-button-next{ right: -10px; } .newmar .swiper-button-prev:after { font-size: 20px; color: #2c2c2c; } .newmar .swiper-button-next:after { font-size: 20px; color: #2c2c2c; } .h_banner_wrap{ text-align: center; font-size: 0.22rem; } .h_banner_close{ display: none; } .ft12{ font-size: 0.22rem!important; } .h_banner_close{ right: 12px; } .ahimg img{ width: 100%; } .navContent{ display: none; padding-bottom: 0; padding-top: 0; } .ftul li{ border-bottom: 1px solid #edeaea; width: 100%; padding: 5px 0; } .subNav{ cursor:pointer; padding:0; background:url(../images/pro-down.png) no-repeat right 8px; background-size: 10px; } .currentDt{ background-image:url(../images/pro-top.png); } .ftbuy{ border-bottom: 0; padding-bottom: 0; width: 100%; position: relative; margin-bottom: 0; } .ftbuy:after{ width: 64px; height: 1px; background: #d3d3d2; content: ''; position: absolute; left: 38px; top: 13px; } .ftuls{ padding-bottom: 15px; } .ftdd { font-size: 14px; padding: 5px 0; } .serv-right .h1{ font-size: 12px; color: #878787; } .leftMenu a { text-decoration: none; display: block; font-size: 0.254rem; } .leftMenu { background: #f6f6f4; left: -110%; position: fixed; top: 0; display: block; height: 100%; width: 100%; min-width: 140px; max-width: 440px; z-index: 90002; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; position: fixed; overflow-y: auto; padding: 0; } .leftMenu.menu-open { left: 0; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .leftMenu ul { list-style: none; padding: 0; overflow: hidden; } .leftMenu ul li { position: relative; padding: 0.12rem 0; overflow:hidden; } .menu-dark-backdrop { background: rgba(0,0,0,0); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom:0; overflow: hidden; z-index: 3; } .menu-dark-backdrop.in { height: 100%; z-index: 90001; background: rgba(0,0,0,0.5); } .wapnav-bg{ width: 100%; position: fixed; left: 0; right: 0; top: 0; z-index: 3333; box-shadow: 0px 6px 4px rgb(37 37 37 / 10%); padding: 0; box-sizing: border-box; display: block; align-items: center; justify-content: space-between; background: #fff; } .waplogo img { width: 140px; } #new-header { position: absolute; left: 0; right: 0; z-index: 33; width: 100%; } #new-header .ntheader_wrapper { width: 100%; padding: 4px 10px; box-sizing: border-box; position: relative; z-index: 999; background: #f8f8f8; } .nflex { display: flex; align-items: center; justify-content: space-between; } .mr_lang { position: relative; margin: 0 0 0 0.2rem; width: 1.5rem; } .header-text-ri { display: flex; align-items: center; justify-content: space-between; width: 100%; } #jc-header_nav02 { width: 100%; box-sizing: border-box; padding:0; height: auto; line-height: auto; position: relative; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background-color: rgba(255,255,255,.9); backdrop-filter: blur(15px); } #jc-header_nav02 .menu-mob { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; padding: 0.14rem 0; } .menu-mob { width: 100%; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .cd-nav-trigger { float: left; position: relative; display: block; width: 27px; height: 44px; overflow: hidden; white-space: nowrap; color: transparent; } .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { position: absolute; display: inline-block; height: 3px; width: 24px; border-radius: 2px; background: #000; } .cd-nav-trigger span { position: absolute; top: 50%; margin-top: -2px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } .cd-nav-trigger span::before { top: -8px; } .cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; right: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; } .cd-nav-trigger span::after { top: 8px; } .cd-nav-logo { width: 1.8rem; margin-left: 0.1rem; } .cd-nav-search { width: 4.3rem; overflow: hidden; margin-left: 0.15rem; border: 0.01rem solid #CBCBCB; border-radius: 0.1rem; display: flex; align-items: center; padding: 0 0.2rem; box-sizing: border-box; height: 0.6rem; line-height: 1; } .cd-nav-search input{ width: 100%; border: 0; height: 0.55rem; background: none; font-size: 0.26rem; } .cd-nav-btnflx { display: flex; } .cd-nav-btn img { width: 20px; vertical-align: middle; } .cd-nav-btn01 { width: 24px; margin: 0 12px; } .cd-nav-btn img { width: 20px; vertical-align: middle; } .cd-navflex{ display: flex; align-items: center; } .cd-nav-btn{ margin: 0; } .ftmenu-bot{ width: 100%; padding: 0 0.3rem 1.6rem; box-sizing: border-box; } .ftmenu { width: 100%; color: #383838; letter-spacing: 0.3px; margin-bottom: 0.2rem; font-size: 0.24rem; position: relative; display: flex; align-items: center; } .ftlink { width: 40px; height: 1px; background: #d3d3d2; margin-left: 5px; } .ftmenu-top{ width: 100%; padding: 0.5rem 0.3rem; box-sizing: border-box; } .nav-padd { width: 100%; padding: 10px 0; } .nav-padflx { width: 100%; padding: 5px 0; } .nav-padflx a { display: flex; align-items: center; color: #333; font-size:12px; } .nav-padflx img { height: 20px; margin-right: 5px; } .nav-padd02 { width: 100%; padding: 10px 0 15px; border-top: 1px solid #b1b1b1; margin-top: 18px; } #new-header{ display: block; } #menu { display: block; } .menuone{ display: flex; align-items: center; justify-content: space-between; width: 100%; } .inactive{ width: 14px; height: 14px; background: url(../images/add-bg.png) no-repeat center; background-size: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .ftmenu-top ul li ul li ul{ display: none; } .inactives .inactive{ width: 14px; height: 14px; background: url(../images/app-bg.png) no-repeat center; background-size: 100%; -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .meh2{ font-size: 0.24rem; padding-left: 0.2rem; } .meh3{ font-size: 0.24rem; padding-left: 0.4rem; color: #555; } #menu::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 2px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } #menu::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; } #menu::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .ftuls2{ width: 100%; color: #575757; float: left; font-size: 12px; padding-bottom: 10px; line-height: 20px; } .menufixed{ position: fixed!important; z-index: 33; top: 0; left: 0; right: 0; box-shadow: 0px 4px 8px rgb(37 37 37 / 10%); } .aboutfixed{ top: 44px; } .sec_navig{ width: 100%; padding: 0 15px; box-sizing: border-box; } .sec-nav-left{ display: none; } .secno{ display: none; font-size: 0; overflow: hidden; } .sec-nav-center a { font-size: 12px; padding: 0; margin: 0; } .lxno{ display: none; } .sec-nav-center { display: flex; justify-content: space-between; width: 100%; } .about-banner{ padding: 2rem 0 0; } .about-banh { display: block; align-content: center; width: 100%; } .about-banh-flex{ width: 100%; padding: 0 0 10px 0; } .map-right{ width: 100%; position: relative; top: auto; max-width: 100%!important; transform: translateY(0); } .gpr_ranking_slide{ height: auto!important; } .abhh2{ font-size: 0.4089rem; font-size: 500; color: #10468F; } .banh-tep{ width: 50%; font-size: 12px; } .about-banh-cetflex{ width: 100%; padding: 0; } .about-ban-btn{ margin: 20px 0 20px; width: 180px; } .about-clearfix{ width: 100%; padding: 0 15px; box-sizing: border-box; display: flex; flex-wrap: wrap; } .item-li{ padding: 0.2rem 0 0.2rem 0.8rem; width: 50%; box-sizing: border-box; } .item-h1{ font-size: 18px; } .item-li:after{ display: none; } .about-xcgs { width: 100%; padding: 30px 0; box-sizing: border-box; text-align: center; } .font30 { font-size: 22px; } .about-xcgs-h2{ font-size: 14px; line-height: 22px; } .qua-h2 { width: 100%; text-align: center; color: #333; padding-bottom: 0.4rem; font-size: 0.36rem; font-weight: 500; color: #101010; } .qua-h3 { width: 100%; text-align: center; font-size: 13px; color: #555; padding-bottom: 15px; } .qua-h3 p{ display: inline; width: 100%; } .qua-flex{ width: 100%; display: block; } .qua-left { width: 100%; } .qua-right { width: 100%; } .about-recomment { width: 100%; padding: 15px 0 0 0; } .pad_t50 { padding-top: 0.35rem; } .new-detail-pad { width: 100%; background: #ffffff; padding: 10px; box-sizing: border-box; } .hightwflx{ width: 100%; margin: 0; padding: 0; } .new-leftnav{ width: 100%; margin: 0; } .leftfid { position: fixed; top: 49px; width: 100%; z-index: 3; left: 0; right: 0; padding: 10px!important; box-sizing: border-box; background: #fff!important; } .new-leftnav-pad{ padding: 0; box-sizing: border-box; width: 100%; display: flex; align-items: center; background: none; } .new-lims { border-bottom: 0; margin: 0 15px 0 0; font-size: 12px; padding: 0; width: auto; } .info-left img{ max-width: 100%; } .info-left{ max-width: 100%; min-width: 100%; } .hightflx-r{ width: 100%; margin-top: 15px; padding: 8px; box-sizing: border-box; } .swipcon-flxe{ box-sizing: border-box; top: auto!important; transform: unset; } .pro-li-btn{ font-size: 0.2rem; font-weight: 400; color: #717171; } .wish-name{ line-height: 1.4; height: 46px; } .pro-li-name{ font-size: 0.22rem; padding: 0 0.15rem; margin-top: 0.23rem; margin-bottom: 0.1rem; width: 100%; box-sizing: border-box; width: 100%; height: 0.65rem; font-weight: 500; color: #414141; line-height: 1.45; -webkit-line-clamp: 2; } .pro-li-btn span{ padding: 0; } .pro-li-btn span:after{ display: none; } .adver-page05 { max-width: 100%; padding: 0.36rem 0 0.36rem; } .ahimg { width: 100%; padding: 0.6rem 0 0; text-align: center; } .adver-page06 { width: 100%; padding: 0.6rem 0; background: #f8f8f8; } .ahshare-font { font-size: 0.26rem; display: flex; align-items: center; color: #2C2C2C; } .page05-pad { width: 100%; padding: 0; box-sizing: border-box; position: relative; } .page05-pad .swiper-button-next:after{ font-size: 20px; } .page05-pad .swiper-button-prev:after { font-size: 20px; } .page05-pad .swiper-button-next{ right: -10px; } .page05-pad .swiper-button-prev{ left: -10px; } .adver-02{ padding-top: 0.10rem; padding-bottom: 0.16rem; font-size: 0.2rem; font-weight: 400; } .adver-03 { font-size: 0.36rem; font-weight: 500; padding-bottom: 0.35rem; text-align: left; } .cadver-03{ font-size: 0.36rem; font-weight: 500; padding-bottom: 0.35rem; text-align: center; } .adver-05flex{ font-size: 0.22rem; display: none; } .para-btn { margin: 10px auto 0; width: 1.6rem; } .adver-page01 { background: none; width: 100%; padding: 0 15px; box-sizing: border-box; } .adver-page01 .row{ align-items: center; } .adver-page03 { width: 100%; padding: 0.4rem 0 0.5rem; background: #F8F8F8; clear: both; float: left; position: relative; } .pros-li-img02{ padding-bottom: 0; padding-right: 0; padding-left: 0; background: #f8f8f8; } .bag-type-h2{ font-size: 0.22rem; padding-bottom: 0.15rem; font-weight: 400; color: #7B7B7B; } .para-h1 { width: auto; font-size: 13px; color: #000; } .para-h2 { flex: 1; font-size: 14px; color: #000; } .new-search{ width: 1.8rem; padding-left: 0.15rem; } .wfont14{ font-size: 13px; } .search-bor{ height: 0.5rem; border-radius: 0.08rem; } .new-lims:last-child{ padding: 0; } .new-leftnav-pad .swiper-slide{ width: auto; } .new-lims{ margin: 0; padding: 0; } .info-list{ margin: 0; padding-bottom: 8px; } .info-right{ width: 100%; padding: 0; } .fonten20{ font-size: 0.32rem; margin-bottom: 0; } .newen-dep { color: #2f2f2f; width: 100%; padding-bottom: 10px; font-size: 0.24rem; height: 0.8rem; } .newh2 { font-size: 13px; } .blog-day{ padding: 0; font-size: 12px; } .newlistbg{ padding: 0; background: #f9f9f9; } .new-tag-ul a{ font-size: 12px; } .gpr_ranking_slide2{ height: auto!important; line-height: auto; } .new-detail-h1{ font-size: 16px; } .new-detail-dec { width: 100%; padding: 5px 0; font-size: 12px; } .new-detail-text{ font-size: 14px; line-height: 26px; } .new-home { width: 100%; padding: 5px 0; box-sizing: border-box; font-size: 12px; } .new-contact { width: 100%; margin: 20px 0 10px; } .new-ch2 { width: 100%; padding: 3px 0; } .new-tag{ padding: 0; } .new-nav{ margin-top: 0; padding: 1.3rem 0 0 0; height: auto; } .sear-btn{ width: 30px; } .newname { font-size: 20px; } .pro-home{ font-size: 0.22rem!important; line-height: 1.1; } .sectip{ width: 100%; display: block; } .recom-ul{ display: none; } .productlist{ width: 100%; display: block; border-left: 0; } .resultpad { width: 100%; padding: 10px 0; box-sizing: border-box; } .some-list { width: 100%; padding: 10px 0; box-sizing: border-box; } .col-2{ width: 50%; } .navlist { width: 100%; padding: 0; } .font16 { font-size: 14px; } .font22 { font-size: 16px; } .pagehome { width: 100%; float: left; clear: both; padding: 10px 0; box-sizing: border-box; justify-content: center; display: flex; align-items: center; font-size: 12px; } .not-enquiry { width: 100%; box-sizing: border-box; top: 0; right: -100%; } .inright{ right: 0!important; } .not-enquiry-pad { width: 100%; padding: 50px 30px; box-sizing: border-box; } .enquiry-record{ padding-bottom: 10px; } .enquiry-sub{ padding-bottom: 5px; } .login-contain { width: 100%; max-width: 1300px; margin: 0 auto; padding: 1rem 0.3rem 0.5rem; box-sizing: border-box; } .login-main-pad{ width: 100%; display: block; } .login-main-pad:after{ display: none; } .font38 { font-size: 0.46rem; } .font17 { font-size: 13px; } .register-main-pad{ display: block; } .register-contain { width: 100%; max-width: 1300px; margin: 0 auto; padding: 1rem 0.5rem 0.5rem; box-sizing: border-box; } .font26 { font-size: 12px; } .ban-tep:nth-child(1){ position: relative; bottom: auto; right: auto; } .ban-tep:nth-child(2){ position: relative; bottom: auto; right: auto; } .ban-tep:nth-child(3){ position: relative; bottom: auto; right: auto; } .ban-tep:nth-child(4){ position: relative; bottom: auto; right: auto; } .ban-tep:nth-child(5){ position: relative; bottom: auto; right: auto; } .ban-tep:nth-child(1) img{ width: 80px; height: 56px; } .ban-tep:nth-child(2) img{ width: 80px; height: 56px; } .ban-tep:nth-child(3) img{ width: 80px; height: 56px; } .ban-tep:nth-child(4) img{ width: 80px; height: 56px; } .ban-tep:nth-child(5) img{ width: 80px; height: 56px; } .positbanner{ position: relative!important; margin-top: 0.2rem; padding:0 0.2rem; box-sizing: border-box; overflow: hidden!important; } .ban-tep{ margin-right: 10px; } .col-2-cent{ padding-bottom: 10px; } .wapfoot{ width: 100%; position: fixed; left: 0; right: 0; bottom: 0; padding: 0.1rem 0.2rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f1f1; z-index: 666666; background-color: rgba(255,255,255,.95); backdrop-filter: blur(15px); } .esdfoot{ width: 100%; position: fixed; left: 0; right: 0; bottom: 0; padding: 0.1rem 0.2rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f1f1; z-index: 666666; background-color: rgba(255,255,255,.95); backdrop-filter: blur(15px); display: none; } .wapimg01{ height: 0.38rem; display: flex; align-items: center; justify-content: center; } .wapimg02{ height: 0.38rem; display: flex; align-items: center; justify-content: center; } .wapimg03{ height: 0.38rem; display: flex; align-items: center; justify-content: center; } .wapimg04{ height: 0.38rem; display: flex; align-items: center; justify-content: center; } .wapimg05{ height: 0.38rem; display: flex; align-items: center; justify-content: center; } .wapimg01 img{ height: 0.38rem!important; margin: 0 auto; } .wapimg02 img{ height: 0.35rem!important; margin: 0 auto; } .wapimg03 img{ height: 0.4rem!important; margin: 0 auto; } .wapimg04 img{ height: 0.38rem!important; margin: 0 auto; } .wapimg05 img{ height: 0.44rem!important; margin: 0 auto; } .wapli{ text-align: center; } .wapname{ font-size: 0.182rem; } .lagarr{ font-size: 0.16rem; } .nsearch{ font-size: 0.4rem; } .mr_langpad { position: absolute; width: 100%; padding: 0 0.01rem; box-sizing: border-box; border: 0.01rem solid transparent; top: -0.25rem; } .h_banner{ background: #f8f8f8; } .mr_en{ font-size: 0.24rem; } .mr_cn{ font-size: 0.24rem; } .mr_en img{ margin: 0; } .mr_cn img { margin: 0; } .mr_cn p{ padding: 0 0.05rem; white-space: nowrap; } .mr_en p{ padding: 0 0.05rem; white-space: nowrap; } .wapbanner{ display: block; width: 100%; padding: 0; box-sizing: border-box; } .wap-logo{ width: 100%; padding-bottom: 0.34rem; padding-left: 0.4rem; box-sizing: border-box; display: flex; align-items: center; } .wap-logo p{ font-size: 0.42rem; color: #10468F; font-weight: bold; } .wap-logo img{ height: 0.44rem; vertical-align: middle; } .wap-fontname{ color: #636363; width: 100%; line-height: 1.5; padding-left: 0.4rem; box-sizing: border-box; font-size: 0.2493rem; font-weight: 500; } .wap-fontname02{ width: 100%; font-weight: 400; color: #757575; font-size: 0.17rem; line-height: 1.5; padding-left: 0.4rem; padding-right: 0.4rem; padding-top: 0.1rem; padding-bottom: 0.3rem; text-align: justify; box-sizing: border-box; } .unmflxem{ width: 100%; display: flex; align-items: baseline; flex-wrap: wrap; margin: 0; padding-top: 0; box-sizing: border-box; padding-left: 0.4rem; } .unmflxem .numli{ padding: 0 0.15rem 0 0; margin: 0 0 0.15rem 0; border-right: 0.01rem solid #a2a2a2; min-width: 2.2rem; } .unmflxe{ width: 100%; display: flex; align-items: baseline; margin: 0; padding-top: 0; box-sizing: border-box; padding-left: 0.4rem; } .unmflxe .numli{ padding: 0 0.15rem 0 0; margin-right: 0.15rem; border-right: 0.01rem solid #a2a2a2; } .unmflxem .numli:nth-child(2){ padding: 0 0.15rem 0 0; margin-left: 0.15rem; border-right: 0; min-width: 4rem; } .unmflxem .numli:nth-child(4){ padding: 0 0.15rem 0 0; margin-left: 0.15rem; border-right: 0; min-width: 4rem; } .unmflxe .numli:last-child{ padding: 0; margin: 0; border: 0; } .numwidth{ color: #041B33; } .nuname{ color: #676767; font-size: 0.1473rem; } .nuft01{ font-size: 0.22rem; } .nuft03{ font-size: 0.32rem; } .flow-li:hover{ transform: translateY(0); box-shadow: 0 0 20px rgba(255, 255, 255, 0.1) inset; } .flow-li{ padding: 0; display: block; } .flow-liimg{ width: 0.8rem; padding: 0; } .flow-cn .flh1{ font-size: 0.2185rem; color: #363636; padding-top: 0.10rem; padding-bottom: 0.1rem; } .flow-cn .flh2{ font-size: 0.1529rem; color: #7A7A7A; line-height: 1.3; } .flow-lipad{ padding: 0; } .col-pag01{ width: 50%; padding: 0 0.1rem; box-sizing: border-box; } .col-pag01:nth-child(2){ width: 50%; } .pro_item{ width: 100%; overflow: hidden; text-align: center; display: flex; justify-content: center; align-content: center; min-height: 1.5rem; } .pro_item img{ max-height: 100%; max-width: 90%; vertical-align: middle; } .adver-page01-wap{ display: block; width: 50%; } .adver-04{ display: none; } .adver-05 img { height: 0.38rem; } .adver-05{ padding-bottom: 0.1rem; } .adver-more{ width: 1.65rem; } .xcbtn { text-align: center; margin: 0 auto; overflow: hidden; width: 100%; color: #4c85f9; display: block; position: relative; height: 0.45rem; line-height: 1.3; border: 1px solid #CBCBCB; border-radius: 0.05rem; } .colw08{ font-size: 0.12rem!important; } .more-btn-link{ font-size: 0.18rem; font-weight: 400; } .more-btn{ width: 2.6rem; height: auto; } .advpag02{ display: none; } .adver02-li{ width: 100%; background: none; padding-bottom: 0.15rem; } .azs-01{ font-size: 0.2rem; width: 100%; padding: 0.1rem 0.1rem 0; line-height: 1.4; font-weight: 500; color: #000000; margin-bottom: 0; } .azs-02{ font-size: 0.16rem; padding: 0.1rem 0.1rem 0; line-height: 1.4; font-weight: 400; color: #636363; margin-bottom: 0; } .adver-btnaut{ font-size: 0.13rem; padding: 0.05rem 0.1rem 0; margin-bottom: 0; } .adver-btn{ padding: 0.05rem 0.1rem 0; box-sizing: border-box; width: 100%; font-size: 0.166rem; margin-bottom: 0; min-height: 0.86rem; } .adver02-li02{ padding-bottom: 0; position: relative; width: 100%; min-height: 2.8rem; } .product{ width: 100%; padding: 0.5rem 0 0.35rem; } .product02{ padding: 0.45rem 0 0.35rem; } .adver-page04 { padding: 0.45rem 0; } .newmar{ padding: 0.45rem 0; } .font28{ font-size: 0.38rem; } .ah1 { font-size: 0.36rem; padding-bottom: 0.2rem; line-height: 1; padding-top: 0.15rem; } .ah2 { width: 100%; font-size: 0.24rem; padding-bottom: 0.1rem; text-align: center; font-weight: 400; color: #6B6B6B; } .new-name { font-size: 0.3rem; width: 100%; padding-bottom: 0.25rem; } .new-dep { color: #2f2f2f; height: 0.8rem; width: 100%; margin-bottom: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 0.24rem; } .new-auth span{ font-size: 0.28rem; } .bag-type { width: 100%; font-size: 0.38rem; } .bag-ulfont { width: 100%; padding-bottom: 0.3rem; text-align: center; } .esd-page02{ width: 100%; padding: 0.45rem 0; } .tabbox-flex { width: 100%; display: flex; align-content: center; padding: 1.1rem 0 0 0; box-sizing: border-box; justify-content: center; } .tabbox-tit{ font-size: 0.24rem; } .bactive .tabbox-tit{ font-size: 0.24rem; font-weight: 500; } .about-ban-rela{ width: 100%; padding: 0; box-sizing: border-box; display: block; } .about-ban-left{ width: 100%; padding: 0 0.2rem; box-sizing: border-box; } .about-ban-right{ width: 100%; padding: 0; margin-bottom: 0.2rem; position: relative; } .swip-left{ width: 65%; } .swip-right{ padding-left: 0.15rem; width: 100%; box-sizing: border-box; } .company-add img{ width: 16px; } .company-logo img { width: 12px; } .company-add{ padding: 0.1rem 0 0; } .company-logo{ padding: 0.1rem 0 0; } .main-compy{ font-size: 0.22rem; line-height: 1.2; padding: 0.05rem 0; } .wah1 { width: 100%; text-align: center; font-size: 0.24rem; } .wah2 { width: 100%; text-align: center; color: #333; font-size: 0.38rem; padding-bottom: 0.25rem; line-height: 1; } .wah3 { width: 100%; font-size: 0.24rem; color: #666; padding-bottom: 0.36rem; text-align: center; line-height: 1.4; } .wah3 p{ display: inline; } .page06-pad { padding-bottom: 0.36rem; width: 100%; max-width: 100%; margin: 0 auto; } .ahshare-liflex { margin: 0 0.14rem; padding: 0; display: flex; align-items: center; } .ahshare-liflex a{ display: flex; align-items: center; } .login-main-ul { padding: 0; box-sizing: border-box; max-width: 100%; } .register-main-ul { width: 100%; max-width: 100%; } .tabboxm .tab a { display: block; float: left; text-decoration: none; font-size: 0.24rem; color: #afafaf; margin-right: 0.1rem; position: relative; } .register-main-h1 { width: 100%; padding: 0.45rem 0; font-size: 0.35rem; } .register-main-btn { width: 100%; text-align: center; background: #080708; border-radius: 4px; height: 42px; line-height: 42px; color: #fff; margin: 0.45rem 0; cursor: pointer; } .account-menu{ width: 100%; display: block; padding-bottom: 0.25rem; } .accouli{ font-size: 0.24rem; padding: 0 0.1rem; margin: 0 0.1rem; } .account-main{ width: 100%; padding: 1.1rem 0 0; } .account-main-pad{ font-size: 0.28rem; } .account-menu-h1{ font-size: 0.3rem; padding-right: 0.1rem; } .active:after{ height: 2px; } .accouright-flxe{ width: 100%; margin-top: 0.25rem; } .accsearch input{ width: 100%; height: 0.6rem; line-height: 0.6rem; padding: 0; } .account-search{ flex: 1; } .account-bg{ width: 1.68rem; height: 0.6rem; line-height: 0.6rem; } .accsearbtn{ width: 0.85rem; height: 0.6rem; line-height: 0.6rem; } .accsearbtn img{ width: 0.35rem; } .account-width{ width: 100%; display: block; } .account-left{ width: 100%; display: flex; margin: 0.2rem 0; } .order-right{ width: 100%; padding: 0; } .account-ctbg{ width: 100%; padding-top: 0.2rem; } .account-left-li { width: 100%; border-bottom: 0; padding: 0.2rem; box-sizing: border-box; } .pad04 { padding: 0.15rem 0.15rem; box-sizing: border-box; font-size: 0.28rem; } .order-nav-scroll{ width: 100%; overflow-y: scroll; margin-bottom: 0.15rem; height: 0.75rem; padding-right: 0; display: block; } .order-nav-scroll::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 0!important; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 0!important; } .order-nav-scroll::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 0; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.2); background: #535353; } .order-nav-scroll::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.2); border-radius: 0; background: #EDEDED; } .order-nav-flex{ width: 9rem; padding: 0.16rem 0 0 0; } .order-nav { width: 100%; padding: 10px 10px; box-sizing: border-box; display: block; align-items: center; justify-content: space-between; } .account-flxm{ width: 100%; display: block; margin: 0; } .account-flx { display: block; width: 100%; } .account-center-pad{ width: 100%; padding: 0; } .accflx { display: flex; justify-content: space-around; align-items: center; padding: 0.38rem 0; } .account-right{ width: 100%; } .pad01 { padding: 0.2rem 0.2rem; box-sizing: border-box; width: 100%; } .pad03{ padding: 0.2rem 0.2rem; box-sizing: border-box; width: 100%; } .message-submit{ height: 0.85rem; line-height: 0.85rem; font-size: 0.32rem; } .acc-dd { width: 100%; padding: 0; font-size: 0.28rem; font-weight: bold; } .acc-dt{ padding:0.12rem 0; width: auto; box-sizing: border-box; margin:0; line-height: 1 } .acclist img{ width: 0.69rem; } .acclist p { width: 100%; padding: 0.1rem 0 0 0; font-size: 0.24rem; } .account-textarea { margin: 15px 0 0; width: 100%; background: #fff; padding: 0.2rem 0.2rem; box-sizing: border-box; } .accouli-fled{ padding: 0.8rem 0 0.1rem; } .pcswiper{ display: none; } .wapswiper-ban{ width: 100%; } #mySwiper .swiper-slide-thumb-active:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; content: ''; border: 2px solid #4071d8; box-sizing: border-box; } .noplayw{ display: none!important; } .about-xcgs-product{ margin-top: 0.3rem; } .qua-left{ display: none!important; } .adver-ali { padding: 0.24rem; box-sizing: border-box; } .advh2{ font-size: 0.22rem; line-height: 1.5; } .homefont{ width: 100%; text-align: center; font-size: 0.32rem; } .new-lims a{ padding: 0.1rem 0; } .bgcol{ width: 100%; background: #f9f9f9; } .new-time{ font-size: 0.22rem; display: flex; align-items: center; } .banner-left{ width: 100%; padding: 1.5rem 0.3rem 0.1rem; box-sizing: border-box; } .banner-right{ width: 100%; padding: 0; } .wap-font01{ font-size: 0.24rem; color: #868686;; } .auth-show{ width: 100%; text-align: center; display: block; padding-bottom: 0.35rem; } .authen-h1{ width: 100%; text-align: center; font-size: 0.22rem; padding-bottom: 0.1rem; } .authen-h2{ width: 100%; text-align: center; font-size: 0.36rem; line-height: 1; color: #1a1a1a; font-weight: 500; color: #101010; } .authen-h2 p{ display: inline; } .font-b { font-size: 0.28rem; color: #4071d8; } .navflxes{ display: block; } .wapbanbg{ width: 100%; background: #f9f9f9; padding: 0.45rem 0 0 0; } .heig01{ height: 1.2rem; } .heig02{ height: 1.2rem; } .wap-font02{ color: #10468F; font-size: 0.38rem; font-weight: bold; } .ranking_slide{ width: auto!important; margin-right: 0.3rem; } .product-home-flxe{ padding: 1.25rem 0 0.2rem; } .image-init-left{ width: 100%; } .image-init-right{ width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; box-sizing: border-box; } .bread-home{ display: none; } .base-item { padding-top: 1.3rem; } .cactus { padding: 0.2rem 0; line-height: 1.4; font-size: 0.32rem; } .view-sold { padding: 0 0 0.5rem; font-size: 0.22rem; line-height: 1.2; } .applicafont { font-size: 0.32rem; color: #333333; margin-top: 0.3rem; } .definition-li img { height: 0.45rem; } .wap-tepul-flex{ display: flex; align-items: center; justify-content: space-between; background: #f8f8f8; padding: 0.15rem; box-sizing: border-box; } .wap-tep-li{ display: flex; align-items: center; font-size: 0.2rem; } .wap-tep-li img{ width: 0.45rem; padding-right: 0.03rem; } .info-blade{ width: 100%; position: relative; } .wap-btn-fixed{ position: fixed; width: 100%; background-color: rgba(255,255,255,.9); backdrop-filter: blur(15px); z-index: 999999999; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; padding: 0.14rem 0.24rem; box-sizing: border-box; } .wap-btn-line{ width: 1rem; text-align: center; } .wap-btn-line img{ width: 0.38rem; } .wap-btn-line p{ font-size: 0.182rem; line-height: 1; margin-top: 0.09rem; } .wap-btn-right{ flex: 1; display: flex; align-items: center; padding-left: 0.4rem; box-sizing: border-box; } .wap-btn01{ width: 50%; text-align: center; background: #4b83fc; color: #fff; height: 0.7rem; line-height: 0.7rem; font-size: 0.24rem; border-radius: 0.1rem 0 0 0.1rem; } .wap-btn02{ width: 50%; text-align: center; background: #fecb2f; color: #fff; height: 0.7rem; line-height: 0.7rem; font-size: 0.24rem; border-radius: 0 0.1rem 0.1rem 0; } .good-content-li{ width: 100%; padding: 0 0.3rem; box-sizing: border-box; } .inquiry-no{ display: none; } .swiper-conpad{ width: 100%; padding: 0.2rem 0.3rem; box-sizing: border-box; } .swiper-conpad2{ width: 100%; padding: 0.2rem 0.3rem; box-sizing: border-box; } .swiper-conpad2 .swiper-slide{ background: #f7f7f7; } .adverpade{ width: 100%; background: #F8F8F8; } .btn-wapno{ display: none } .definition{ padding: 0.5rem 0 0 0; } .main-width-pad{ width: 100%; } .ahimg img { width: auto; max-width: auto!important; } .ahpadimg{ width: 100%; overflow-x: auto; } .ahpadimg img{ width: 13rem; max-width: 13rem; padding-left: 0.45rem; padding-right: 0.45rem; } .ahpadimg::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 0; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 0; } .ahpadimg::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 0; -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2); background: #ffffff; } .ahpadimg::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2); border-radius: 0; background: #ffffff; } .tep-container{ width: 100%; display: flex; flex-wrap: wrap; } .flow-lipad2{ width: 50%; box-sizing: border-box; justify-content: left; padding: 0 0 0 0.3rem; } .flow-li2{ padding: 0.18rem 0; display: block; } .aboutno{ display: none; } .about-banner-swip{ display: block; width: 100%; background: #ffffff; } .pcarr{ display: block; } .icoarrow-left{ width: 0.48rem; height: 0.48rem; background: #4171D9; display: flex; align-items: center; justify-content: center; color: #ffffff; } .icoarrow-right{ width: 0.48rem; height: 0.48rem; background: #4171D9; display: flex; align-items: center; justify-content: center; color: #ffffff; transform:rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 鍜 Chrome */ -o-transform:rotate(180deg); /* Opera */ } .pro-nexts{ position: absolute; right: 0; top: 46%; transform: translateY(-50%); z-index: 9; } .pro-prevs{ position: absolute; left: 0; top: 46%; transform: translateY(-50%); z-index: 9; } .gate-no{ display: none; } .tabbox-li{ width: 1.2rem; } .tabbox-img{ width: 0.7rem; height: 0.7rem; } .authli-left .swiper-slide-thumb-active .tabbox-img{ width: 0.7rem; height: 0.7rem; } .bactive .tabbox-img{ width: 0.76rem; height: 0.76rem; } .gateno{ display: none; } .serv-left img{ height: 0.8rem; } .pro-li-btn2{ font-size: 0.22rem; } .new-view{ padding-right: 0; font-size: 0.22rem; } .ftbot02{ display: none; } .ftactive .ftbot02{ display: block; } .ftactive .ftbot01{ display: none; } .ftactive .wapname{ color: #4071d8; } .pro-nextabout{ position: absolute; right: 0; bottom: 30%; z-index: 3; } .pro-prevabout{ position: absolute; left: 0; bottom: 30%; z-index: 3; } .pro-nextabout02{ position: absolute; right: 0; bottom: 55%; z-index: 3; } .pro-prevabout02{ position: absolute; left: 0; bottom: 55%; z-index: 3; } .pro-nextabout03{ position: absolute; right: 0; bottom: 40%; z-index: 3; } .pro-prevabout03{ position: absolute; left: 0; bottom: 40%; z-index: 3; } .pro-nextabout04{ position: absolute; right: 0; bottom: 38%; z-index: 3; } .pro-prevabout04{ position: absolute; left: 0; bottom: 38%; z-index: 3; } .kefu-top{ right: 48px; } .kefu-on{ right: 48px; } .douyin-on{ right: 48px; } .kefu-telbg{ top: -10px; } .concetp-h1{ width: 100%; text-align: center; font-size: 0.2rem; padding-bottom: 0.2rem; } .concetp-h2{ width: 100%; text-align: center; font-size: 0.32rem; line-height: 1; color: #1a1a1a; font-weight: 500; } .concept-bg { width: 100%; padding: 0.4rem 0 0.5rem; clear: both; display: block; } .concetp-li { text-align: center; width: 50%; padding: 0.1rem 0.2rem; box-sizing: border-box; } .concetp-flex{ width: 100%; } .concetp-tit02{ font-size: 0.16rem; padding-top: 0.1rem; line-height: 1.5; } .concetp-tit01{ font-size: 0.24rem; } .concetp-img img{ width: 1rem; padding: 0.08rem; box-sizing: border-box; } .href-tit{ font-size: 0.24rem; } .hrefcol a { font-size: 0.18rem; } .sinye .ann_right{ width: 100%; padding: 0; } .sinye .ann_left{ width: 100%; display: none; } .sinye .gdcontaion{ display: block; width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box; position: relative; } .sinye .ann_daoh{ width: 100%; padding: 0; } .href-flex{ width: 100%; } .kuai_list{ width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } .wapgood{ width: 100%; } .good-item-tep{ display: flex; align-items: center; justify-content: space-between; background: #f8f8f8; padding: 0.15rem; box-sizing: border-box; width: 100%; } .wapgood-pad{ width: 100%; padding: 0 15px; box-sizing: border-box; } .wapgood-h1{ padding: 0.2rem 0; line-height: 1.4; font-size: 0.32rem; } .wapgood-h2{ padding: 0 0 0.2rem; font-size: 0.22rem; line-height: 1.35; color: #555; } .wapswiper-conpad{ width: 100%; box-sizing: border-box; } .wapgood-h3{ font-size: 0.3rem; color: #333333; margin-top: 0.2rem; } .wapgood-h4{ font-size: 0.22rem; color: #555; line-height: 1.35; } .wapswip-banner{ width: 100%; position: relative; } .ann_daonav{ width: 100%; padding-top: 1rem; } .ann_daonav_fixed{ padding-top: 1rem!important; } .certh2 img{ height: auto!important } .wapgood{ display: block; } .wap-btn01 a{ color: #ffffff } .pcwish{ display: none; } .wapsell{ position: absolute; top: 0.2rem; right: 0.2rem; z-index: 33; } .tabbat-cn{ display: block; width: 100%; } .authli-left{ width: 90%; display: block; margin: 0 auto; padding-right: 0; padding-bottom: 0.1rem; } .authli-left:after{ display: none; } .authli-right{ display: block; width: 100%; padding-left: 0; } .shopbag{ padding: 60px 0 20px; } .settl-h2{ display: none; } .bottom-menu-include{ display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; padding: 8px 10px; } .totail-flex { width: 100%; display: flex; justify-content: start; } .topad01{ padding: 0; } .checkout{ border-radius: 1000px; } .submitDis .submitDis-btn{ padding: 0.08rem 0; } .submitData-btn { color: #fff; display: block; padding: 0.08rem 0; width: 100%; } .checkout{ background: #4b83fc; } #selectGoodsMoney{ font-size: 0.24rem; padding-left: 2px; } .accpad{ padding: 2px 0; } .baglist-h1{ width: 100%; font-size: 0.22rem; padding: 0.1rem; box-sizing: border-box; } .para-rowli{ width: 100%; font-size: 0.2rem; padding: 0.1rem 0.1rem 0.3rem ; box-sizing: border-box; } .bag-tep-h2{ font-size: 0.36rem; } .bag-tep-h1{ font-size: 0.22rem; padding-bottom: 0.1rem; line-height: 1.35; } .para-bord { font-size: 0.24rem; } .sec_navigation{ margin-top: 0; } .goods_type_list{ padding: 0; } .toplist02{ font-size: 0.24rem; } .toplist01{ font-size: 0.254rem; font-weight: 700; } .product-esd{ width: 100%; padding: 0 0 0.4rem 0; } .esd-li-name{ width: 100%; padding: 0; font-size: 0.24rem; color: #101010; } .esd-li-btnflex img { margin-right: 0.08rem; width: 0.18rem; vertical-align: middle; } .esd-li-btnflex{ font-size: 0.2rem; padding: 0.02rem 0.18rem; } .input-esd{ padding: 0.4rem 0; } .esd-ft01{ font-size: 0.36rem; color: #101010; font-weight: 600; margin-bottom: 0.135rem; } .input-pad input{ padding: 0.08rem; box-sizing: border-box; } .input-pad{ padding: 0.08rem; } .input-btn { padding: 0.1rem 0.08rem 0.15rem; box-sizing: border-box; display: flex; align-items: center; position: relative; overflow: hidden; } .text03 { padding-bottom: 0.2rem; font-size: 0.2rem; text-align: center; color: #868686; } .input-bot-flex{ padding: 0; } .inleft img { padding-right: 0.02rem; max-width: 0.5rem; } .infont01 { line-height: 1; font-size: 0.18rem; color: #646464; } .infont02{ font-size: 0.24rem; color: #000000; padding-top: 0.08rem; } .dnone{ display: none; } .btn-tel{ padding: 0 0.3rem; box-sizing: border-box; width: 100%; display: block; margin: 0.3rem 0; overflow: hidden; } .btn-tel-bg{ background: #4C85F9; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.34rem; padding: 0.18rem 0; animation: scale 4s linear infinite; position: relative; } .btn-tel-bg img{ width: 0.32rem; margin-right: 0.1rem; line-height: 1; vertical-align: middle; } .esd-foot-left{ display: flex; align-items: center; width: 40%; justify-content: space-between; } .esd-foot-right{ background: #4C85F9; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.3rem; padding: 0.1rem 0.12rem; animation: scale 4s linear infinite; position: relative; flex: 1; margin-left: 0.2rem; } .esd-foot-right a{ color: #ffffff; display: block; } .btn-mob{ line-height: 1; } .input-pad textarea{ padding: 0.08rem; } .chatno{ display: flex; } .chatBg{ width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.3); z-index: 3; top: 0; left: 0; bottom: 0; right: 0; } .chatShow{ width: 60%; height: 200px; background: #ffffff; border-radius: 10px; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -30%; z-index: 4; padding: 15px; box-sizing: border-box; } .chatOk{ width: 100%; text-align: center; } .chatOk img{ width: 0.7rem; } .chat-h1{ width: 100%; font-size: 0.32rem; color: #000; text-align: center; padding: 0 0 0.08rem; } .chat-h2 input{ border:0; width: 90px; } .chat-h2 p{ width: 100%; text-align: center; } .btnChat{ background: #1aad17; border-radius: 0.09rem; color: #ffffff; font-size: 0.32rem; text-align: center; margin: 0.3rem auto 0; max-width: 1.8rem; } .account-flxm { padding: 0; width: 100%; } .person-bg{ padding: 0.15rem; box-sizing: border-box; width: 100%; } .per01 { padding: 0.2rem 0.1rem; box-sizing: border-box; font-size: 0.32rem; } .address-right-pad { width: 100%; background: #fff; padding: 0.1rem 0; box-sizing: border-box; } .addbtn { width: 300px; height: 0.85rem; line-height: 0.85rem; text-align: center; color: #fff; background: #080708; border-radius: 4px; cursor: pointer; } .add-edits { width: 100%; display: flex; align-items: center; padding: 0.25rem 0 0.35rem; } .addnote{ line-height: 1.4; font-size: 0.24rem; } .invoice-width02 { width: 90%; max-width: 1000px; background: #fff; padding: 0.4rem; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99999999; display: none; } .address-bg{ z-index: 999999; background: rgba(0,0,0,0.35); } .navigation-wap{ width: 100%; display: flex; } .nav-tab-wap{ width: 25%; background: #F6F6F6; } .nav-content-wap{ width: 75%; padding: 0.3rem; box-sizing: border-box; position: relative; } .nav-content-h::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 0!important; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 0!important; } .nav-content-h::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 0!important; -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2)!important; background: #fff!important; } .nav-content-h::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2)!important; border-radius: 0!important; background: #fff!important; } .nav-con-ul-wap{ width: 100%; } .nav-content-h{ height: 72vh; padding-bottom: 0.8rem; overflow-y: scroll; } .nav-con-h1-wap{ width: 100%; text-align: center; margin-top: 0.3rem; } .nav-con-flex-wap{ width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 0.35rem; } .nav-con-flex-wap a { width: 50%; padding: 0 0.2rem; box-sizing: border-box; } .nav-con-flex-wap a{ margin-bottom: 0.15rem; } .wap-nav-ban{ width: 100%; position: relative; } .wap-nav-top{ width: 100%; position: relative; z-index: 0; height: 18vh; } .wap-nav-bot{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; padding:0 0.2rem 0.65rem; box-sizing: border-box; } .wap-nav-tep{ color: #ffffff; font-size: 0.22rem; display: flex; align-items: center; } .wap-nav-tep img{ width: 0.38rem; padding-right: 0.05rem; } .wap-nav-cent{ background: #ffffff; position: relative; z-index: 1; width: 100%; margin-top: -0.4rem; border-radius: 0.3rem 0.3rem 0 0; padding: 0; box-sizing: border-box; overflow: hidden; height: 82vh; } .nav-tabli-wap{ width: 100%; padding: 0.3rem 0.18rem; box-sizing: border-box; line-height: 1.2; font-size: 0.26rem; text-align: center; color: #000; font-weight: 400; cursor: pointer; } .navon{ background: #ffffff; color: #10468F; font-weight: 600; } .navbar-flex{ width: 100%; display: flex; align-items: center; justify-content: flex-end; } .nav-con-tep-wap p{ width: 100%; text-align: center; color: #000000; font-size: 0.24rem; font-weight: 400; line-height: 1.2; padding: 0.15rem 0 0.15rem; } .nav-content-arr .navbar-flex{ display: none; } .nav-content-arr .navbar-flex a{ text-align: right; color: #656565; font-size: 0.24rem; line-height: 1; } .nav-con-h1-wap a{ color: #000; font-size: 0.28rem; font-weight: 500; padding-bottom: 0.3rem; } .nav-content-arr{ width: 100%; background: #ffffff; padding-bottom: 0.2rem; } .wap-nav-logo{ position: absolute; top: 0.45rem; left: 0.35rem; z-index: 2; width: 2.4rem; } .nav-con-img-wap{ width: 100%; display: flex; align-items: center; justify-content: center; height: 1rem; overflow: hidden; } .nav-con-img-wap img{ max-width: 100%; height: 1rem; } .adver-certbg { width: 100%; background: #f8f8f8; padding: 1.2rem 0 1rem; } .cooperation-list{ width: 33.3%; padding: 0.1rem; box-sizing: border-box; } .coop-001{ font-size: 0.2rem; padding: 0.1rem 0 0.12rem; color: #6F6F6F; width: 100%; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .cert-width{ width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } .adver-ch1{ width: 100%; text-align: center; font-size: 0.36rem; line-height: 1; color: #1a1a1a; font-weight: 500; color: #101010; padding: 0.35rem 0 0.36rem; } .cert-home{ padding-left: 0.1rem; font-size: 0.24rem; } .easytit{ display: block; font-size: 0.36rem; font-weight: 600; width: 100%; padding-top: 30px; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; display: block; font-size: 18px; font-weight: bold; color: #333; } .industrial-page02-right{ padding-left: 0.1rem; } .industrial-page02-left{ width: 50%; } .industrial-page02-right{ width: 50%; padding-left: 0.2rem; box-sizing: border-box; } .ind-h1{ padding-top: 0.10rem; padding-bottom: 0.16rem; font-size: 0.2rem; font-weight: 400; } .ind-h2{ font-size: 0.32rem; font-weight: 500; padding-bottom: 0.135rem; text-align: left; } .ind-ul{ padding: 0.1rem 0 0.15rem; } .ind-li{ padding-right: 0.15rem; } .ind-li img{ height: 0.4rem; } .ind-li p{ font-size: 0.2rem; } .indbg01{ background: #4c85f9; border-radius: 6px 0 0 6px; color: #ffffff; font-weight: 600; width: 1.6rem; height: 0.6rem; } .indbg02 { border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-radius: 0 6px 6px 0; color: #4c85f9; font-weight: 600; width: 1.6rem; height: 0.6rem; box-sizing: border-box; background: #ffff; } .ind-tel-li img { vertical-align: middle; height: 0.3rem; padding-right: 0.01rem; } .ind-tel-flex p{ font-size: 0.2rem; } .industrial-page03-left{ width: 50%; padding-right: 0.2rem; box-sizing: border-box; padding-top: 0.6rem; padding-bottom: 0.6rem; } .industrial-page03-right{ width: 50%; } .concetp-image { width: 100%; padding: 0.2rem 0 0.1rem; } .ind-h3{ line-height: 1.4; } .ind-pro-li{ background: none; } } @media screen and (max-width: 375px) { .aboutfixed { top: 44px; } } @media screen and (max-width: 320px) { .aboutfixed { top: 42px; } .main-compy{ font-size: 0.16rem; } }