@charset "utf-8"; body { min-height: 0 !important; min-width: 0 !important; } @media only screen and (min-width: 769px){ .swiper-button-next:after, .swiper-button-prev:after { font-size: 20px !important; color: #fff !important; } .fa_pageNavs .fa_item a.fa_link { padding: 30px 0; display: block; text-align: center !important; } } @media only screen and (max-width: 1800px) and (min-width: 769px){ #c_navigation_006_P_063-1668417941925 .e_navigationF-24 .haveThree:nth-child(3) .p_level3Box .p_level3Item { padding: 0 58px; } } @media only screen and (max-width: 1600px) and (min-width: 769px){ :root { --padding: 80px 10px 40px 10px !important; --margin: 90px auto; --m80: 80px 0; --m50: 50px 0; --f80: 80px; --f70: 70px; --f60: 36px !important; --f50: 50px; --f48: 48px; --f40: 40px; --f36: 26px !important; --f30: 30px; --f28: 28px; --f26: 26px; --f24: 24px; --f22: 22px; --f20: 20px; --f18: 18px; } } @media only screen and (max-width: 1440px) and (min-width: 769px){ #c_navigation_006_P_063-1668417941925 .e_navigationF-24 .haveThree:nth-child(3) .p_level3Box .p_level3Item { padding: 0 38px; } #c_magiccube_009-1680778002360 .p_right { height: 600px; } #c_static_001-1680786056380 .e_image-1 img,#c_static_001-16807881846320 .e_image-1 img,#c_static_001-16807885419220 .e_image-1 img,#c_static_001-16807886283300 .e_image-1 img,#c_static_001-16807886944360 .e_image-1 img { max-height: 700px; } } @media only screen and (max-width: 1280px) and (min-width: 769px){ #c_navigation_006_P_063-1668417941925 .e_navigationF-24 .haveThree:nth-child(3) .p_level3Box .p_level3Item { padding: 0 36px; } #c_magiccube_009-1680778002360 .p_right { height: 500px; } #c_static_001-1680786056380 .e_image-1 img,#c_static_001-16807881846320 .e_image-1 img,#c_static_001-16807885419220 .e_image-1 img,#c_static_001-16807886283300 .e_image-1 img,#c_static_001-16807886944360 .e_image-1 img { max-height: 610px; } } /* ipad端 */ @media only screen and (max-width: 1000px) and (min-width: 769px){ /* 导航 */ .p_haveNav { min-height: auto !important; } .p_haveNav.fix { position: fixed !important; z-index: 1000; top: 0; left: 0; right: 0; background: #fff; } #c_navigation_006_P_697-16807612520200 { background: #fff; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_iconBox { display: block; width: auto; height: auto; } #c_navigation_006_P_697-16807612520200 .e_container-21 { position: relative; width: 100%; padding: 0px 15px 0px 15px; justify-content: space-between; } #c_navigation_006_P_697-16807612520200 .e_container-21 .cbox-21-0 { flex: 0 0 200px; } #c_navigation_006_P_697-16807612520200 .e_image-16 img { display: none; } #c_navigation_006_P_697-16807612520200 .e_image-16 img.logocai { display: block; } #c_navigation_006_P_697-16807612520200 .e_container-21 .cbox-21-1 { padding-right: 0; margin-right: 0; margin-top: 4px; margin-left: auto; flex: 0 0 auto; } #c_navigation_006_P_697-16807612520200 .icon { color: #333; } #c_navigation_006_P_697-16807612520200.active .e_html-17 .search_warp svg { fill: #333; } #c_navigation_006_P_697-16807612520200 .e_html-17 .search_warp svg { fill: #333; } #c_navigation_006_P_697-16807612520200 .e_container-21 .cbox-21-2 { flex: 0 0 auto; position: absolute !important; right: 85px; z-index: 5; } #c_navigation_006_P_697-16807612520200 .e_html-17 { padding-left: 10px; padding-right: 10px; } #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; clear: left; } #c_navigation_006_P_697-16807612520200 .e_html-26 { display: none; } #c_navigation_006_P_697-16807612520200 .e_image-16 { display-radio: 1; max-width: 140px; margin-top: 8px; margin-bottom: 8px; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox1 { width: 100%; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navCon { display: flex; justify-content: space-between; position: relative; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_img { display: none; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_imgBox { display: none; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox1, #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox2 { width: 100%; display: block; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navCon a { display: block; padding: 0; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navCon::before { display: none; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navBox2 ul::after { display: none; } #c_navigation_006_P_697-16807612520200 .e_button-30 { display: none; } #c_navigation_006_P_697-16807612520200 .e_navigationC-29 .p_navItem1:last-child { display: block; } /* banner */ #c_static_001_P_19597-1682476127785 { min-height: auto; margin-top: 0px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_info_fivebox { width: 100%; padding-bottom: 40px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_summary { font-size: 18px; line-height: 1.4; margin-bottom: 20px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_btitle { font-size: 28px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_cspan::before, #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_cspan::after { width: 10px; height: 10px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_cspan::after { margin-left: -3px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_kongjian { max-width: 55px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_arr { max-width: 80px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_video_button { max-width: 55px; bottom: 106px; height: 28px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .swiper-pagination-bullet { width: 6px; height: 6px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .swiper-pagination-bullet-active { height: 20px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_btn_prev { width: 28px; height: 28px; margin: 0px auto 0; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_video_button span { width: 28px; height: 28px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_btn_next { width: 28px; height: 28px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_btn_prev::after { font-size: 12px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_btn_next::after { font-size: 12px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .swiper-container { height: 70vh; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_info { left: 4%; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_cspan { margin-top: 20px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_video_button svg { width: 12px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .swiper-pagination { right: 27px; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .videoContent video { height: 100%; width: auto; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_scrool span { display: none; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 {background_radio:1; } #c_static_001_P_19597-1682476127785 .e_bannerD-3 .p_scrool{ display: none; } #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } /* TAB页签 */ #c_magiccube_009-1680778002360 .p_tab_wrapper { display: flex; flex-wrap: wrap; } #c_magiccube_009-1680778002360 .p_right { flex-direction: row-reverse; height: auto; } #c_magiccube_009-1680778002360 .right { float: right; width: 100%; display: block; } #c_magiccube_009-1680778002360 .right .tab-item { width: 100%; display: block; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20%; display: flex; align-items: center; justify-content: flex-start; font-size: 18px; font-weight: normal; background: #707175; color: #fff; border-top: 1px solid #7f7f82; padding-left: 110px; background-repeat: no-repeat; background-position: left center; background-position-x: 40px; background-size: 38px auto; } /* 解决方案 */ /* 生产能力 */ #c_effect_097-1679998271564 .e_loop_sub-3 .p_loopItem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1); } #c_effect_097-1679998271564 .e_loop_sub-3 .p_loopItem:nth-child(1) { z-index: 999; } #c_effect_097-1679998271564 .e_loop_sub-3 .p_loopItem:nth-child(2) { z-index: 998; position: absolute; left: 0px; top: 0px; } #c_effect_097-1679998271564 .e_loop_sub-3 .p_loopItem:nth-child(3) { display: none; } #c_effect_097-1679998271564 .e_loop_sub-3 .p_loopItem:nth-child(4) { display: none; } #c_effect_097-1679998271564 .e_loop_sub-3 .p_loopItem:nth-child(5) { display: none; } #c_effect_097-1679998271564 .e_container-2:hover .e_loop_sub-3 .p_loopItem:nth-child(1) { opacity: 0; } #c_effect_097-1679998271564 .e_loop-1 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1); } #c_effect_097-1679998271564 .e_subImg-4 { margin-left: 1px; margin-right: 1px; display-radio: 1; } #c_effect_097-1679998271564 { display-radio: 1; padding-left: 0px; padding-right: 0px; } #c_effect_097-1679998271564 .e_loop-1 { display-radio: 1; padding-left: 0px; padding-right: 0px; } #c_effect_097-1679998271564 .e_container-10 { display-radio: 1; } #c_effect_097-1679998271564 .e_container-2 { display-radio: 1; width: auto; max-width: none; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto; } #c_effect_097-1679998271564 .e_text-6 {font_radio:2; display-radio: 1; font-size: 20px; color: rgba(255,255,255,1); line-height: 1; } #c_effect_097-1679998271564 .e_richText-7 {font_radio:1; display-radio: 1; } #c_effect_097-1679998271564 .e_button-13 { line-height: 40px; background_radio:1; border_radio:1; font_radio:1; radius_radio:1; display-radio: 1; margin-top: 20px; max-width: 120px; } #c_effect_097-1679998271564 .e_container-2:hover .e_container-12 { bottom: 25%; transition: 0.6s all; } /* 新闻资讯 */ #c_static_001-16812918962770 .e_container-8 > .p_item { width: 100%; } #c_static_001-16812918962770 .e_loop_I-6 { flex-wrap: wrap; display-radio: 1; margin-left: 0px; } #c_static_001-16812918962770 .e_loop_I-6 .p_first { width: 100%; } #c_static_001-16812918962770 .e_loop_I-6 .p_right { width: 100%; margin: 0; } #c_static_001-16812918962770 .e_container-8>.p_item:nth-child(1) { display: none; } #c_static_001-16812918962770 .e_text-20 {font_radio:2; display-radio: 1; font-size: 24px; color: #333333; line-height: 1.5; font-family: Microsoft YaHei; } #c_static_001-16812918962770 { display-radio: 1; padding-top: 20px; padding-bottom: 0px; } #c_static_001-16812918962770 .e_container-4 { display-radio: 1; } #c_static_001-16812918962770 .e_container-4 .cbox-4-0 { align-self: center; } #c_static_001-16812918962770 .e_container-4 .cbox-4-1 { align-self: center; } #c_static_001-16812918962770 .e_text-11 {font_radio:2; display-radio: 1; font-size: 18px; color: #333333; line-height: 1; } #c_static_001-16812918962770 .e_image-9 { display-radio: 1; } #c_static_001-16812918962770 .e_container-7 { display-radio: 1; margin-top: 0px; margin-bottom: 0px; } #c_static_001-16812918962770 .e_container-8 { display-radio: 1; padding-top: 20px; padding-bottom: 20px; width: auto; } #c_static_001-16812918962770 .e_loop_I-6 .cbox-6:nth-child(odd) { padding-top: 0px; padding-bottom: 0px; } #c_static_001-16812918962770 .e_container-14 { display-radio: 1; } #c_static_001-16812918962770 .e_container-8 .p_item { display-radio: 1; } /* 网站底部 */ #c_static_001_P_2202-16814690526100 .e_container-35 { flex-direction: column; display-radio: 1; padding-top: 0px; padding-bottom: 0px; margin-top: 15px; margin-bottom: 15px; } #c_static_001_P_2202-16814690526100 .e_container-35 .cbox-35-0 { display: none; } #c_static_001_P_2202-16814690526100 .e_container-35 .cbox-35-1 { display: none; } #c_static_001_P_2202-16814690526100 .e_bottomNav-47 .p_menuItem { line-height: 2; display: flex; justify-content: space-between; } #c_static_001_P_2202-16814690526100 .e_container-35 .cbox-35-2 { display: block; flex: 0 0 auto; } #c_static_001_P_2202-16814690526100 .e_container-34 { flex-direction: column; } #c_static_001_P_2202-16814690526100 .e_bottomNav-47 .p_level1Box ul { display: none; } #c_static_001_P_2202-16814690526100 .e_bottomNav-47 .p_level2Box, #c_static_001_P_2202-16814690526100 .e_bottomNav-47 .p_level3Box { padding-left: 10px; } #c_static_001_P_2202-16814690526100 .e_bottomNav-47 .p_jtIcon { align-items: stretch; width: auto; height: auto; max-width: 25px; font-size: inherit; transition: 0.5s; } #c_static_001_P_2202-16814690526100 .e_bottomNav-47 .p_jtIcon.active { transform: rotateZ(90deg); } #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100% !important; margin: 0 !important; } #c_static_001_P_2202-16814690526100 .e_line-26 { display: none; display-radio: none; } #c_static_001_P_2202-16814690526100 .e_text-36 { font_radio:2; display-radio: 1; font-size: 14px; color: rgba(0,0,0,0.5); line-height: 1; text-align: center; } #c_static_001_P_2202-16814690526100 .e_container-38 { display-radio: 1; flex-direction: column; } #c_static_001_P_2202-16814690526100 .e_richText-40 { font_radio:2; display-radio: 1; font-size: 14px; color: rgba(0,0,0,0.5); line-height: 1; text-align: center; } #c_static_001_P_2202-16814690526100 { display-radio: 1; min-height: 0px; padding-bottom: 40px; padding-top: 0px; } #c_static_001_P_2202-16814690526100 .e_container-38 .cbox-38-2 { margin-left: auto; margin-right: auto; margin-top: 0px; } #c_static_001_P_2202-16814690526100 .e_credible-55 {background_radio:1; display-radio: 1; margin-left: auto; margin-right: auto; margin-top: 10px; } #c_static_001_P_2202-16814690526100 .e_provider-54 {font_radio:1; display-radio: 1; margin-left: auto; margin-right: auto; } #c_static_001_P_2202-16814690526100 .e_container-38 .p_item { display-radio: 1; } #c_static_001_P_2202-16814690526100 .e_container-38 .cbox-38-0 { padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 768px){ .e_breadcrumb-3 .p_breadcrumb { display: flex; flex-wrap: wrap !important; } } @keyframes move-forever { /* 开始状态 */ 0% { transform: translate(-90px,0); } /* 结束状态 */ 100% { transform: translate(85px,0); } } .sideBar { position: fixed; right: 0; top: 40%; transform: translateY(-50%); z-index: 998; } .side1 { width: 50px; height: 150px; background: #222; text-align: center; transition: all 0.5s; display: flex; align-items: center; justify-content: center; } .side12 i:after { content: "联系热线"; font-size: 12px; position: absolute; top: 26px; left: 14px; color: #fff; } .side12 { top: 100px; right: -144px; width: 218px; } .side1 a, .side1 img, .side1 i, .side1 span { display: block; } .side1 img { margin: 0 auto; } .side1 i { margin: 10px auto; width: 1px; height: 20px; background: #fff; transition: all 0.5s ease; } .side1 span { color: #fff; font-size: 14px; writing-mode: vertical-lr; margin: 0 auto; letter-spacing: 2px; } .side1:hover { background: rgb(221 117 28 / 100%); } .side1:hover a img { animation: jitter 0.5s; } .side { height: auto; position: absolute; transition: all 0.5s; } .side a { display: block; height: 74px; font-size: 0; } .side i, .side span { display: inline-block; vertical-align: middle; height: 100%; line-height: 55px; } .side i { width: 74px; text-align: center; transition: all 0.3s; background: rgb(0,0,0,0.4) !important;border-radius: 4px;} .side i img { vertical-align: middle; max-width: 24px;} .side6 img{ margin-top: 17px;} .side span { text-align: center; line-height: 74px; background: #004899; font-size: 13px; color: #fff; transition: all 1s; } .side2 { top: 180px; right: -144px; width: 218px; } .side2 i:after { content: "商务询价"; font-size: 12px; position: absolute; top: 26px; left: 13px; color: #fff; } .side3 i:after { content: "天猫旗舰店"; font-size: 12px; position: absolute; top: 26px; left: 9px; color: #fff; } .side5 i:after { content: "微信公众号"; font-size: 12px; position: absolute; top: 26px; left: 9px; color: #fff; } .side2 span { width: 140px; } .side3 { right: -144px; width: 218px; top: 260px; } .side3 span { width: 210px; } .side4 { right: -140px; width: 210px; top: 263px; } .side4 span { width: 140px; } .side5 { right: -94px; width: 168px; top: 340px; cursor: pointer; } .side5 span { width: 90px; font-size: 14px; } .side6 { right: -94px; width: 168px; top: 340px; cursor: pointer; } .side6 span { width: 90px; font-size: 14px; } .qcodePic { width: 100%; position: absolute; top: 78px; left: 0; display: none; z-index: 99; text-align: center; background: #fff; border: 1px solid #e5e5e5; } .qcodePic img{ width: 100%; } .side5:hover .qcodePic { display: block; } .side6 { right: -94px; width: 168px; top: 420px; cursor: pointer; height: 74px; overflow: hidden; } .side6 span { width: 90px; font-size: 14px; } .side:hover { right: 0; } .side:hover i { background: rgb(221 117 28 / 100%); } .wxPic { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: none; } .wxPic img { width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .m-foot { position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background: #f5f5f5; display: none; } .m-foot ul { font-size: 0; text-align: center; height: 54px; } .m-foot ul li { float: left; width: 20%; height: 54px; display: flex; justify-content: center; align-items: center; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } .m-foot ul li:nth-child(3) { background: #e80101; border-left: none; border-top: 1px solid #e80101; } .m-foot ul li:nth-child(3) span { color: #fff !important; } .m-foot ul li:first-child, .m-foot ul li:nth-child(4) { border-left: none; } .m-foot ul li span, .m-foot ul li img { display: block; margin: 6px auto; } .m-foot ul li span { line-height: 14px; font-size: 12px; color: #1a1a1a; transition: all 0.4s; } .m-foot ul li:hover span { color: #e80101; } .wyz { position: fixed; width: 50px; height: 50px !important; right: 6px; bottom: 150px; z-index: 90; display: none; } @media only screen and (max-width: 768px) { .sideBar { display: none; } .m-foot { display: block; } .wyz { display: block; } }