/* line 1, _var.scss */ :root { --max-width: 1440px; } /* line 1, _basis.scss */ * { padding: 0; margin: 0; box-sizing: border-box; } /* line 7, _basis.scss */ html, body { width: 100%; overflow-x: hidden; } /* line 12, _basis.scss */ a { color: inherit; text-decoration: none; } /* line 16, _basis.scss */ ul, li, ol { list-style: none; } /* line 3, m_style.scss */ .clearfix { zoom: 1; } /* line 6, m_style.scss */ .mobile-header { width: 100%; height: 72px; background: #ffffff; } /* line 11, m_style.scss */ .mobile-header .main { height: 100%; padding-inline: 20px; display: flex; align-items: center; justify-content: space-between; } /* line 18, m_style.scss */ .mobile-header .main .mobile-logo { width: auto; } /* line 21, m_style.scss */ .mobile-header .main .mobile-logo img { display: block; width: 100%; } /* line 27, m_style.scss */ .mobile-header .main .mobile-menu { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } /* line 34, m_style.scss */ .mobile-header .main .mobile-menu .btn { position: relative; width: 35px; height: 3px; background: #e1e0e0; } /* line 40, m_style.scss */ .mobile-header .main .mobile-menu .btn::after { content: ""; position: absolute; left: 0; top: -8px; width: 35px; height: 3px; background: #e1e0e0; } /* line 49, m_style.scss */ .mobile-header .main .mobile-menu .btn::before { content: ""; position: absolute; left: 0; bottom: -8px; width: 35px; height: 3px; background: #e1e0e0; } /* line 62, m_style.scss */ .mobile-nav { position: fixed; z-index: 9999; top: 0; left: 0; width: 0; height: 0; } /* line 70, m_style.scss */ .mobile-nav .main { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; display: none; } /* line 83, m_style.scss */ .mobile-nav .list { position: fixed; top: 0; right: -57vw; padding-top: 20px; width: 57vw; height: 100%; background: #fff; z-index: 2; } /* line 92, m_style.scss */ .mobile-nav .list .clear { height: 26px; margin-right: 20px; margin-bottom: 32px; } /* line 96, m_style.scss */ .mobile-nav .list .clear img { display: block; float: right; width: 26px; } /* line 103, m_style.scss */ .mobile-nav .list .item { width: 100%; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; color: #000000; } /* line 111, m_style.scss */ .mobile-nav .list .item a { display: flex; align-items: center; justify-content: flex-start; width: 100%; font-size: 16px; font-weight: 700; } /* line 118, m_style.scss */ .mobile-nav .list .item a img { display: block; width: 23px; margin-right: 21px; } /* line 125, m_style.scss */ .mobile-nav .list .item.active, .mobile-nav .list .item:hover { color: #00479c; } /* line 132, m_style.scss */ .foot-detail { background: url("/skin/images/m-foot-bg.png") no-repeat center; background-size: cover; margin-top: -13.3333333333vw; } /* line 137, m_style.scss */ .foot-detail .main { padding-top: 19.7333333333vw; padding-inline: 20px; } /* line 141, m_style.scss */ .foot-detail .foot-nav { display: flex; align-items: center; justify-content: space-between; padding: 4vw 0; } /* line 146, m_style.scss */ .foot-detail .foot-nav .item { display: block; width: fit-content; color: #ffffff; font-size: 1.8666666667vw; } /* line 153, m_style.scss */ .foot-detail .info { display: flex; align-items: center; justify-content: space-between; padding: 2.6666666667vw 0; border-top: #d8d8d8 1px solid; border-bottom: #d8d8d8 1px solid; } /* line 161, m_style.scss */ .foot-detail .info .separate { text-align: center; width: 20%; color: #ffffff; font-size: 1.8666666667vw; flex-shrink: 0; } /* line 169, m_style.scss */ .foot-detail .info .address, .foot-detail .info .phone, .foot-detail .info .email { display: flex; align-items: center; justify-content: center; } /* line 175, m_style.scss */ .foot-detail .info .address img, .foot-detail .info .phone img, .foot-detail .info .email img { width: 1.8666666667vw; margin-right: 1.7333333333vw; } /* line 179, m_style.scss */ .foot-detail .info .address .txt, .foot-detail .info .phone .txt, .foot-detail .info .email .txt { color: #ffffff; font-size: 1.8666666667vw; } /* line 184, m_style.scss */ .foot-detail .info .phone { flex-shrink: 0; } /* line 188, m_style.scss */ .foot-detail .bottom { margin-top: 2.6666666667vw; padding-bottom: 2.6666666667vw; display: flex; align-items: flex-start; justify-content: space-between; } /* line 194, m_style.scss */ .foot-detail .bottom .copyright { font-size: 1.6vw; color: #ffffff; } /* line 198, m_style.scss */ .foot-detail .bottom .record { margin-top: 2vw; display: flex; font-size: 1.6vw; color: #ffffff; } /* line 203, m_style.scss */ .foot-detail .bottom .record img { display: block; width: 2vw; height: 2vw; margin-right: 10px; } /* line 210, m_style.scss */ .foot-detail .bottom .qrcode { color: #ffffff; font-size: 1.6vw; } /* line 214, m_style.scss */ .foot-detail .bottom .qrcode img { display: block; margin: auto; margin-bottom: 1.3333333333vw; width: 7.2vw; } /* line 223, m_style.scss */ .foot-product-library { width: 100%; padding: 0.6666666667vw 0; background: #01479d; display: flex; justify-content: center; align-items: center; } @media all and (max-width: 500px) { /* line 223, m_style.scss */ .foot-product-library { display: block; } } /* line 235, m_style.scss */ .foot-product-library .text { color: #fefefe; font-size: 20px; margin-right: 31px; } @media all and (max-width: 500px) { /* line 235, m_style.scss */ .foot-product-library .text { text-align: center; } } /* line 245, m_style.scss */ .foot-product-library .button { width: 160px; height: 37px; background: #16b4b9; display: flex; justify-content: center; align-items: center; } @media all and (max-width: 500px) { /* line 245, m_style.scss */ .foot-product-library .button { margin: 2vw auto auto; } } /* line 257, m_style.scss */ .foot-product-library .button .icon { display: block; width: 18px; } /* line 262, m_style.scss */ .foot-product-library .button .text { font-weight: 600; font-size: 17px; color: #fefefe; margin-right: 15px; padding-right: 15px; border-right: 1px #fff solid; } /* line 273, m_style.scss */ .ue-content a { color: #059aff; } /* line 277, m_style.scss */ .ue-content video { width: 100%; height: 100%; } /* line 282, m_style.scss */ .ue-content blockquote { font: 14px/22px normal helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding: 10px 10px 10px 15px; border-left: 3px solid #ccc; background-color: #f1f1f1; } /* line 292, m_style.scss */ .ue-content p { margin: 5px 0; margin-bottom: 1em; } /* line 297, m_style.scss */ .ue-content table { margin-bottom: 10px; border-collapse: collapse; display: table; } /* line 303, m_style.scss */ .ue-content td, .ue-content th { padding: 5px 10px; border: 1px solid #ddd; } /* line 309, m_style.scss */ .ue-content .ue-table-interlace-color-double { background-color: #f7faff; } /* line 313, m_style.scss */ .ue-content .ue-table-interlace-color-single { background-color: #fcfcfc; } /* line 316, m_style.scss */ .ue-content img { display: block; width: auto; margin: 0 auto; } @media all and (max-width: 425px) { /* line 323, m_style.scss */ .ue-content img { width: 100%; } } /* line 329, m_style.scss */ .slide-article .main { display: flex; justify-content: space-between; align-items: flex-end; margin: auto; padding: 4vw 20px; max-width: var(--max-width); width: 100%; } /* line 338, m_style.scss */ .slide-article .main .en { display: none; position: relative; padding: 0 30px; color: #e4e4e4; font-size: 37px; height: 1em; vertical-align: bottom; line-height: 0.5em; margin-right: 24px; border-right: 1px solid #3f69bd; white-space: nowrap; } /* line 351, m_style.scss */ .slide-article .main .en:first-letter { font-size: 76px; } /* line 355, m_style.scss */ .slide-article .main .en:before { content: ""; width: 1px; height: 100px; position: absolute; bottom: 0; left: 0; background: #3f69bd; } /* line 366, m_style.scss */ .slide-article .main .name { font-size: 4vw; white-space: nowrap; color: #676767; width: 100%; } /* line 373, m_style.scss */ .slide-article .main .icon { width: 4.6666666667vw; height: 4.6666666667vw; border-radius: 50%; flex: none; } /* line 379, m_style.scss */ .slide-article .main .icon img { width: 100%; height: 100%; display: block; } /* line 388, m_style.scss */ .page-banner { height: 500px; display: flex; justify-content: center; align-items: center; } /* line 394, m_style.scss */ .page-banner .search { display: flex; justify-content: flex-end; align-items: center; width: 510px; height: 58px; font-size: 24px; color: #fff; margin-top: 275px; background: #213b62; border-radius: 1000px; border: 1px solid #fff; } /* line 407, m_style.scss */ .page-banner .search .to-search { width: 24px; height: 24px; margin-right: 25px; background: transparent; border: transparent; } /* line 414, m_style.scss */ .page-banner .search .to-search img { display: block; width: 100%; } /* line 420, m_style.scss */ .page-banner .search .input { background: transparent; width: 320px; height: 100%; line-height: 58px; color: #fff; border: 0; box-shadow: none; } /* line 429, m_style.scss */ .page-banner .search .input:focus { outline: 0; } /* line 433, m_style.scss */ .page-banner .search .input::placeholder { color: #fff; } @media all and (max-width: 1024px) { /* line 388, m_style.scss */ .page-banner { display: none; } } /* line 443, m_style.scss */ .product { --color: #375fae; } @media all and (max-width: 1440px) { /* line 443, m_style.scss */ .product { width: calc(100% - 80px); margin: auto; } } /* line 451, m_style.scss */ .product .tabs { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; } /* line 457, m_style.scss */ .product .tabs-item { font-weight: 700; font-size: 22px; text-align: center; border-bottom: 2px solid transparent; cursor: pointer; margin-right: 50px; padding-top: 10px; padding-bottom: 7px; } /* line 467, m_style.scss */ .product .tabs-item:last-child { margin-right: 0; } /* line 471, m_style.scss */ .product .tabs-item.active { border-bottom: 2px solid var(--color); color: var(--color); } @media all and (max-width: 1024px) { /* line 451, m_style.scss */ .product .tabs { overflow: hidden; overflow-x: auto; } /* line 481, m_style.scss */ .product .tabs-item { font-size: 18px; white-space: nowrap; } } /* line 488, m_style.scss */ .product .section { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 35px; } /* line 495, m_style.scss */ .product .section-item { background: #f7f7f7; padding: 8px 17px; font-size: 16px; color: #6c6c6c; margin-right: 20px; margin-bottom: 20px; cursor: pointer; border-radius: 3px; transition: all 0.25s; border-bottom: 2px transparent solid; } /* line 507, m_style.scss */ .product .section-item.active { color: var(--color); border-bottom: 2px var(--color) solid; } /* line 512, m_style.scss */ .product .section-item:hover { color: #fff; background: var(--color); } @media all and (max-width: 425px) { /* line 488, m_style.scss */ .product .section { justify-content: space-between; } /* line 521, m_style.scss */ .product .section-item { width: 49%; margin-right: 0; } /* line 525, m_style.scss */ .product .section-item a { display: block; width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } /* line 534, m_style.scss */ .product .list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /* line 540, m_style.scss */ .product .list-item { border: 1px solid #f0f0f0; text-align: center; background: #f9f9f9; width: 23%; margin-bottom: 35px; cursor: pointer; } /* line 548, m_style.scss */ .product .list-item .icon { display: block; width: 100%; height: 230px; object-fit: cover; } /* line 555, m_style.scss */ .product .list-item .name { line-height: 60px; font-size: 16px; background: #fff; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 563, m_style.scss */ .product .list-item.plac { opacity: 0; visibility: hidden; margin-bottom: 0; } @media all and (max-width: 1024px) { /* line 540, m_style.scss */ .product .list-item { width: 30%; } } @media all and (max-width: 425px) { /* line 540, m_style.scss */ .product .list-item { width: 100%; } } /* line 579, m_style.scss */ .product-detail { padding-inline: 20px; margin-bottom: 15vw; } /* line 584, m_style.scss */ .product-detail .top { display: flex; align-items: flex-start; justify-content: space-between; } /* line 588, m_style.scss */ .product-detail .top img { display: block; width: 40%; } /* line 593, m_style.scss */ .product-detail .info { width: 55%; } /* line 595, m_style.scss */ .product-detail .info-title { font-size: 3.2vw; } /* line 598, m_style.scss */ .product-detail .info .note { font-size: 2.4vw; color: #999999; margin-top: 1.3333333333vw; } /* line 603, m_style.scss */ .product-detail .info .model { font-size: 2.4vw; color: #999999; margin-top: 1.3333333333vw; } /* line 608, m_style.scss */ .product-detail .info a { display: block; margin-top: 6.2666666667vw; font-size: 3.2vw; color: #ffffff; background: #00479c; line-height: 5.3333333333vw; padding-inline: 2vw; width: fit-content; } /* line 619, m_style.scss */ .product-detail .bottom { margin-top: 8vw; box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.08); } /* line 622, m_style.scss */ .product-detail .bottom .cate { height: 13.3333333333vw; border-bottom: 1px #dcdcdc solid; margin-bottom: 6.6666666667vw; padding-left: 2.6666666667vw; display: flex; align-items: center; cursor: pointer; } /* line 630, m_style.scss */ .product-detail .bottom .cate .item { padding: 0 2.6666666667vw; margin-right: 4vw; height: 100%; line-height: 13.3333333333vw; font-size: 2.1333333333vw; color: #282828; } /* line 638, m_style.scss */ .product-detail .bottom .cate .item.active { color: #004ea2; border-bottom: 1px #004ea2 solid; } /* line 645, m_style.scss */ .product-detail .bottom .content { padding: 0 45px 45px; } /* line 650, m_style.scss */ .case-kehu { background: #f8f8f8; } /* line 653, m_style.scss */ .case-kehu .main { max-width: var(--max-width); width: 100%; margin: auto; display: flex; align-items: flex-start; padding-top: 8vw; padding-bottom: 8.8vw; } /* line 660, m_style.scss */ .case-kehu .main .aside { display: none; width: 235px; flex: none; color: #fff; font-size: 30px; line-height: 1; padding: 15px 30px; background: #3f69bd; border-bottom: 2px solid #c6b385; position: relative; z-index: 2; } /* line 673, m_style.scss */ .case-kehu .main .aside:before { content: ""; width: 0; height: 0; position: absolute; top: 0; bottom: 0; right: -20px; margin: auto; border-left: 20px solid #3f69bd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } /* line 689, m_style.scss */ .case-kehu .wrap { height: 46.6666666667vw; overflow: hidden; } /* line 694, m_style.scss */ .case-kehu .right { padding: 5.6vw 5.8666666667vw 3.0666666667vw; background: #fff; } /* line 699, m_style.scss */ .case-kehu .content { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex: 1; overflow: hidden; } /* line 707, m_style.scss */ .case-kehu .content .item { border: 1px solid #d0d0d0; text-align: center; padding-top: 1.3333333333vw; width: 45%; border-radius: 3px; margin-bottom: 3.3333333333vw; } /* line 715, m_style.scss */ .case-kehu .content .item.plac { opacity: 0; visibility: hidden; margin-bottom: 0; padding: 0; border: none; } /* line 723, m_style.scss */ .case-kehu .content .item .image { width: 13.3333333333vw; height: 13.3333333333vw; display: block; margin: auto; } /* line 730, m_style.scss */ .case-kehu .content .item .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 5.3333333333vw; font-size: 1.8666666667vw; color: #020202; } /* line 741, m_style.scss */ .case-list { padding-top: 48px; padding-bottom: 48px; background: #f8f8f8; } /* line 746, m_style.scss */ .case-list .main { max-width: var(--max-width); width: 100%; margin: auto; background: #fff; padding: 5.3333333333vw 4vw 6.6666666667vw; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /* line 755, m_style.scss */ .case-list .main .item { border: 1px solid #dddddd; width: 45%; margin-bottom: 3.3333333333vw; border-radius: 5px; cursor: pointer; overflow: hidden; } /* line 763, m_style.scss */ .case-list .main .item .image { width: 100%; display: block; } /* line 768, m_style.scss */ .case-list .main .item .name { line-height: 8vw; color: #3a3a3a; font-size: 2.9333333333vw; width: 90%; border-bottom: 1px solid #ddd; margin: auto; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 779, m_style.scss */ .case-list .main .item .tip { font-size: 2.2666666667vw; color: #3a3a3a; line-height: 8vw; width: 90%; margin: auto; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 789, m_style.scss */ .case-list .main .item.plac { opacity: 0; visibility: hidden; margin-bottom: 0; } /* line 797, m_style.scss */ .case-detail { width: calc(100% - 40px); margin: 11.2vw auto auto; } /* line 801, m_style.scss */ .case-detail .info { padding-bottom: 7.4666666667vw; border-bottom: 1px #cfcfcf solid; } /* line 805, m_style.scss */ .case-detail .info .title { font-weight: 400; color: #252525; font-size: 4vw; text-align: center; margin-bottom: 6.9333333333vw; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 815, m_style.scss */ .case-detail .info .dd { font-size: 2.9333333333vw; color: #676767; } /* line 819, m_style.scss */ .case-detail .info .dd .date { padding-left: 5.6vw; position: relative; } /* line 823, m_style.scss */ .case-detail .info .dd .date:before { content: ""; position: absolute; width: 3.6vw; height: 3.6vw; left: 0; top: 0; background: url("/skin/sub_pages_images/date-icon.png") center no-repeat; background-size: cover; } /* line 835, m_style.scss */ .case-detail .info .dd .note { display: block; margin-left: 0; margin-top: 2vw; } /* line 843, m_style.scss */ .case-detail .swiper-container { width: 100%; padding-top: 12vw; padding-bottom: 6.6666666667vw; } /* line 849, m_style.scss */ .case-detail .swiper-slide { background-position: center; background-size: cover; width: 40vw; height: 40vw; } /* line 856, m_style.scss */ .case-detail .content { margin-top: 16vw; margin-bottom: 12vw; } /* line 861, m_style.scss */ .news-page-main { padding-inline: 20px; } /* line 865, m_style.scss */ .news-page-list .item { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 30px 40px; width: 100%; background: #f5f5f5; margin-bottom: 20px; } /* line 873, m_style.scss */ .news-page-list .item .info { width: 75%; } /* line 875, m_style.scss */ .news-page-list .item .info .title { line-height: 40px; color: #333; font-size: 17px; } /* line 880, m_style.scss */ .news-page-list .item .info .date { overflow: hidden; line-height: 32px; color: #999; font-size: 14px; margin: 0 auto 4px; } /* line 887, m_style.scss */ .news-page-list .item .info .subtitle { padding-left: 20px; height: 53px; line-height: 28px; color: #777; font-size: 15px; text-align: justify; border-left: 1px solid #dfdfdf; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } /* line 898, m_style.scss */ .news-page-list .item .right-to { width: 140px; height: 123px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #dfdfdf; } /* line 905, m_style.scss */ .news-page-list .item .right-to svg { width: 40px; height: 40px; fill: #6d6d6d; } /* line 913, m_style.scss */ .news-detail { width: calc(100% - 40px); margin: 12vw auto; } /* line 918, m_style.scss */ .news-detail .info .title { text-align: center; font-weight: 400; color: #252525; font-size: 4vw; line-height: 5.3333333333vw; margin-bottom: 4.6666666667vw; } /* line 927, m_style.scss */ .news-detail .info .dd { line-height: 2.6666666667vw; color: #aaa; font-size: 2vw; text-align: center; margin: 2.6666666667vw auto; padding: 0 0 1.3333333333vw; border-bottom: 1px dashed #dfdfdf; } /* line 936, m_style.scss */ .news-detail .info .dd .note { display: block; margin-left: 0; } /* line 944, m_style.scss */ .about-page .about-page-content { background: #fcfcfc; } /* line 947, m_style.scss */ .about-page .about-page-content .main { max-width: 1320px; width: 100%; margin: auto; } @media all and (max-width: 1440px) { /* line 947, m_style.scss */ .about-page .about-page-content .main { width: calc(100% - 80px); margin: auto; } } /* line 959, m_style.scss */ .about-page .about-page-content .slide-article { background: transparent; } /* line 963, m_style.scss */ .about-page .about-page-content .about-page-content-header { width: 100%; display: block; margin-bottom: 67px; } /* line 969, m_style.scss */ .about-page .about-page-content .note { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 100px; } /* line 975, m_style.scss */ .about-page .about-page-content .note img { width: 185px; margin-left: 58px; margin-right: 70px; flex: none; } /* line 983, m_style.scss */ .about-page .about-page-content .note .note-details .head { font-size: 28px; font-weight: 700; padding-left: 43px; padding-bottom: 40px; padding-top: 40px; position: relative; z-index: 2; } /* line 992, m_style.scss */ .about-page .about-page-content .note .note-details .head:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 116px; height: 112px; background: url("../static/images/opacity-about@2x.png") no-repeat; background-size: 100%; z-index: -1; } /* line 1006, m_style.scss */ .about-page .about-page-content .note .note-details .note-content { color: #3d3d3d; font-size: 16px; line-height: 1.8; text-indent: 2em; } @media all and (max-width: 1024px) { /* line 1015, m_style.scss */ .about-page .about-page-content .note img { display: none; } } @media all and (max-width: 425px) { /* line 1022, m_style.scss */ .about-page .about-page-content .note .note-details .head { font-size: 21px; padding-bottom: 15px; } /* line 1026, m_style.scss */ .about-page .about-page-content .note .note-details .head:before { width: 85px; } /* line 1031, m_style.scss */ .about-page .about-page-content .note .note-details .note-content { font-size: 15px; } } /* line 1043, m_style.scss */ .about-page .about-page-head { text-align: center; font-size: 40px; line-height: 60px; position: relative; z-index: 1; } /* line 1050, m_style.scss */ .about-page .about-page-head:after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: #fcfcfc; } /* line 1062, m_style.scss */ .about-page .about-page-head:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 360px; height: 60px; z-index: -2; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3); border-radius: 100%; } @media all and (max-width: 768px) { /* line 1076, m_style.scss */ .about-page .about-page-head:before { width: 335px; } } @media all and (max-width: 425px) { /* line 1043, m_style.scss */ .about-page .about-page-head { font-size: 30px; line-height: 50px; } /* line 1085, m_style.scss */ .about-page .about-page-head:before { width: 323px; height: 48px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } } /* line 1093, m_style.scss */ .about-page .renzheng-list { display: flex; justify-content: space-between; align-items: center; margin-top: 100px; padding-bottom: 60px; } /* line 1101, m_style.scss */ .about-page .renzheng-list .item img { height: 120px; display: block; margin-bottom: 30px; } /* line 1107, m_style.scss */ .about-page .renzheng-list .item .name { font-size: 20px; color: #171717; } @media all and (max-width: 768px) { /* line 1115, m_style.scss */ .about-page .renzheng-list .item img { height: 100px; } /* line 1119, m_style.scss */ .about-page .renzheng-list .item .name { font-size: 15px; text-align: center; } } @media all and (max-width: 425px) { /* line 1093, m_style.scss */ .about-page .renzheng-list { display: block; margin-top: 35px; } /* line 1130, m_style.scss */ .about-page .renzheng-list .item { margin-bottom: 20px; text-align: center; } /* line 1133, m_style.scss */ .about-page .renzheng-list .item img { margin: auto auto 30px; height: 190px; } } /* line 1143, m_style.scss */ .about-page .about-honor { max-width: 1320px; width: 100%; margin: auto; padding-bottom: 70px; position: relative; } /* line 1148, m_style.scss */ .about-page .about-honor .swiper-button-prev { left: -60px; } /* line 1152, m_style.scss */ .about-page .about-honor .swiper-button-next { right: -60px; } /* line 1156, m_style.scss */ .about-page .about-honor .swiper-slide { display: flex; justify-content: space-between; align-items: center; } /* line 1161, m_style.scss */ .about-page .about-honor .swiper-slide .item { width: 100%; height: 360px; object-fit: cover; } /* line 1166, m_style.scss */ .about-page .about-honor .swiper-slide .item.plac { height: 0; } @media all and (max-width: 1440px) { /* line 1143, m_style.scss */ .about-page .about-honor { width: calc(100% - 80px); margin: auto; } /* line 1176, m_style.scss */ .about-page .about-honor .swiper-button-prev { display: none; } /* line 1180, m_style.scss */ .about-page .about-honor .swiper-button-next { display: none; } } @media all and (max-width: 1024px) { /* line 1187, m_style.scss */ .about-page .about-honor .swiper-slide .item { display: block; width: 100%; height: 100%; object-fit: cover; } } /* line 1197, m_style.scss */ .about-page .about-hezuo { max-width: 1320px; width: 100%; margin: auto; background: url("../static/images/baozhang-bg@2x.png") no-repeat top center/cover; padding-top: 47px; padding-bottom: 35px; } /* line 1204, m_style.scss */ .about-page .about-hezuo .about-page-head:after { background: #ffffff; margin: auto; width: 700px; } /* line 1211, m_style.scss */ .about-page .about-hezuo .message { font-size: 23px; color: #3d3d3d; padding-top: 40px; margin-bottom: 76px; text-align: center; } /* line 1219, m_style.scss */ .about-page .about-hezuo .list { display: flex; justify-content: center; align-items: flex-start; } /* line 1224, m_style.scss */ .about-page .about-hezuo .list .item { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 30px; border-right: 1px solid #c3c3c3; } /* line 1232, m_style.scss */ .about-page .about-hezuo .list .item:last-child { border-right: none; } /* line 1236, m_style.scss */ .about-page .about-hezuo .list .item img { display: block; width: 85px; height: 85px; object-fit: contain; } /* line 1243, m_style.scss */ .about-page .about-hezuo .list .item .name { line-height: 100px; font-size: 23px; color: #3d3d3d; } /* line 1249, m_style.scss */ .about-page .about-hezuo .list .item .tip { color: #3d3d3d; font-size: 16px; } @media all and (max-width: 768px) { /* line 1219, m_style.scss */ .about-page .about-hezuo .list { display: block; } /* line 1258, m_style.scss */ .about-page .about-hezuo .list .item { margin-top: 25px; border: none; } } @media all and (max-width: 768px) { /* line 1266, m_style.scss */ .about-page .about-hezuo .message { font-size: 20px; margin-bottom: 30px; } /* line 1273, m_style.scss */ .about-page .about-hezuo .list .item .name { line-height: 70px; } } @media all and (max-width: 425px) { /* line 1281, m_style.scss */ .about-page .about-hezuo .message { font-size: 12px; } /* line 1287, m_style.scss */ .about-page .about-hezuo .list .item .tip { font-size: 15px; } } /* line 1295, m_style.scss */ .about-page .qiye-list { max-width: 1320px; width: 100%; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 85px; } /* line 1303, m_style.scss */ .about-page .qiye-list .item { width: 24%; border-bottom: 1px solid #e4e4e4; text-align: center; margin-bottom: 35px; cursor: pointer; } /* line 1310, m_style.scss */ .about-page .qiye-list .item.plac { opacity: 0; visibility: hidden; margin-bottom: 0; } /* line 1316, m_style.scss */ .about-page .qiye-list .item img { width: 100%; height: 225px; object-fit: cover; display: block; } /* line 1323, m_style.scss */ .about-page .qiye-list .item .name { line-height: 55px; font-size: 16px; color: #676767; } @media all and (max-width: 1440px) { /* line 1295, m_style.scss */ .about-page .qiye-list { width: calc(100% - 80px); margin: auto; } } @media all and (max-width: 768px) { /* line 1336, m_style.scss */ .about-page .qiye-list .item { width: 47%; margin-bottom: 30px; } } @media all and (max-width: 425px) { /* line 1343, m_style.scss */ .about-page .qiye-list .item { width: 100%; } } /* line 1349, m_style.scss */ .contact-page { padding-inline: 20px; } /* line 1351, m_style.scss */ .contact-page .info-card { margin-top: 40px; margin-bottom: 40px; display: flex; align-items: center; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; } /* line 1359, m_style.scss */ .contact-page .item { width: calc(100% / 3); overflow: hidden; margin: 0; padding: 40px 20px 20px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } /* line 1366, m_style.scss */ .contact-page .item img { display: block; width: 130px; height: 130px; overflow: hidden; margin: 0 auto 20px; } /* line 1373, m_style.scss */ .contact-page .item .txt { color: #797979; font-size: 14px; text-align: center; margin: 0 auto 10px; } /* line 1379, m_style.scss */ .contact-page .item .data { height: 60px; line-height: 30px; color: #333; font-size: 16px; text-align: center; } /* line 1387, m_style.scss */ .contact-page .wechat { width: 100%; margin: 0 auto 40px; padding: 60px 0; background: url("/skin/sub_pages_images/NyContact_ewmbg.jpg") no-repeat center; background-size: cover; } /* line 1393, m_style.scss */ .contact-page .wechat img { display: block; width: 160px; margin: 30px auto 0; } /* line 1400, m_style.scss */ .contact-page .txt1 { line-height: 40px; color: #fff; font-size: 32px; text-align: center; } /* line 1406, m_style.scss */ .contact-page .txt2 { line-height: 30px; color: #fff; font-size: 16px; text-align: center; } /* line 1413, m_style.scss */ .contact-page .contact-map { max-width: 1320px; width: 100%; margin: auto; height: 400px; margin-bottom: 150px; } /* line 1420, m_style.scss */ .profile { padding-bottom: 100px; } /* line 1424, m_style.scss */ .profile .profile-swiper .swiper-slide img { display: block; width: 100%; } /* line 1430, m_style.scss */ .profile .intro { padding-top: 9.2vw; } /* line 1432, m_style.scss */ .profile .intro .top { margin-bottom: 5.7333333333vw; display: flex; align-items: center; justify-content: center; column-gap: 2.6666666667vw; } /* line 1438, m_style.scss */ .profile .intro .top img { display: block; width: 4vw; } /* line 1442, m_style.scss */ .profile .intro .top .txt { font-size: 30px; font-weight: 700; } /* line 1448, m_style.scss */ .profile .intro .data img { display: block; width: 100%; } /* line 1452, m_style.scss */ .profile .intro .data .bottom { padding: 10.1333333333vw 9.3333333333vw 18.6666666667vw; background: #f7f4f4; } /* line 1455, m_style.scss */ .profile .intro .data .bottom .title { font-size: 4vw; margin-bottom: 8.4vw; } /* line 1459, m_style.scss */ .profile .intro .data .bottom .info { font-size: 1.8666666667vw; color: #8f8f8f; line-height: 4vw; } /* line 1463, m_style.scss */ .profile .intro .data .bottom .info p { text-indent: 2em; margin-bottom: 0.6666666667vw; } /* line 1471, m_style.scss */ .profile .contact { background: #f9f9f9; padding-top: 6.8vw; padding-bottom: 10.2666666667vw; } /* line 1475, m_style.scss */ .profile .contact .top { margin-bottom: 12.5333333333vw; display: flex; align-items: center; justify-content: center; column-gap: 2.6666666667vw; } /* line 1481, m_style.scss */ .profile .contact .top img { display: block; width: 4vw; } /* line 1485, m_style.scss */ .profile .contact .top .txt { font-size: 30px; font-weight: 700; } /* line 1490, m_style.scss */ .profile .contact .swiper-slide { margin-top: 1.3333333333vw; margin-bottom: 2.1333333333vw; width: 49.8666666667vw; padding: 4.9333333333vw 0 0; background: #ffffff; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); } /* line 1497, m_style.scss */ .profile .contact .swiper-slide img { margin: auto; display: block; width: 23.7333333333vw; } /* line 1502, m_style.scss */ .profile .contact .swiper-slide .title { margin-top: 2.6666666667vw; margin-bottom: 1.0666666667vw; font-size: 24px; font-weight: 700; text-align: center; } /* line 1509, m_style.scss */ .profile .contact .swiper-slide .info { margin-bottom: 3.8666666667vw; color: #8f8f8f; font-size: 2.4vw; text-align: center; } /* line 1515, m_style.scss */ .profile .contact .swiper-slide .bt { width: 100%; height: 9.4666666667vw; background: #f1f1f1; font-size: 18px; display: flex; align-items: center; justify-content: center; } /* line 1526, m_style.scss */ .profile .main { padding-top: 10.5333333333vw; width: 90%; margin: auto; overflow: hidden; } /* line 1531, m_style.scss */ .profile .main .tab { position: relative; margin-bottom: 9.0666666667vw; height: 7.3333333333vw; background: #b3b2b2; display: flex; align-items: center; } /* line 1538, m_style.scss */ .profile .main .tab .tab-item { position: relative; width: 50%; display: flex; align-items: center; justify-content: center; font-size: 4vw; font-weight: 700; color: #ffffff; z-index: 2; } /* line 1549, m_style.scss */ .profile .main .tab .bg { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #00479c; z-index: 1; transition: all 0.5s ease; } /* line 1560, m_style.scss */ .profile .main .data-list { position: relative; left: -100%; width: calc((100% * 2) + 10px); padding-left: 0.6666666667vw; display: flex; align-items: flex-start; justify-content: space-between; transition: all 0.5s ease; } /* line 1569, m_style.scss */ .profile .main .data-list .video-list, .profile .main .data-list .cases-list { width: 90.6666666667vw; } /* line 1572, m_style.scss */ .profile .main .data-list .video-list .item, .profile .main .data-list .cases-list .item { background: #ffffff; width: 88.6666666667vw; margin-bottom: 2.6666666667vw; padding: 3.0666666667vw 4.6666666667vw 1.8666666667vw 4.2666666667vw; display: block; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302); } /* line 1579, m_style.scss */ .profile .main .data-list .video-list .item .name, .profile .main .data-list .cases-list .item .name { color: #160908; font-size: 2.2666666667vw; margin-bottom: 0.8vw; } /* line 1584, m_style.scss */ .profile .main .data-list .video-list .item .subtitle, .profile .main .data-list .cases-list .item .subtitle { color: #9d9e9f; font-size: 1.7333333333vw; margin-bottom: 6.4vw; } /* line 1589, m_style.scss */ .profile .main .data-list .video-list .item .bottom, .profile .main .data-list .cases-list .item .bottom { display: flex; align-items: center; justify-content: space-between; } /* line 1593, m_style.scss */ .profile .main .data-list .video-list .item .bottom .date, .profile .main .data-list .cases-list .item .bottom .date { color: #d0d1d4; font-size: 1.6vw; } /* line 1597, m_style.scss */ .profile .main .data-list .video-list .item .bottom .detail, .profile .main .data-list .cases-list .item .bottom .detail { display: flex; align-items: center; color: #d0d1d4; font-size: 1.6vw; } /* line 1602, m_style.scss */ .profile .main .data-list .video-list .item .bottom .detail img, .profile .main .data-list .cases-list .item .bottom .detail img { margin-left: 4px; width: 1.4666666667vw; } /* line 1613, m_style.scss */ .profile-detail { width: calc(100% - 40px); margin: 12vw auto; } /* line 1618, m_style.scss */ .profile-detail .info .title { text-align: center; font-weight: 400; color: #252525; font-size: 4vw; line-height: 5.3333333333vw; margin-bottom: 4.6666666667vw; } /* line 1627, m_style.scss */ .profile-detail .info .dd { line-height: 2.6666666667vw; color: #aaa; font-size: 2vw; text-align: center; margin: 2.6666666667vw auto; padding: 0 0 1.3333333333vw; border-bottom: 1px dashed #dfdfdf; } /* line 1636, m_style.scss */ .profile-detail .info .dd .note { display: block; margin-left: 0; } /* line 1643, m_style.scss */ .detail-paginate { padding: 65px 86px 210px; font-size: 18px; color: #676767; border-top: 1px #cfcfcf solid; display: flex; align-items: flex-start; justify-content: space-between; } /* line 1652, m_style.scss */ .detail-paginate .list { padding: 0 52px; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; } /* line 1657, m_style.scss */ .detail-paginate .list .icon { display: block; margin: auto auto 13px; width: 25px; } /* line 1663, m_style.scss */ .detail-paginate .list a { margin: 13px auto auto; } /* line 1668, m_style.scss */ .detail-paginate .text { margin-bottom: 13px; } @media all and (max-width: 768px) { /* line 1643, m_style.scss */ .detail-paginate { display: block; padding: 65px 0; } /* line 1676, m_style.scss */ .detail-paginate .list { display: block; border: none; padding: 0; margin: 15px 0; } /* line 1682, m_style.scss */ .detail-paginate .list .icon { margin: auto auto 5px 5px; } } /* line 1688, m_style.scss */ .paginate { display: flex; justify-content: center; align-items: center; } /* line 1693, m_style.scss */ .paginate .item { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 5px; } /* line 1702, m_style.scss */ .paginate .item.active, .paginate .item:hover { background: #004ea2; color: #fff; } /* line 1709, m_style.scss */ .paginate .page-num { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 5px; } /* line 1718, m_style.scss */ .paginate .page-num.page-num-current, .paginate .page-num:hover { background: #004ea2; color: #fff; } /* line 1727, m_style.scss */ .topSwiper img { display: block; width: 100%; } /* line 1732, m_style.scss */ .home-product { padding-top: 5.6vw; padding-inline: 20px; } /* line 1736, m_style.scss */ .home-product .top .head { display: flex; align-items: center; justify-content: center; } /* line 1740, m_style.scss */ .home-product .top .head img { display: block; width: 16px; } /* line 1744, m_style.scss */ .home-product .top .head .title { font-size: 20px; font-weight: 700; margin-inline: 20px; } /* line 1750, m_style.scss */ .home-product .top .search { position: relative; margin: auto; margin-top: 4.9333333333vw; width: 100%; height: 4.9333333333vw; } /* line 1756, m_style.scss */ .home-product .top .search input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: #00479c 1px solid; border-radius: 11.7333333333vw; padding-left: 4.5333333333vw; font-size: 1.6vw; text-align: center; } /* line 1768, m_style.scss */ .home-product .top .search button { position: absolute; top: 0; right: 0; width: 4.9333333333vw; height: 4.9333333333vw; background: url("/skin/images/icon10.png") no-repeat center #00479c; background-size: 2.8vw; color: #ffffff; font-size: 1.8666666667vw; border: none; text-align: center; border-radius: 50%; } /* line 1784, m_style.scss */ .home-product .product-list { margin-top: 4.9333333333vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 3.7333333333vw; } /* line 1792, m_style.scss */ .home-product .product-list .item { display: block; background: #f4f4f4; width: 48%; padding: 7px 7px 3.2vw; border-radius: 3.4666666667vw 3.4666666667vw 0 0; } /* line 1799, m_style.scss */ .home-product .product-list .item .img { width: 100%; height: 25.6vw; overflow: hidden; border-radius: 3.4666666667vw; } /* line 1804, m_style.scss */ .home-product .product-list .item .img img { display: block; width: 100%; object-fit: contain; object-position: center center; } /* line 1811, m_style.scss */ .home-product .product-list .item .name { margin-top: 2.5333333333vw; margin-bottom: 3.0666666667vw; font-size: 3.2vw; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; } /* line 1818, m_style.scss */ .home-product .product-list .item .buttons { display: flex; align-items: center; justify-content: center; column-gap: 2.1333333333vw; } /* line 1824, m_style.scss */ .home-product .product-list .item .buttons .button { padding: 4px 13px; font-size: 12px; color: #ffffff; background: #00479c; border: transparent 1px solid; } /* line 1831, m_style.scss */ .home-product .product-list .item .buttons .to-detail { border: 1px solid #00479c; background: #ffffff; color: #00479c; } @media all and (max-width: 415px) { /* line 1784, m_style.scss */ .home-product .product-list { display: block; } /* line 1841, m_style.scss */ .home-product .product-list .item { width: 100%; margin-bottom: 10px; } /* line 1844, m_style.scss */ .home-product .product-list .item .img { height: 53.3333333333vw; } } /* line 1851, m_style.scss */ .home-about { margin-top: 12.2666666667vw; padding-inline: 20px; } /* line 1854, m_style.scss */ .home-about .left { width: 100%; background: url("/skin/images/about-bg-icon.png") no-repeat left top; background-size: 48.9333333333vw 50.6666666667vw; padding-top: 34vw; } /* line 1859, m_style.scss */ .home-about .left .note { display: flex; align-items: center; justify-content: space-between; } /* line 1863, m_style.scss */ .home-about .left .note .item { padding-left: 4vw; border-left: #dedbdb 1px solid; } /* line 1866, m_style.scss */ .home-about .left .note .item .name { font-size: 2.6666666667vw; font-weight: 700; margin-bottom: 1.7333333333vw; color: #00479c; } /* line 1872, m_style.scss */ .home-about .left .note .item .detail { font-size: 1.8666666667vw; line-height: 2.4vw; color: #000000; margin-bottom: 0.6666666667vw; } /* line 1880, m_style.scss */ .home-about .left .content { margin-top: 4vw; margin-bottom: 3.2vw; font-size: 3.2vw; line-height: 3.2vw; color: #000000; } /* line 1887, m_style.scss */ .home-about .left .buttons { width: 100%; display: flex; align-items: center; justify-content: space-between; } /* line 1893, m_style.scss */ .home-about .left .buttons .button { width: 23%; padding: 7px 0; background: #eae9e9; font-size: 2.9333333333vw; line-height: 3.8666666667vw; text-align: center; } /* line 1901, m_style.scss */ .home-about .left .buttons .button.active { background: #00479c; color: #ffffff; } /* line 1908, m_style.scss */ .home-about .right { margin-top: 3.2vw; } /* line 1910, m_style.scss */ .home-about .right img { display: block; width: 100%; height: auto; } /* line 1917, m_style.scss */ .home-news { margin-top: 3.7333333333vw; padding-top: 8.8vw; padding-bottom: 16.6666666667vw; padding-inline: 20px; } /* line 1922, m_style.scss */ .home-news .main { margin-top: 4.2666666667vw; background: url("/skin/images/news-bg.png") no-repeat center; background-size: cover; } /* line 1927, m_style.scss */ .home-news .list { padding-inline: 4vw; padding-bottom: 6.6666666667vw; } /* line 1931, m_style.scss */ .home-news .item { display: block; width: 100%; padding: 3.7333333333vw 2vw 2.2666666667vw; display: flex; align-items: center; column-gap: 4.9333333333vw; border-bottom: #858282 1px solid; } /* line 1939, m_style.scss */ .home-news .item .title { width: 83%; font-size: 3.2vw; color: #3d3d3d; margin-bottom: 1.8666666667vw; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 1946, m_style.scss */ .home-news .item .date { width: fit-content; } /* line 1948, m_style.scss */ .home-news .item .date .day { font-size: 3.4666666667vw; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: 700; color: #3d3d3d; line-height: 4.5333333333vw; text-align: center; } /* line 1956, m_style.scss */ .home-news .item .date .ym { font-size: 2.1333333333vw; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #01479d; line-height: 2.8vw; } /* line 1967, m_style.scss */ .home-title .title { font-size: 4vw; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: 700; color: #000000; line-height: 5.3333333333vw; letter-spacing: 6px; text-align: center; } /* line 1976, m_style.scss */ .home-title .detail { font-size: 2.1333333333vw; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #000000; line-height: 2.8vw; letter-spacing: 3px; text-align: center; margin-top: 1.8666666667vw; margin-bottom: 7px; } /* line 1987, m_style.scss */ .home-title .icon { width: 5.0666666667vw; margin: auto; } /* line 1990, m_style.scss */ .home-title .icon img { display: block; width: 100%; }