@media screen and (min-width: 2200px) { .products-wrap { height: 1200px; } } @media screen and (min-width: 3000px) { .products-wrap { height: 1500px; } } @media screen and (min-width: 1200px) { .transXT50.target { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transYT50.target { transform: translateY(200px); -webkit-transform: translateY(200px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transYT501.target { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transYT502.target { transform: translateY(-30px); -webkit-transform: translateY(-30px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXT501.target { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXf.target { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .action.transYT50, .action.transYT501, .action.transYT502 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .action.transXT50, .action.transXT501, .action.transXf { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); } .action.idys1 { transition-delay: 0.15s; } .action.idys2 { transition-delay: 0.25s; } .action.idys3 { transition-delay: 0.35s; } .action.idys4 { transition-delay: 0.45s; } .action.idys5 { transition-delay: 0.55s; } .action.idys6 { transition-delay: 0.65s; } .action.idys7 { transition-delay: 0.75s; } .loadscale.target { opacity: 0; visibility: hidden; transform: translate(0, 50px) scale(.95); transition: 0.45s all ease-out; } .action.loadscale { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1); transition: 0.45s all ease-out; } .wzload.target { opacity: 0; visibility: hidden; transition: 0.65s all ease-out; } .action.wzload { opacity: 1; visibility: visible; transition: 0.65s all ease-out; } .sytrans.target { opacity: 0; visibility: hidden; transform: scaleY(1.1); transition: 0.65s all ease-out; } .action.sytrans { opacity: 1; visibility: visible; transform: scaleY(1); transition: 0.65s all ease-out; } .action.andw1, .action.iftqh:nth-child(1) { transition-delay: 0.15s; } .action.andw2, .action.iftqh:nth-child(2) { transition-delay: 0.25s; } .action.andw3, .action.iftqh:nth-child(3) { transition-delay: 0.35s; } .action.andw4, .action.iftqh:nth-child(4) { transition-delay: 0.45s; } .action.iftqh:nth-child(5) { transition-delay: 0.55s; } } @media screen and (max-width:1860px) {} @media screen and (max-width:1750px) { .header .yj-bot li { padding: 0 20px; } .search-icon { margin-left: 30px; } .irbot { padding: 30px 20px 50px 45px; } .iicont { padding: 100px 100px 0 100px; } } @media screen and (max-width:1660px) { .products-wrap { height: 800px; } .ftlmenu { margin-left: -70px; } .ftlmenu li { margin-left: 70px; } .cc2title { margin-top: 90px; } } @media screen and (max-width:1550px) { .products-wrap { height: 750px; } .head-zd, .head-wrap { padding: 0 5%; } .hl1 img { width: 150px; } .hl2 img { width: 170px; } .hlline { margin: 0 20px; } .head-zd { height: 30px; line-height: 30px; } .hzhy, .hdlink { font-size: 12px; } .hdlink i { font-size: 15px; } .head-wrap, .header .yj-bot li { height: 70px; line-height: 70px; } .header .yj-bot .yj-link { font-size: 16px; } .search-icon a { font-size: 20px; } .slxs { font-size: 16px; } .mtop { height: 100px; } .gtbt { font-size: 34px; } .icnr { font-size: 16px; margin-top: 30px; } .iicont { padding: 80px 80px 0 60px; } .iimore { width: 150px; height: 45px; line-height: 45px; font-size: 14px; margin-top: 50px; } .icldz { font-size: 50px; } .idsup { font-size: 16px; } .index-products { padding: 100px 0; } .imtxt { font-size: 16px; } .imtxt.active { font-size: 26px; } .ipdesc { font-size: 20px; } .ifticon { font-size: 25px; } .ilcms { font-size: 16px; height: 56px; } .ilcmore { margin-top: 30px; } .flmbt { font-size: 20px; } .flmlink { font-size: 14px; margin-top: 10px; } .flxbt { font-size: 20px; } .flxphone { font-size: 30px; margin: 20px 0; } .flxadr, .feb font { font-size: 14px; } .fl2txt { font-size: 14px; } .fs-select { width: 28%; } .clselect { top: 70px; } .icwz2 { font-size: 20px; } .icwz1 { font-size: 40px; } .about-bot1 { padding: 100px 0; } .alname { font-size: 30px; } .alms { font-size: 16px; margin-top: 30px; } .atnumber { font-size: 50px; } .ansup { font-size: 20px; } .ab2cont { margin-top: 100px; font-size: 24px; } .about-bot3 { padding: 100px 0; } .ab3title { font-size: 35px; } .al3cont { padding: 40px 50px 0 50px; } .ac3bt { font-size: 26px; height: 39px; } .ac3ms { font-size: 14px; margin-top: 20px; height: 72px; } .ac3btn { width: 150px; height: 40px; line-height: 40px; margin-top: 30px; font-size: 14px; } .cdpnbtn { width: 70px; height: 70px; line-height: 70px; font-size: 25px; } .cdcont { padding: 50px; } .cdbt { font-size: 35px; } .cdnr { font-size: 16px; margin-top: 50px; } .about2-wh { padding: 100px 0; } .awhbt { font-size: 30px; } .awhnr { margin-top: 60px; } .adtxt1 { font-size: 20px; } .adtxt2 { font-size: 16px; } .aj2title { font-size: 20px; } .altxt1 { font-size: 18px; } .at2wz { font-size: 16px; } .aw3year .slick-current.ay3item { font-size: 35px; } .ay3item, .ai3mouth, .ac3title { font-size: 20px; } .ac3nr { font-size: 14px; } .about3-wrap { padding: 100px 0; } .al4txt { font-size: 20px; height: 35px; margin-top: 20px; } .pntxt { font-size: 20px; } .plprev, .plnext { width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .nbtitle { font-size: 34px; } .nbxq { margin-top: 20px; } .nbwz { font-size: 16px; } .nbline { margin: 0 15px; } .nbcont { margin-top: 20px; padding-top: 30px; } .ndbot { padding: 90px 0; } .ndreturn a { width: 150px; height: 46px; line-height: 46px; font-size: 14px; margin: 50px auto 80px; } .nbcont { font-size: 16px; } .np2play { font-size: 50px; } .nl2txt { font-size: 20px; height: 70px; margin-top: 15px; } .nw2list li { margin: 30px 0 0 2%; } .page-list { margin-top: 70px; } .products-small .slick-current.psitem:before { border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 10px solid #DE0010; } .psitem { padding-bottom: 20px; } .pcwname { font-size: 30px; } .pcwdesc { font-size: 16px; margin-top: 20px; } .pcwbtn { width: 150px; height: 50px; line-height: 50px; font-size: 14px; } .pcwbtn i { font-size: 15px; } .pbtqh { font-size: 22px; padding: 35px 0; } .pqsup { font-size: 14px; margin-left: 20px; } .fqtw { font-size: 20px; } .fqtw:before { height: 2px; } .fltitle { font-size: 24px; height: 42px; margin-top: 10px; } .fl2r { font-size: 40px; } .factory2-wrap { padding: 40px 0 100px 0; } .cc2bt { font-size: 35px; } .cc2bt:before { width: 140px; } .cc2title { font-size: 24px; margin-top: 60px; } .cc2desc { font-size: 14px; margin-top: 20px; } .ct2-banner .slick-arrow { width: 56px; height: 56px; line-height: 56px; } .ct2-banner .slick-arrow:before { font-size: 20px; } .ct2-banner .slick-next { margin-left: 56px; } .ct2-banner { padding: 100px 0; } .ct2-banner .slick-arrow { bottom: 100px; } .cz2title { font-size: 30px; } .cz2title:before { width: 120px; } .cz2ms { font-size: 16px; } .cz2bot { margin-top: 20px; } .cb2list li { padding: 20px; } .cl2bt { font-size: 18px; height: 31px; } .cl2nr { font-size: 14px; height: 24px; } .ct1bt { font-size: 38px; } .ct1xz1 { margin-top: 55px; } .ct1way, .ct1adr { padding: 50px 100px 50px 50px; } .ct1icon { font-size: 40px; } .ct1num { font-size: 24px; } .ct1txt { font-size: 20px; } .clname { font-size: 20px; } .clwtxt { font-size: 14px; } .clwz { margin-top: 20px; } .ct1bot { padding: 80px 0; } .maps { height: 500px; } .ct1lx { bottom: -100px; } .ej-list { top: 70px; } .irbot { padding: 60px 10px 40px 40px; } .ssbt { font-size: 26px; } .ilitem { margin-top: 20px; } .psitem { margin: 0 25px; } .fwqh { bottom: 190px; } } @media screen and (max-width: 1440px) { .products-wrap { height: 700px; } .icldz { font-size: 40px; } .ftlmenu { margin-left: -50px; } .ftlmenu li { margin-left: 50px; } .fb2l { width: 70%; } } @media screen and (max-width: 1366px) { .iicont { padding: 100px 100px 0 100px; } } @media screen and (max-width: 1280px) { .iicont { padding: 50px 50px 0 40px; } .icldz { font-size: 30px; } .idsup { font-size: 14px; } .hl1 img { width: 130px; } .hl2 img { width: 150px; } .ftlmenu { margin-left: -40px; } .ftlmenu li { margin-left: 40px; } .andw3 { right: 25%; } .andw2 { left: 25%; } .andw1 { left: 15%; bottom: 34%; } .andw4 { right: 15%; bottom: 24%; } .ndbot { width: 90%; } .products-wrap { height: 650px; } } @media screen and (max-width: 1200px) { .fwqh { bottom: 90px; } .irbot { width: 100%; } .nysearch { width: 90%; height: 45px; line-height: 45px; } .nsrk { font-size: 14px; padding: 0 15px; } .nsbtn { width: 20%; font-size: 16px; } .ssbt { font-size: 20px; } .sslist { margin-top: 15px; } .sslist li { padding: 12px 0; } .slwz { font-size: 16px; height: 28px; } .sldate { font-size: 14px; line-height: 28px; } .gbmt { display: block; } .clname { font-size: 16px; } .clwz { margin-top: 10px; } .cb1list li { width: 96%; padding: 20px 0; } .ct1bot { padding: 40px 0; } .header .yj-bot { display: none; } .head-logo .img1 { display: none; } .head-logo .img2 { display: block; } .menu-handler, .menuBox { display: block; } .header { background: #fff; height: 55px; line-height: 55px; position: fixed; top: 0 !important; left: 0; border-bottom: 1px solid #eee; } .mtop { height: 55px; } .head-wrap { height: 55px; line-height: 55px; } .header .nav { margin-top: 0; } .w84 { width: 90%; } .head-zd { display: none; } .hl2, .hlline { display: none; } .head-zd, .head-wrap { padding: 0 55px 0 5%; } .search-icon { margin-left: 0; } .select-language { margin-left: 15px; padding: 0 10px; } .search-icon a { font-size: 16px; } .slxs { font-size: 14px; } .clselect { top: 55px; } .hl1 img { width: 110px; } .scroll { display: none; } .banner .slick-dots { left: 0; width: 100%; text-align: center; bottom: 10px; } .banner .slick-dots li { width: 10px; height: 10px; margin: 0 5px; } .iicont { position: static; width: 100%; padding: 40px 5%; } .iiright { float: none; width: 100%; } .irpic img { width: 100%; } .gtbt { font-size: 20px; } .icnr { font-size: 14px; margin-top: 15px; } .iimore { width: 130px; height: 38px; line-height: 38px; font-size: 12px; margin-top: 30px; } .irbot { position: static; padding: 30px 5%; } .irclist { width: 100%; text-align: center; padding-right: 0; } .index-products, .index-news { padding: 40px 0; } .ipdesc { font-size: 16px; } .ipcmenu { float: none; margin-top: 20px; text-align: center; } .ipcright { float: none; width: 100%; margin-top: 20px; } .imtxt { display: inline-block; margin: 0 5px 0 5px; font-size: 14px; } .imtxt.active { font-size: 18px; } .ibipic, .ibicont { float: none; width: 100%; } .ibicont { margin-top: 30px; padding: 20px; } .icrxt { width: 100%; margin-top: 20px; } .icrbg { width: 100%; } .icrbanner .slick-prev { left: 0; } .icrbanner .slick-next { right: 0; } .icrbanner .slick-arrow { width: 40px; height: 40px; line-height: 40px; } .icrbanner .slick-arrow:before { font-size: 15px; } .ibipic { height: 350px; } .icltype { font-size: 18px; } .iclname { font-size: 16px; margin-top: 5px; } .icllabel { margin-top: 10px; } .irxpic { width: 36px; margin: 0 5px; } .ilcont { padding: 15px; } .inlist li { width: 48%; margin-top: 20px; } .ftlmenu { display: none; } .ftrlx { float: none; width: 100%; } .ftbot1 { padding: 20px 0; } .flxbt { font-size: 16px; } .flxphone { font-size: 20px; margin: 10px 0; } .flxewm { margin-top: 15px; } .feb { margin-right: 10px; } .feb img { width: 80px; } .fb2l { margin-top: 10px; } .fb2l, .fs-select { float: none; width: 100%; } .fs-select { height: 40px; line-height: 40px; margin-top: 10px; font-size: 12px; background-size: 12px 7px; } .flxadr, .feb font, .fl2txt { font-size: 12px; } .flxadr { margin-top: 0; } .icldz { font-size: 30px; } .idsup { font-size: 14px; } .irclist .ilitem { margin-top: 20px; } .irtz { display: none; } .icwz1 { font-size: 24px; } .icwz2 { font-size: 14px; } .about-bot1 { padding: 40px 0; } .ab1left { float: none; width: 100%; margin-top: 0; } .alnl:before { display: none; } .alname { font-size: 20px; } .alms { font-size: 14px; margin-top: 20px; } .altj { margin-top: 20px; } .atnumber { font-size: 28px; } .ansup { font-size: 16px; } .atwz { font-size: 14px; } .altj li:last-child { margin-left: 50px; } .ab1right { float: none; width: 100%; margin-top: 30px; } .ab1right:before { display: none; } .about-bot2, .about-bot3 { padding: 40px 0; } .ab2cv { width: 90%; margin-left: 5%; } .about-bot2 { background-attachment: local; } .ab2cont { margin-top: 40px; font-size: 18px; } .ab3title { font-size: 20px; } .ab3title:before { width: 80px; } .ac3bt { font-size: 18px; height: 27px; } .ac3ms { margin-top: 10px; } .ac3btn { width: 100px; height: 35px; line-height: 35px; font-size: 12px; } .cdbbot { margin-top: 0; } .cdcont { padding: 30px 20px; } .cdpnbtn { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .cdbt { font-size: 20px; } .cdbt:before { width: 80px; } .cdnr { font-size: 14px; margin-top: 30px; } .cdwrap { padding-bottom: 40px; } .cdrturn a { width: 120px; height: 40px; line-height: 40px; font-size: 14px; margin: 30px auto 30px; } .about2-wh { padding: 40px 0; } .awhbt { font-size: 20px; } .andw1, .andw2, .andw3, .andw4 { position: static; text-align: center; float: left; width: 50%; margin-top: 15px; } .anpic { display: none; } .awhnr { margin-top: 15px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .adtxt1, .altxt1 { font-size: 16px; } .adtxt2, .at2wz { font-size: 14px; } .aj2title { width: 200px; height: 40px; line-height: 40px; font-size: 16px; margin: 30px auto 0; } .about2-jzg { padding: 40px 0; } .altxt2 { padding-left: 20px; } .about3-wrap { padding: 40px 0; } .aw3year .slick-arrow { width: 36px; height: 36px; line-height: 36px; } .aw3year .slick-arrow:before { font-size: 13px; } .aw3year { padding: 10px 40px 0 40px; } .aw3year .slick-current.ay3item:before { width: 15px; height: 15px; } .aw3year .slick-current.ay3item { font-size: 20px; margin-top: -7px; } .ay3item { padding-top: 20px; font-size: 16px; } .aw3cont { margin: 30px 0 0 0; } .ai3l { padding: 20px 0; } .ai3mouth, .ac3title { font-size: 16px; } .ai3pic { margin-left: 3%; } .about4-wrap { padding: 20px 0 40px 0; } .aw4list li { padding: 15px; margin-top: 20px; } .al4txt { font-size: 16px; height: 28px; margin-top: 10px; } .al4tp { height: 200px; } .news-wrap { padding: 20px 0 40px 0; } .page-list { margin-top: 30px; } .ndbot { padding: 40px 0; } .nbtitle { font-size: 20px; } .nbxq { margin-top: 10px; } .nbwz { font-size: 14px; } .nbline { margin: 0 10px; } .nbcont { font-size: 14px; } .ndreturn a { width: 130px; height: 40px; line-height: 40px; font-size: 14px; margin: 30px auto 40px; } .np2play { font-size: 30px; } .nl2txt { font-size: 18px; height: 62px; } .nw2list li { margin: 20px 0 0 2%; } .psitem { margin: 0 20px; } .products-small .slick-arrow { width: 38px; height: 38px; line-height: 38px; } .products-small .slick-arrow:before { font-size: 13px; } .products-small { padding: 40px 60px 30px 60px; } .pwbox { padding: 40px 5%; } .pcwname { font-size: 20px; } .pcwdesc { font-size: 14px; margin-top: 10px; } .pwbcont { padding: 0; } .pcwbtn { height: 40px; line-height: 40px; } .pbtqh { font-size: 18px; padding: 20px 0; } .pqsup { margin-left: 5px; } .factory2-wrap { padding: 20px 0 40px 0; } .fw2list li { margin: 20px 0 0 3%; } .fw2list li { padding: 20px; } .fldate { font-size: 14px; } .fltitle { font-size: 18px; height: 31px; } .fl2r { font-size: 28px; } .ct2line { height: 5px; margin: 20px auto 20px; } .ct2-banner { padding: 40px 5%; } .cc2bt { font-size: 20px; } .cc2bt:before { width: 80px; } .cc2title { font-size: 18px; margin-top: 20px; } .ct2-banner .slick-arrow { left: 61%; } .ct2-banner { width: 100%; overflow: hidden; } .cb2item { margin-right: 0; } .ct2-banner .slick-list { overflow: hidden; } .ct2-banner .slick-arrow { bottom: 40px; } .contact2-zp { padding: 40px 0; } .cz2title { font-size: 20px; } .cz2title:before { width: 80px; } .cb2list li { width: 30.333%; padding: 15px; } .zpbot { width: 100%; padding: 60px 5%; } .zpclose { left: auto; right: 0; top: 0; } .zpclose { width: 50px; height: 50px; line-height: 50px; } .zpclose i { font-size: 20px; } .zpcont { height: calc(100vh - 120px); } .ct1bt { font-size: 20px; top: 20%; width: 90%; } .ct1lx { position: static; width: 100%; transform: translateX(0); } .ct1way, .ct1adr { float: none; width: 100%; padding: 20px 5%; } .ct1adr { border-left: none; border-top: 1px solid #eee; } .ct1icon { font-size: 30px; } .ct1num { font-size: 20px; } .ct1xz1, .ct1xz2 { margin-top: 10px; font-size: 14px; } .ct1txt { font-size: 16px; } .maps { height: 300px; } .irbot { transform: translateX(0); } .iftbot { display: flex; } .iftqh { flex: 1; position: static; float: left; } .iftqh.active .ifticon { transform: scale(1.1); } .iftxt { margin-top: 30px; font-size: 14px; } .iftab { height: auto; bottom: 20px; } .iftab { background: none; } .ifcv { top: 40px; left: 5%; } .tk-bot { width: 600px; height: 350px; } .ilitem { width: 50%; border-top: 1px solid #ef7982e6; margin-top: 0 !important; padding: 15px 0; } .ilitem:nth-child(1), .ilitem:nth-child(2) { border-top: none; } .fwbanner { height: 100vh; } .fbpic img { width: auto; } } @media screen and (max-width: 1024px) { .nopic .ai3cont { width: 100%; } .al3pic, .al3cont { float: none !important; width: 100%; } .al3cont { padding: 20px; } .ab3list li { margin-top: 20px; } .ai3pic { margin-left: 0; margin-top: 15px; } .ai3cont, .ai3pic, .ai3mouth { float: none; width: 100%; } .ai3cont { margin-top: 15px; } .ac3nr { margin-top: 10px; } .nw2list li { width: 48%; } .ci2pic, .ci2cont { float: none; width: 100%; } .ci2cont { margin-top: 20px; } .ct2-banner .slick-arrow { bottom: auto; top: 30%; } .ct2-banner .slick-prev { left: 5% !important; } .ct2-banner .slick-next { margin-left: 0; right: 5% !important; } .ct2-banner .slick-arrow { left: auto; } .ct2-banner .slick-arrow { width: 40px; height: 40px; line-height: 40px; } .ct2-banner .slick-arrow:before { font-size: 15px; } .products-wrap { height: 500px; } } @media screen and (max-width: 860px) { .ifticon { width: 40px; height: 40px; line-height: 40px; font-size: 15px; } .iftxt { margin-top: 15px; } .tk-bot { width: 90%; height: 250px; } .tbclose { right: 0; } .tbclose i { font-size: 25px; } } @media screen and (max-width: 750px) { .aw4list li { width: 47%; } } @media screen and (max-width: 640px) { .icrbanner .slick-arrow { top: 30%; } .inlist li { width: 98%; } .ilcmore { margin-top: 15px; } .ilcms { margin-top: 5px; } .icpic img { position: relative; width: auto; height: 174px; left: 50%; margin-left: -320px; } .aj2list li { width: 100%; padding: 15px; } .aj2list { margin-top: 20px; } .altxt2 { padding-left: 15px; } .altxt1 { width: 15%; } .altxt2 { width: 85%; } .aj2list li:nth-child(3) { border-bottom: 1px solid rgba(255, 255, 255, .46); } .al4tp { height: 100px; } .plprev, .plnext { width: 35px; height: 35px; line-height: 35px; } .pntxt { font-size: 16px; margin: 0 5px; } .plnum { line-height: 35px; } .nbwz { display: block; } .nbline { display: none; } .nl2txt { font-size: 16px; height: 56px; } .psitem { margin: 0 10px; } .pbcpic, .pbcwz { float: none; width: 100%; } .pbcwz { margin-top: 30px; } .pwbtab { display: block; width: 100%; box-sizing: border-box; padding: 0 5%; margin: 0 auto; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .pbtqh { flex: auto; display: inline-block; margin: 0 10px; padding: 10px 0 0 0; } .pbtqh { font-size: 16px; } .pwbtab { padding-bottom: 10px; } .fwqh { width: 90%; box-sizing: border-box; } .fqtxt { margin: 0 5px; } .fqtw { text-align: center; font-size: 18px; } .fqtw:before { width: 80%; left: 50%; transform: translateX(-50%); } .fw2list li { width: 97%; } .ct2-banner .slick-arrow { top: 25%; } .cb2list li { width: 97%; margin: 20px 0 0 3%; } .cl2db { margin-top: 20px; } .maps { height: 180px; } .iftab { position: static; margin-top: 20px; } .iftxt { color: #666; } .ifticon:before { border: 1px solid #999; } .iftqh.active .ifticon:before { border: 1px solid #DE0010; } .iftxt { opacity: 1; visibility: visible; font-size: 12px; height: 21px; overflow: hidden; } .iftqh { box-sizing: border-box; padding: 0 5px; } .products-wrap { height: 850px; } .pbcpic .slick-dots { bottom: 10px; } .pbcpic .slick-dots li { width: 10px; height: 10px; line-height: 10px; margin: 0 6px; } } @media screen and (max-width: 480px) {} @media screen and (max-width: 420px) { .ct1bt { top: 15%; } .products-wrap { height: 750px; } .bisp{ height: 236px; } .banner .bwitem .pimg{ width: auto; height: 236px; left: 50%; margin-left: -210px; } } @media screen and (max-width: 375px) { .products-wrap { height: 700px; } }