@charset "UTF-8"; @font-face { font-family: 'thyFont2'; src: url("../fonts/PLEDG_KI.TTF"); } @font-face { font-family: 'thyFont3'; src: url("../fonts/Questrial-Regular.ttf"); } @font-face { font-family: 'thyFont4'; src: url("../fonts/Wonderbar Demo.otf"); } main { max-width: 1440px; margin: 0 auto; display: block; *zoom: 1; } main:before, main:after { content: " "; display: table; } main:after { clear: both; } html { background: #fff; width: 100%; } body { height: auto !important; } .pic { overflow: hidden; } .pic img { background: url("../Image/loading.gif") no-repeat center; } .header_banner { background: url("../Image/loading.gif") no-repeat center; } /*样式重置*/ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,caption, tbody, tfoot, thead, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin: 0; padding: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; } ins { text-decoration: none; } li { list-style: none; } table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; line-height:40px } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } legend { color: #000; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { border: 0; padding: 0; margin: 0; *font-size: 100%; line-height: 1.2; } a img, img { -ms-interpolation-mode: bicubic; } sub, sup { vertical-align: baseline; } article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; } pre { white-space: pre-wrap; } textarea { resize: none; overflow: auto; } input[type=text]:focus, input[type=password]:focus, textarea:focus { outline: 0; } button, input { outline: 0; } input[type=password]::-ms-reveal { display: none; } input::-ms-clear { display: none; } input:-ms-input-placeholder { color: #999; } .a768 { display:none } /*样式重置*/ @media screen and (max-width: 1700px) { main { max-width: 1360px; } .pc_footer .footer_t .left { margin-right: 6.5%; } .pc_footer .footer_t .mid { margin-left: 6.5%; } .company .a2 .b3 li .c1 { font-size: 22px; } .company .a3 .b3 .left { width: 55%; } .company .a3 .b3 .right { width: 45%; } } @media screen and (max-width: 1550px) { .pc_header .header_nav { margin-right: 65px; } .pc_header .header_lan { margin-right: 70px; } } @media screen and (max-width: 1400px) { main { max-width: 1080px; } .header_sea{ display:none} .pc_header .header_nav li { width: 90px; } .pc_footer .footer_t .mid { width: 410px; margin-left: 3.5%; } .pc_footer .footer_t .left { margin-right: 3.5%; } .banner .swiper-slide .banner1_1 { top: 10%; } .banner .swiper-slide .banner1_2 { top: 13%; } .banner .swiper-slide .banner1_3 { top: 40%; } .banner .swiper-slide .banner1_4 { top: 60%; } .inner_page .news_style li { width: 32%; margin-right: 2%; } .inner_page .news_style li:nth-child(3n) { margin-right: 0; } .company .a3 .b3 .left { height: 420px; } .company .a3 .b3 .right { height: 420px; } .company .a3 .b3 .left .c3 { padding-bottom: 60px; } .banner .swiper-slide .banner3_1 { width: 650px; } } @media screen and (max-width: 1200px) { main { max-width: 970px; } .pro_style_honor li { width: 33.33%; } .pc_header .header_logo { overflow: hidden; } .s2 .a5 .more { display: none; } .news_style li { width: 32%; margin-right: 2%; } .s1 .left .top li .a2 { font-size: 14px; } .pc_footer .footer_t .line { display: none; } .pc_footer .footer_t .left { width: 100%; margin-right: 0; } .pc_footer .footer_t .left .a1 { float: left; } .pc_footer .footer_t .left .a2 { float: left; height: 47px; line-height: 47px; padding-top: 0; padding-left: 4%; } .pc_footer .footer_t .left .a3 { float: left; height: 47px; line-height: 47px; padding-top: 0; padding-left: 4%; } .pc_footer .footer_t .left .a4 { float: right; margin-top: 3.5px; } .pc_footer .footer_t .mid { width: 100%; margin-left: 0; } .pc_footer .footer_t .right { width: 100%; float: left; padding-top: 30px; } .pc_footer .footer_t .right .a1 .b1 { float: left; } .pc_footer .footer_t .right .a1 .b2 { float: left; margin-right: 0; margin-left: 20px; } .s2 .a5 .swiper-slide li { border-right: 1px solid #dcdcdc; } .inner_main { max-width: 970px; } .info_location { padding-top: 40px; } .company .a3 .b3 .left { width: 100%; } .company .a3 .b3 .right { display: none; } } @media screen and (max-width: 992px) { main { max-width: 750px; } .company_top { padding-top: 40px; } .banner .swiper-slide .banner3_1 { width: 450px; } .pc_header, .pc_footer { display: none; } .mobile_header, .mobile_footer { display: block; } .a1920 { display:none } .a768 { display: block } .detail-1 { display:none!important; } .mdetail-1 { display: block!important; } .banner { padding-top: 40px !important; } .small_banner { height: 300px; } .small_banner .pic { height: 300px; } .small_banner .mask .a1 { padding-top: 100px; } .s1 { background: rgba(245, 245, 245, 0.9); } .s1 .right { width: 100%; height: 200px; top: 0px; } .s1 .right .needCover { display: none; } .s1 .left { background: rgba(245, 245, 245, 0.9); width: 100%; } .s1 .left .top li { border-right: none; } .s3 { background-attachment: scroll; padding-top: 50px; padding-bottom: 50px; } .s4 .left { width: 100%; } .s4 .left .a4 { padding-top: 50px; padding-bottom: 40px; } .s5 .a2 { padding-bottom: 40px; } .s5 .news_style li { width: 49%; margin-right: 2%; } .s5 .news_style li:last-child { display: none; } .s5 .news_style li:nth-child(2) { margin-right: 0; } .pro_style_3 li { width: 50%; } .inner_main { max-width: 750px; } .inner_page .news_style li { width: 49%; margin-right: 2%; } .inner_page .news_style li:nth-child(3n) { margin-right: 2%; } .inner_page .news_style li:nth-child(2n) { margin-right: 0 !important; } .company .a1 { padding-top: 50px; padding-bottom: 50px; } .company .a1 .left { width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px; } .company .a1 .left .b2 { padding-top: 40px; } .company .a1 .left .b3 { padding-bottom: 40px; } .company .a1 .right { width: 100%; padding-top: 30px; height: auto; padding-bottom: 30px; } .company .a1 .right .b3 { padding-top: 20px; } .company .a2 { padding-top: 50px; } } @media screen and (max-width: 900px) { .message_main { padding-left: 10px; padding-right: 10px; } .message_main .inner_form .v-code { width: 100%; } .message_main .inner_form .v-code img { width: auto; float: left; } } @media screen and (max-width: 767px) { .location_wrapper .location { padding: 10px 5px 10px 5px; } .s4 .left .a2 { font-weight: normal; } .s3 .a1 { font-weight: normal; } .s3 .a3 { font-weight: normal; } .company .a3 .b3 .left .c1 { font-weight: normal; } .company .a1 .left .b3 { font-weight: normal; } main { padding-left: 10px; padding-right: 10px; } .company_top { overflow: hidden; } .company_top img { width: 140% !important; margin-left: -20%; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a4 .b2 { display: none !important; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a4 .b3 { display: block !important; } .company .a1 { padding-top: 40px; } .company .a1 .left .b2 { font-size: 22px; padding-top: 20px; } .company .a1 .left .b3 { padding-top: 20px; font-size: 16px; padding-bottom: 20px; } .company .a1 .right .b1 { font-size: 22px; } .company .a1 .right .b2 { margin-top: 10px; } .company .a1 .right .b4 { padding-top: 20px; } .company .a1 .right .b5 { padding-top: 30px; } .company .a2 { padding-bottom: 40px; } .company .a2 .b1 { font-size: 22px; } .company .a2 .b3 { margin-top: 20px; } .company .a2 .b3 .li_on { width: 100%; height: 250px; } .company .a2 .b3 li { width: 100%; height: 100px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .company .a2 .b3 li:last-child { border-bottom: none; } .company .a2 .b3 li .c2 { height: 100px; } .company .a3 { padding-top: 30px; } .company .a3 .b1 { font-size: 22px; } .company .a3 .b3 .left { padding-top: 30px; height: auto; padding-bottom: 30px; } .company .a3 .b3 .left .c1 { font-size: 22px; } .company .a3 .b3 .left .c2 { margin-top: 20px; } .company .a3 .b3 .left .c3 { padding-top: 20px; font-weight: normal; font-size: 15px; padding-bottom: 40px; } .company .a3 .b3 .right { width: 100%; display: block; height: auto; } .inner_main { padding-left: 10px; padding-right: 10px; } .inner_contact_details .inner_company_name { font-size: 18px; } .inner_contact_details .inner_company_name_en { font-size: 12px; } .inner_contact_details .inner_contact_data { font-size: 14px; } .pro_style_honor li { width: 50%; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum { width: 100%; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails { width: 100%; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a1 { padding-top: 10px; font-size: 17px; font-weight: bold; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a2 { font-size: 15px; line-height: 24px; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop .swiper-slide .pic { height: 200px; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryThumbs .swiper-slide .pic { height: 60px; } .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a3 span { font-size: 24px; } .inner_des_title { padding-top: 8px; padding-bottom: 8px; padding-left: 10px; } .inner_pro_content span, .inner_pro_content p, .inner_pro_content li { font-size: 15px !important; } .inner_page .inner_page_right .right_page_bottom .other_product_list li { height: 160px; } .float_nav, .float_contact { display: none; } .sjk{ display:block!important} .sj{ display: none!important} .banner { height: 220px !important; } .banner .banner_container { height: 220px !important; } .banner .banner_container .swiper-container { height: 100%; } .banner .banner_container .swiper-container .slide-inner { height: 100%; } .banner .swiper-slide .banner1_1 { top: 10%; font-size: 14px; display: none; } .banner .swiper-slide .banner1_2 { top: 5%; width: 60%; left: 20%; } .banner .swiper-slide .banner1_3 { top: 46%; font-size: 14px; line-height: 20px; display: none; } .banner .swiper-slide .banner1_4 { width: 120px; height: 40px; bottom: 60px; display: none; } .banner .swiper-slide .banner1_4 a { line-height: 40px; font-size: 14px; } .banner .swiper-slide .banner1_4 a i { font-size: 14px; margin-left: 0; } .banner .banner_con { width: 100%; height: 40px; left: 0; } .banner .banner_con .a1 { line-height: 40px; } .banner .banner_con .a2 { line-height: 40px; } .banner .banner_con .a2 .b1 { line-height: 40px; } .banner .banner_con .a2 .b2 { line-height: 40px; } .banner .swiper-slide .banner3_2 { width: 280px; } .banner .swiper-slide .banner2_1 { width: 180px; top:10% } .s1 .left .top li { width: 50%; height: 100px; } .s1 .left .top li .a1 { padding-top: 10px; font-size: 46px; } .s1 .left .mid { width: 100%; height: auto; background-size: contain; } .s1 .left .mid .a1 { font-size: 22px; } .s1 .left .mid .a2 { width: 100%; } .s1 .left .bottom { height: 40px; } .s1 .left .bottom .a1 { width: 40px; height: 40px; } .s1 .left .bottom .a1 a { line-height: 40px; } .pro_style_3 li { width: 50%; height: 220px; margin-bottom: 8px; } .pro_style_3 li a .word .b1 { font-size: 15px; } .pro_style_3 li a .word .b2 { font-size: 16px; } .pro_style_3 li a .word .b3 { font-size: 14px; width: 100%; } .pro_style_3 li a .word .b4 { display: none; } .s2 { padding-bottom: 50px; } .s2 .a1 { font-size: 22px; padding-bottom: 10px; } .s2 .a3 { line-height: 22px; } .s2 .a5 { margin-top: 25px; } .s2 .a5 .swiper-slide li { height: 220px; } .s2 .a5 .swiper-slide li a .word .b1 { padding-top: 17px; font-size: 18px; } .s2 .a5 .swiper-slide li a .word .b2 { font-size: 16px; } .s2 .a5 .swiper-slide li a .word .b3 { font-size: 14px; width: 100%; } .s2 .a5 .swiper-slide li a .word .b4 { display: none; } .s2 .product_class { width:auto } .s3 .a1 { font-size: 15px; } .s3 .a2 { font-size: 24px; } .s3 .a3 { font-size: 15px; } .s3 .a4 { padding-top: 20px; transform: scale(0.5); -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); } .s4 .left { padding: 30px 10px 30px 10px; } .s4 .left .a1 { font-size: 22px; font-weight: bold; } .s4 .left .a2 { font-size: 18px; } .s4 .left .a3 { width: 70%; line-height: 22px; } .s4 .left .a4 { padding-top: 25px; padding-bottom: 20px; } .s5 { width: 100%; padding-top: 50px; } .s5 .s5_main .left { width: 100%; } .s5 .s5_main .left .top { height: auto; } .s5 .s5_main .left .top .a1 { font-size: 24px; } .s5 .s5_main .left .top .a3 { padding-top: 15px; } .s5 .s5_main .left .top .a4 { margin-top: 20px; } .s5 .s5_main .left .bottom { height: auto; } .s5 .s5_main .left .bottom .a1 a .b2 { margin-top: 60px; } .s5 .s5_main .left .bottom .a1 a .b4 { margin-top: 10px; margin-bottom: 10px; } .s5 .s5_main .right { width: 100%; } .s5 .s5_main .right li { width: 100%; margin-right: 0; height: 200px; } .s5 .s5_main .right li a .word .a1 .b1 { font-size: 24px; } .s5 .s5_main .right li a .word .a2 { margin-top: 0; display:none; height: 60px; } .s5 .s5_main .right li a .word .a3 { margin-top: 10px; } .product_class .b { display: flex; justify-content: space-between; flex-wrap: wrap; } .product_class .b li { width:50%; } .small_banner { height: 200px; } .small_banner .pic { height: 200px; } .small_banner .mask .a1 { font-size: 38px; padding-top: 60px; } .small_banner .mask .a3 { font-size: 16px; } .inner_news_title { font-size: 19px; font-weight: bold; } .inner_page .news_style li { width: 100%; margin-right: 0 !important; padding: 10px; } .inner_page .news_style li a .word .b1 { font-size: 18px; } .inner_page .news_style li a .word .b2 { font-size: 14px; padding-top: 10px; padding-bottom: 10px; line-height: 22px; } .inner_page .news_style li a .word .b4 { padding-top: 5px; padding-bottom: 15px; } .inner_page .news_style li a .word .b4 .c1 { font-size: 18px; } } /*# sourceMappingURL=media.css.map */