@charset 'utf-8'; html .lang-other-block { display: block !important; } html .lang-other-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } html .lang-cn-flex, html .lang-cn-block { display: none !important; } html[lang='zh-CN'] .lang-other-block, html[lang='zh-Hans'] .lang-other-block, html[lang='zh-CN'] .lang-other-flex, html[lang='zh-Hans'] .lang-other-flex { display: none !important; } html[lang='zh-CN'] .lang-cn-block, html[lang='zh-Hans'] .lang-cn-block { display: block !important; } html[lang='zh-CN'] .lang-cn-flex, html[lang='zh-Hans'] .lang-cn-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .BMapLabel { max-width: none; } img[data-lazy], .lazy:not(.loaded), .tab-lazy, img.swiper-lazy, *.swiper-lazy[data-background] { min-width: 6px; min-height: 6px; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; } img[data-lazy], .lazy:not(.loaded) { background-size: auto !important; } @media (min-width: 1280px) { .wow { visibility: hidden; } } @media (max-width: 767.98px) { .at-resp-share-element.at-mobile .at-share-btn { margin-right: 3px; } .at-style-responsive .at-share-btn { padding: 3px; } } .slick-slide { outline: none; } .slick-slide a { outline: none !important; } .slick-slider img { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .slick-slide, .slick-slider .slick-track, .slick-slider .slick-list, .slick-slide img, .slick-slider .slick-track img, .slick-slider .slick-list img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; } .transform-0 { -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; } .swiper-button-disabled, .slick-arrow.slick-disabled { cursor: no-drop; opacity: .5; } .zoomDiv { z-index: 999; display: none; overflow: hidden; text-align: center; border: 1px solid #ccc; background: #fff; } @media (min-width: 768px) { .zoomDiv { position: absolute; } } @media (max-width: 1279.98px) { .zoomDiv { display: none !important; } } .zoomMask { position: absolute; z-index: 20; cursor: move; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAAEFsT2yAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3RUM1NUUxNUYwQjExRURCRTdCQzVBNzdCRjlBOEYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3RUM1NUUyNUYwQjExRURCRTdCQzVBNzdCRjlBOEYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDdFQzU1REY1RjBCMTFFREJFN0JDNUE3N0JGOUE4RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDdFQzU1RTA1RjBCMTFFREJFN0JDNUE3N0JGOUE4RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4JsiHPAAAAGklEQVR42mJQUlJqAAggBiDBABBgjCACCBoAFnQCNJgBzNQAAAAASUVORK5CYII=) repeat; } @media (max-width: 1279.98px) { .zoomMask { display: none !important; } } @media (max-width: 767.98px) { .zoomMask { display: none; } } .el-bg.loaded { background-repeat: no-repeat; background-position: center center; background-size: cover; } .has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html, .fancybox__slide.has-iframe .f-html, .fancybox-slide--iframe .fancybox-content { width: 1800px; max-width: 95%; height: 940px; min-height: 40%; max-height: 80%; margin: 0; padding: 0 !important; --f-html-bg: #000; } .fancybox-slide > video { padding: 0; } .goog-te-banner-frame { z-index: 998 !important; } .inline-arrow { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; gap: 15px; } .inline-arrow:empty { display: none !important; } .inline-arrow .slick-arrow { position: initial !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } .inline-arrow .slick-arrow:active { -webkit-transform: translateY(0) scale(.95) !important; -ms-transform: translateY(0) scale(.95) !important; transform: translateY(0) scale(.95) !important; } .fancybox-container { font-family: inherit; } .skiptranslate { z-index: 999999999 !important; } .goog-te-menu-frame { z-index: 999999999 !important; } .txt ul, .txt ol { padding-left: 1em; } .txt li { list-style: initial; } .auto-adjust-img.txt p a, .auto-adjust-img.txt li a { text-decoration: underline; } .fancybox-close-small:focus:after { outline: none; } .fancybox-image { background-color: #fff; } figure { margin: 0; } @property --houdini-bg-colorA { syntax: ''; inherits: false; initial-value: #000; } @property --houdini-bg-colorB { syntax: ''; inherits: false; initial-value: #000; } @property --houdini-bgWhite-colorA { syntax: ''; inherits: false; initial-value: #fff; } @property --houdini-bgWhite-colorB { syntax: ''; inherits: false; initial-value: #fff; } @property --houdini-txt-colorA { syntax: ''; inherits: false; initial-value: #232323; } @property --houdini-txt-colorB { syntax: ''; inherits: false; initial-value: #232323; } @property --houdini-colorA { syntax: ''; inherits: false; initial-value: #000; } @property --houdini-colorB { syntax: ''; inherits: false; initial-value: #000; } @property --houdini-follow-bg-colorA { syntax: ''; inherits: false; initial-value: #e50012; } @property --houdini-follow-bg-colorB { syntax: ''; inherits: false; initial-value: #ffa8af; } @font-face { font-family: 'Inter Tight'; font-weight: normal; font-style: normal; src: local('Inter Tight Regular'), local('InterTight-Regular'), url('../fonts/inter-tight/InterTight-Regular.woff2') format('woff2'), url('../fonts/inter-tight/InterTight-Regular.woff') format('woff'), url('../fonts/inter-tight/InterTight-Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Inter Tight'; font-weight: 500; font-style: normal; src: local('Inter Tight Medium'), local('InterTight-Medium'), url('../fonts/inter-tight/InterTight-Medium.woff2') format('woff2'), url('../fonts/inter-tight/InterTight-Medium.woff') format('woff'), url('../fonts/inter-tight/InterTight-Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Inter Tight'; font-weight: 600; font-style: normal; src: local('Inter Tight SemiBold'), local('InterTight-SemiBold'), url('../fonts/inter-tight/InterTight-SemiBold.woff2') format('woff2'), url('../fonts/inter-tight/InterTight-SemiBold.woff') format('woff'), url('../fonts/inter-tight/InterTight-SemiBold.ttf') format('truetype'); font-display: swap; } .fz15 { font-size: 15px; } @media (max-width: 767.98px) { .fz15 { font-size: 14px; } } .fz16 { font-size: 16px; } @media (max-width: 1023.98px) { .fz16 { font-size: 15px; } } @media (max-width: 767.98px) { .fz16 { font-size: 14px; } } .fz17 { font-size: 17px; } @media (max-width: 1279.98px) { .fz17 { font-size: 16px; } } @media (max-width: 1023.98px) { .fz17 { font-size: 15px; } } @media (max-width: 767.98px) { .fz17 { font-size: 14px; } } .fz18 { font-size: 18px; } @media (max-width: 1279.98px) { .fz18 { font-size: 17px; } } @media (max-width: 1023.98px) { .fz18 { font-size: 16px; } } @media (max-width: 767.98px) { .fz18 { font-size: 15px; } } .fz19 { font-size: 19px; } @media (max-width: 1723.98px) { .fz19 { font-size: 18px; } } @media (max-width: 1279.98px) { .fz19 { font-size: 17px; } } @media (max-width: 1023.98px) { .fz19 { font-size: 16px; } } @media (max-width: 767.98px) { .fz19 { font-size: 15px; } } .fz20 { font-size: 20px; } @media (max-width: 1279.98px) { .fz20 { font-size: 19px; } } @media (max-width: 1023.98px) { .fz20 { font-size: 18px; } } @media (max-width: 767.98px) { .fz20 { font-size: 17px; } } @media (max-width: 639.98px) { .fz20 { font-size: 16px; } } .fz22 { font-size: 22px; } @media (max-width: 1723.98px) { .fz22 { font-size: 21px; } } @media (max-width: 1279.98px) { .fz22 { font-size: 20px; } } @media (max-width: 1023.98px) { .fz22 { font-size: 19px; } } @media (max-width: 767.98px) { .fz22 { font-size: 18px; } } @media (max-width: 639.98px) { .fz22 { font-size: 17px; } } .fz24 { font-size: 24px; } @media (max-width: 1723.98px) { .fz24 { font-size: 22px; } } @media (max-width: 1279.98px) { .fz24 { font-size: 21px; } } @media (max-width: 1023.98px) { .fz24 { font-size: 20px; } } @media (max-width: 767.98px) { .fz24 { font-size: 19px; } } @media (max-width: 639.98px) { .fz24 { font-size: 18px; } } .fz26 { font-size: 26px; } @media (max-width: 1723.98px) { .fz26 { font-size: 24px; } } @media (max-width: 1279.98px) { .fz26 { font-size: 23px; } } @media (max-width: 1023.98px) { .fz26 { font-size: 22px; } } @media (max-width: 767.98px) { .fz26 { font-size: 20px; } } @media (max-width: 639.98px) { .fz26 { font-size: 19px; } } .fz28 { font-size: 28px; } @media (max-width: 1723.98px) { .fz28 { font-size: 26px; } } @media (max-width: 1279.98px) { .fz28 { font-size: 25px; } } @media (max-width: 1023.98px) { .fz28 { font-size: 24px; } } @media (max-width: 767.98px) { .fz28 { font-size: 22px; } } @media (max-width: 639.98px) { .fz28 { font-size: 20px; } } .fz30 { font-size: 30px; } @media (max-width: 1279.98px) { .fz30 { font-size: 28px; } } @media (max-width: 1023.98px) { .fz30 { font-size: 26px; } } @media (max-width: 767.98px) { .fz30 { font-size: 24px; } } @media (max-width: 639.98px) { .fz30 { font-size: 22px; } } .fz32 { font-size: 32px; } @media (max-width: 1723.98px) { .fz32 { font-size: 30px; } } @media (max-width: 1535.98px) { .fz32 { font-size: 28px; } } @media (max-width: 1279.98px) { .fz32 { font-size: 26px; } } @media (max-width: 1023.98px) { .fz32 { font-size: 24px; } } @media (max-width: 767.98px) { .fz32 { font-size: 22px; } } @media (max-width: 639.98px) { .fz32 { font-size: 20px; } } .fz34 { font-size: 34px; } @media (max-width: 1279.98px) { .fz34 { font-size: 32px; } } @media (max-width: 1023.98px) { .fz34 { font-size: 30px; } } @media (max-width: 767.98px) { .fz34 { font-size: 26px; } } @media (max-width: 639.98px) { .fz34 { font-size: 24px; } } .fz36 { font-size: 36px; } @media (max-width: 1279.98px) { .fz36 { font-size: 32px; } } @media (max-width: 1023.98px) { .fz36 { font-size: 28px; } } @media (max-width: 767.98px) { .fz36 { font-size: 24px; } } @media (max-width: 639.98px) { .fz36 { font-size: 22px; } } .fz38 { font-size: 38px; } @media (max-width: 1279.98px) { .fz38 { font-size: 34px; } } @media (max-width: 1023.98px) { .fz38 { font-size: 30px; } } @media (max-width: 767.98px) { .fz38 { font-size: 27px; } } @media (max-width: 639.98px) { .fz38 { font-size: 24px; } } .fz40 { font-size: 40px; } @media (max-width: 1723.98px) { .fz40 { font-size: 36px; } } @media (max-width: 1279.98px) { .fz40 { font-size: 32px; } } @media (max-width: 1023.98px) { .fz40 { font-size: 30px; } } @media (max-width: 767.98px) { .fz40 { font-size: 28px; } } @media (max-width: 639.98px) { .fz40 { font-size: 26px; } } .fz42 { font-size: 42px; } @media (max-width: 1723.98px) { .fz42 { font-size: 38px; } } @media (max-width: 1279.98px) { .fz42 { font-size: 34px; } } @media (max-width: 1023.98px) { .fz42 { font-size: 32px; } } @media (max-width: 767.98px) { .fz42 { font-size: 30px; } } @media (max-width: 639.98px) { .fz42 { font-size: 28px; } } .fz45 { font-size: 45px; } @media (max-width: 1723.98px) { .fz45 { font-size: 40px; } } @media (max-width: 1279.98px) { .fz45 { font-size: 36px; } } @media (max-width: 1023.98px) { .fz45 { font-size: 32px; } } @media (max-width: 767.98px) { .fz45 { font-size: 28px; } } @media (max-width: 639.98px) { .fz45 { font-size: 26px; } } .fz48 { font-size: 48px; } @media (max-width: 1723.98px) { .fz48 { font-size: 44px; } } @media (max-width: 1535.98px) { .fz48 { font-size: 40px; } } @media (max-width: 1279.98px) { .fz48 { font-size: 34px; } } @media (max-width: 1023.98px) { .fz48 { font-size: 28px; } } @media (max-width: 767.98px) { .fz48 { font-size: 26px; } } @media (max-width: 639.98px) { .fz48 { font-size: 24px; } } .fz50 { font-size: 50px; } @media (max-width: 1723.98px) { .fz50 { font-size: 46px; } } @media (max-width: 1279.98px) { .fz50 { font-size: 40px; } } @media (max-width: 1023.98px) { .fz50 { font-size: 34px; } } @media (max-width: 767.98px) { .fz50 { font-size: 28px; } } @media (max-width: 639.98px) { .fz50 { font-size: 26px; } } .fz52 { font-size: 52px; } @media (max-width: 1723.98px) { .fz52 { font-size: 44px; } } @media (max-width: 1279.98px) { .fz52 { font-size: 38px; } } @media (max-width: 1023.98px) { .fz52 { font-size: 32px; } } @media (max-width: 767.98px) { .fz52 { font-size: 26px; } } .fz54 { font-size: 54px; } @media (max-width: 1723.98px) { .fz54 { font-size: 50px; } } @media (max-width: 1535.98px) { .fz54 { font-size: 46px; } } @media (max-width: 1279.98px) { .fz54 { font-size: 42px; } } @media (max-width: 1023.98px) { .fz54 { font-size: 35px; } } @media (max-width: 767.98px) { .fz54 { font-size: 30px; } } .fz56 { font-size: 56px; } @media (max-width: 1723.98px) { .fz56 { font-size: 52px; } } @media (max-width: 1279.98px) { .fz56 { font-size: 44px; } } @media (max-width: 1023.98px) { .fz56 { font-size: 36px; } } @media (max-width: 767.98px) { .fz56 { font-size: 30px; } } .fz58 { font-size: 58px; } @media (max-width: 1723.98px) { .fz58 { font-size: 52px; } } @media (max-width: 1279.98px) { .fz58 { font-size: 46px; } } @media (max-width: 1023.98px) { .fz58 { font-size: 40px; } } @media (max-width: 767.98px) { .fz58 { font-size: 34px; } } @media (max-width: 639.98px) { .fz58 { font-size: 28px; } } .fz60 { font-size: 60px; } @media (max-width: 1723.98px) { .fz60 { font-size: 54px; } } @media (max-width: 1279.98px) { .fz60 { font-size: 48px; } } @media (max-width: 1023.98px) { .fz60 { font-size: 42px; } } @media (max-width: 767.98px) { .fz60 { font-size: 36px; } } @media (max-width: 639.98px) { .fz60 { font-size: 30px; } } .fz64 { font-size: 64px; } @media (max-width: 1723.98px) { .fz64 { font-size: 58px; } } @media (max-width: 1535.98px) { .fz64 { font-size: 54px; } } @media (max-width: 1279.98px) { .fz64 { font-size: 51px; } } @media (max-width: 1023.98px) { .fz64 { font-size: 44px; } } @media (max-width: 767.98px) { .fz64 { font-size: 37px; } } @media (max-width: 639.98px) { .fz64 { font-size: 30px; } } .fz70 { font-size: 70px; } @media (max-width: 1723.98px) { .fz70 { font-size: 60px; } } @media (max-width: 1535.98px) { .fz70 { font-size: 50px; } } @media (max-width: 1279.98px) { .fz70 { font-size: 40px; } } @media (max-width: 1023.98px) { .fz70 { font-size: 35px; } } @media (max-width: 767.98px) { .fz70 { font-size: 30px; } } @media (max-width: 639.98px) { .fz70 { font-size: 25px; } } .fz76 { font-size: 76px; } @media (max-width: 1723.98px) { .fz76 { font-size: 68px; } } @media (max-width: 1279.98px) { .fz76 { font-size: 61px; } } @media (max-width: 1023.98px) { .fz76 { font-size: 54px; } } @media (max-width: 767.98px) { .fz76 { font-size: 47px; } } @media (max-width: 639.98px) { .fz76 { font-size: 40px; } } .fz80 { font-size: 80px; } @media (max-width: 1723.98px) { .fz80 { font-size: 70px; } } @media (max-width: 1279.98px) { .fz80 { font-size: 60px; } } @media (max-width: 1023.98px) { .fz80 { font-size: 50px; } } @media (max-width: 767.98px) { .fz80 { font-size: 35px; } } .tit-16 { font-size: 16px; line-height: 1.7; } @media (max-width: 1023.98px) { .tit-16 { font-size: 15px; } } @media (max-width: 767.98px) { .tit-16 { font-size: 14px; } } .tit-18 { font-size: 18px; line-height: 1.22222222; } @media (max-width: 1279.98px) { .tit-18 { font-size: 17px; } } @media (max-width: 1023.98px) { .tit-18 { font-size: 16px; } } @media (max-width: 767.98px) { .tit-18 { font-size: 15px; } } .tit-20 { font-size: 20px; line-height: 1.3; } @media (max-width: 1279.98px) { .tit-20 { font-size: 19px; } } @media (max-width: 1023.98px) { .tit-20 { font-size: 18px; } } @media (max-width: 767.98px) { .tit-20 { font-size: 17px; } } @media (max-width: 639.98px) { .tit-20 { font-size: 16px; } } .tit-30 { font-size: 30px; line-height: 1.3; } @media (max-width: 1279.98px) { .tit-30 { font-size: 28px; } } @media (max-width: 1023.98px) { .tit-30 { font-size: 26px; } } @media (max-width: 767.98px) { .tit-30 { font-size: 24px; } } @media (max-width: 639.98px) { .tit-30 { font-size: 22px; } } .tit-32 { font-size: 32px; line-height: 1.3; } @media (max-width: 1723.98px) { .tit-32 { font-size: 30px; } } @media (max-width: 1535.98px) { .tit-32 { font-size: 28px; } } @media (max-width: 1279.98px) { .tit-32 { font-size: 26px; } } @media (max-width: 1023.98px) { .tit-32 { font-size: 24px; } } @media (max-width: 767.98px) { .tit-32 { font-size: 22px; } } @media (max-width: 639.98px) { .tit-32 { font-size: 20px; } } .tit-48 { font-size: 48px; line-height: 1.3; } @media (max-width: 1723.98px) { .tit-48 { font-size: 44px; } } @media (max-width: 1535.98px) { .tit-48 { font-size: 40px; } } @media (max-width: 1279.98px) { .tit-48 { font-size: 34px; } } @media (max-width: 1023.98px) { .tit-48 { font-size: 28px; } } @media (max-width: 767.98px) { .tit-48 { font-size: 26px; } } @media (max-width: 639.98px) { .tit-48 { font-size: 24px; } } .fs-14-20 { line-height: 1.42857143; } .fs-14-22 { line-height: 1.57142857; } .fs-16-20 { font-size: 16px; line-height: 1.25; } @media (max-width: 1023.98px) { .fs-16-20 { font-size: 15px; } } @media (max-width: 767.98px) { .fs-16-20 { font-size: 14px; } } .fs-16-24 { font-size: 16px; line-height: 1.5; } @media (max-width: 1023.98px) { .fs-16-24 { font-size: 15px; } } @media (max-width: 767.98px) { .fs-16-24 { font-size: 14px; } } .fs-16-26 { font-size: 16px; line-height: 1.625; } @media (max-width: 1023.98px) { .fs-16-26 { font-size: 15px; } } @media (max-width: 767.98px) { .fs-16-26 { font-size: 14px; } } .fs-18-28 { font-size: 18px; line-height: 1.55555556; } @media (max-width: 1279.98px) { .fs-18-28 { font-size: 17px; } } @media (max-width: 1023.98px) { .fs-18-28 { font-size: 16px; } } @media (max-width: 767.98px) { .fs-18-28 { font-size: 15px; } } .fs-18-26-b { font-size: 18px; font-weight: bold; line-height: 1.44444444; } @media (max-width: 1279.98px) { .fs-18-26-b { font-size: 17px; } } @media (max-width: 1023.98px) { .fs-18-26-b { font-size: 16px; } } @media (max-width: 767.98px) { .fs-18-26-b { font-size: 15px; } } .fs-20-30 { font-size: 20px; line-height: 1.5; } @media (max-width: 1279.98px) { .fs-20-30 { font-size: 19px; } } @media (max-width: 1023.98px) { .fs-20-30 { font-size: 18px; } } @media (max-width: 767.98px) { .fs-20-30 { font-size: 17px; } } @media (max-width: 639.98px) { .fs-20-30 { font-size: 16px; } } .fs-20-24-m { font-size: 20px; font-weight: 500; line-height: 1.2; } @media (max-width: 1279.98px) { .fs-20-24-m { font-size: 19px; } } @media (max-width: 1023.98px) { .fs-20-24-m { font-size: 18px; } } @media (max-width: 767.98px) { .fs-20-24-m { font-size: 17px; } } @media (max-width: 639.98px) { .fs-20-24-m { font-size: 16px; } } .fs-20-24-b { font-size: 20px; font-weight: bold; line-height: 1.2; } @media (max-width: 1279.98px) { .fs-20-24-b { font-size: 19px; } } @media (max-width: 1023.98px) { .fs-20-24-b { font-size: 18px; } } @media (max-width: 767.98px) { .fs-20-24-b { font-size: 17px; } } @media (max-width: 639.98px) { .fs-20-24-b { font-size: 16px; } } .fs-24-30-m { font-size: 24px; font-weight: 500; line-height: 1.25; } @media (max-width: 1723.98px) { .fs-24-30-m { font-size: 22px; } } @media (max-width: 1279.98px) { .fs-24-30-m { font-size: 21px; } } @media (max-width: 1023.98px) { .fs-24-30-m { font-size: 20px; } } @media (max-width: 767.98px) { .fs-24-30-m { font-size: 19px; } } @media (max-width: 639.98px) { .fs-24-30-m { font-size: 18px; } } .fs-24-36-b { font-size: 24px; font-weight: bold; line-height: 1.5; } @media (max-width: 1723.98px) { .fs-24-36-b { font-size: 22px; } } @media (max-width: 1279.98px) { .fs-24-36-b { font-size: 21px; } } @media (max-width: 1023.98px) { .fs-24-36-b { font-size: 20px; } } @media (max-width: 767.98px) { .fs-24-36-b { font-size: 19px; } } @media (max-width: 639.98px) { .fs-24-36-b { font-size: 18px; } } .fs-26-34-b { font-size: 26px; font-weight: bold; line-height: 1.30769231; } @media (max-width: 1723.98px) { .fs-26-34-b { font-size: 24px; } } @media (max-width: 1279.98px) { .fs-26-34-b { font-size: 23px; } } @media (max-width: 1023.98px) { .fs-26-34-b { font-size: 22px; } } @media (max-width: 767.98px) { .fs-26-34-b { font-size: 20px; } } @media (max-width: 639.98px) { .fs-26-34-b { font-size: 19px; } } .fs-30-46-b { font-size: 30px; font-weight: bold; line-height: 1.53333333; } @media (max-width: 1279.98px) { .fs-30-46-b { font-size: 28px; } } @media (max-width: 1023.98px) { .fs-30-46-b { font-size: 26px; } } @media (max-width: 767.98px) { .fs-30-46-b { font-size: 24px; } } @media (max-width: 639.98px) { .fs-30-46-b { font-size: 22px; } } .fs-32-38-b { font-size: 32px; font-weight: bold; line-height: 1.1875; } @media (max-width: 1723.98px) { .fs-32-38-b { font-size: 30px; } } @media (max-width: 1535.98px) { .fs-32-38-b { font-size: 28px; } } @media (max-width: 1279.98px) { .fs-32-38-b { font-size: 26px; } } @media (max-width: 1023.98px) { .fs-32-38-b { font-size: 24px; } } @media (max-width: 767.98px) { .fs-32-38-b { font-size: 22px; } } @media (max-width: 639.98px) { .fs-32-38-b { font-size: 20px; } } .fs-36-40-b { font-size: 36px; font-weight: bold; line-height: 1.11111111; } @media (max-width: 1279.98px) { .fs-36-40-b { font-size: 32px; } } @media (max-width: 1023.98px) { .fs-36-40-b { font-size: 28px; } } @media (max-width: 767.98px) { .fs-36-40-b { font-size: 24px; } } @media (max-width: 639.98px) { .fs-36-40-b { font-size: 22px; } } .fs-36-48-b { font-size: 36px; font-weight: bold; line-height: 1.33333333; } @media (max-width: 1279.98px) { .fs-36-48-b { font-size: 32px; } } @media (max-width: 1023.98px) { .fs-36-48-b { font-size: 28px; } } @media (max-width: 767.98px) { .fs-36-48-b { font-size: 24px; } } @media (max-width: 639.98px) { .fs-36-48-b { font-size: 22px; } } .fs-48-64 { font-size: 48px; line-height: 1.33333333; } @media (max-width: 1723.98px) { .fs-48-64 { font-size: 44px; } } @media (max-width: 1535.98px) { .fs-48-64 { font-size: 40px; } } @media (max-width: 1279.98px) { .fs-48-64 { font-size: 34px; } } @media (max-width: 1023.98px) { .fs-48-64 { font-size: 28px; } } @media (max-width: 767.98px) { .fs-48-64 { font-size: 26px; } } @media (max-width: 639.98px) { .fs-48-64 { font-size: 24px; } } .fs-54-80-b { font-size: 54px; font-weight: bold; line-height: 1.48148148; } @media (max-width: 1723.98px) { .fs-54-80-b { font-size: 50px; } } @media (max-width: 1535.98px) { .fs-54-80-b { font-size: 46px; } } @media (max-width: 1279.98px) { .fs-54-80-b { font-size: 42px; } } @media (max-width: 1023.98px) { .fs-54-80-b { font-size: 35px; } } @media (max-width: 767.98px) { .fs-54-80-b { font-size: 30px; } } .mt-90 { margin-top: 90px; } @media (max-width: 1723.98px) { .mt-90 { margin-top: 70px; } } @media (max-width: 1279.98px) { .mt-90 { margin-top: 60px; } } @media (max-width: 1023.98px) { .mt-90 { margin-top: 50px; } } @media (max-width: 767.98px) { .mt-90 { margin-top: 40px; } } .mt-76 { margin-top: var(--ngy-margin-76); } .mt-56 { margin-top: var(--ngy-margin-56); } .mt-36 { margin-top: var(--ngy-margin-36); } .elem-sticky { position: -webkit-sticky !important; position: sticky !important; z-index: 10; top: -1px; left: 0; } @media (max-width: 1279.98px) { .elem-sticky { top: 0 !important; } } @media (min-width: 1536px) { .elem-sticky-2xl { position: -webkit-sticky !important; position: sticky !important; z-index: 10; top: -1px; left: 0; } } @media (min-width: 1280px) { .elem-sticky-xl { position: -webkit-sticky !important; position: sticky !important; z-index: 10; top: -1px; left: 0; } } @media (min-width: 1024px) { .elem-sticky-lg { position: -webkit-sticky !important; position: sticky !important; z-index: 10; top: -1px; left: 0; } } @media (min-width: 768px) { .elem-sticky-md { position: -webkit-sticky !important; position: sticky !important; z-index: 10; top: -1px; left: 0; } } @media (min-width: 640px) { .elem-sticky-sm { position: -webkit-sticky !important; position: sticky !important; z-index: 10; top: -1px; left: 0; } } @-webkit-keyframes l20-1 { 0% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); } 12.5% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); } 50% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 62.5% { -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 75% { -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); } 100% { -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); } } @keyframes l20-1 { 0% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); } 12.5% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); } 50% { -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 62.5% { -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 75% { -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); } 100% { -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); } } @-webkit-keyframes l20-2 { 0% { -webkit-transform: scaleY(1) rotate(0deg); transform: scaleY(1) rotate(0deg); } 49.99% { -webkit-transform: scaleY(1) rotate(135deg); transform: scaleY(1) rotate(135deg); } 50% { -webkit-transform: scaleY(-1) rotate(0deg); transform: scaleY(-1) rotate(0deg); } 100% { -webkit-transform: scaleY(-1) rotate(-135deg); transform: scaleY(-1) rotate(-135deg); } } @keyframes l20-2 { 0% { -webkit-transform: scaleY(1) rotate(0deg); transform: scaleY(1) rotate(0deg); } 49.99% { -webkit-transform: scaleY(1) rotate(135deg); transform: scaleY(1) rotate(135deg); } 50% { -webkit-transform: scaleY(-1) rotate(0deg); transform: scaleY(-1) rotate(0deg); } 100% { -webkit-transform: scaleY(-1) rotate(-135deg); transform: scaleY(-1) rotate(-135deg); } } @-webkit-keyframes rotateZ { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotateZ { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes scaleShadow { 0% { opacity: .8; box-shadow: 0 0 0 0 var(--shadow-color); } 100% { opacity: 0; box-shadow: 0 0 0 20px var(--shadow-color); } } @keyframes scaleShadow { 0% { opacity: .8; box-shadow: 0 0 0 0 var(--shadow-color); } 100% { opacity: 0; box-shadow: 0 0 0 20px var(--shadow-color); } } @media (max-width: 767.98px) { @-webkit-keyframes scaleShadow { 0% { opacity: .8; box-shadow: 0 0 0 0 var(--shadow-color); } 100% { opacity: 0; box-shadow: 0 0 0 10px var(--shadow-color); } } @keyframes scaleShadow { 0% { opacity: .8; box-shadow: 0 0 0 0 var(--shadow-color); } 100% { opacity: 0; box-shadow: 0 0 0 10px var(--shadow-color); } } } @-webkit-keyframes scaleShadowSm { 0% { opacity: .7; box-shadow: 0 0 0 0 #188ae1; } 100% { opacity: 0; box-shadow: 0 0 0 15px #188ae1; } } @keyframes scaleShadowSm { 0% { opacity: .7; box-shadow: 0 0 0 0 #188ae1; } 100% { opacity: 0; box-shadow: 0 0 0 15px #188ae1; } } @-webkit-keyframes scaleShadowBorder { 0% { -webkit-transform: translateX(-50%) translateY(-50%) scale(.9); transform: translateX(-50%) translateY(-50%) scale(.9); opacity: .7; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) scale(2.2); transform: translateX(-50%) translateY(-50%) scale(2.2); opacity: 0; } } @keyframes scaleShadowBorder { 0% { -webkit-transform: translateX(-50%) translateY(-50%) scale(.9); transform: translateX(-50%) translateY(-50%) scale(.9); opacity: .7; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) scale(2.2); transform: translateX(-50%) translateY(-50%) scale(2.2); opacity: 0; } } @-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25% { -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 75% { -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25% { -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 75% { -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes enlarge { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; } } @keyframes enlarge { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; } } @-webkit-keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes turnCenter { 0% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-360deg); transform: translateX(-50%) translateY(-50%) rotate(-360deg); } } @keyframes turnCenter { 0% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-360deg); transform: translateX(-50%) translateY(-50%) rotate(-360deg); } } @-webkit-keyframes pointScale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(.5); transform: scale(.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pointScale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(.5); transform: scale(.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounceIng { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } } @keyframes bounceIng { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } } .bounceIng { -webkit-animation-name: bounceIng; animation-name: bounceIng; } .color-normal { color: #188ae1; } .radius { border-radius: var(--radius-pc); } .iconfont { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .obj-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .scrollbar::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 5px; background-color: #e7e7e7; } .scrollbar::-webkit-scrollbar-track { border-radius: 5px; background-color: #e7e7e7; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #a0a0a0; } .scrollbar::-webkit-scrollbar-thumb:hover { border-radius: 5px; background-color: #a0a0a0; } .clamp { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .t1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ts { -webkit-transition: .6s; transition: .6s; } .jb { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), to(#188ae1)); background-image: -webkit-linear-gradient(left, #000 50%, #000 50%, #188ae1 100%); background-image: linear-gradient(90deg, #000 50%, #000 50%, #188ae1 100%); } .jb-white { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #fff), to(#188ae1)); background-image: -webkit-linear-gradient(left, #fff 50%, #fff 50%, #188ae1 100%); background-image: linear-gradient(90deg, #fff 50%, #fff 50%, #188ae1 100%); } .wzjb { background: #188ae1; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), to(#188ae1)); background-image: -webkit-linear-gradient(left, #000 50%, #000 50%, #188ae1 100%); background-image: linear-gradient(90deg, #000 50%, #000 50%, #188ae1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 767.98px) { html[class*='translated'] body.fixed .google-translate { top: 60px; } } body.fixed { overflow: hidden; } @media (max-width: 767.98px) { body.fixed .google-translate { -webkit-transition: .6s; transition: .6s; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto; opacity: 1; } } @media (min-width: 1280px) { body.loaded .header .nav .nav-list1 .nav-list2, body.loaded .header .list .list2, body.loaded .nav-xl-pro, body.loaded .nav-xl-list2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 1279.98px) { body.loaded .header .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } body.loaded .language-box .lang-select { display: block; } @media (min-width: 1280px) { .arrow-cont { padding: 0 90px; } } @media (min-width: 1870px) { .arrow-cont { max-width: 1840px; } } @media (min-width: 1280px) { .arrow-cont .slick-prev { left: 15px; } .arrow-cont .slick-next { right: 15px; } } .skiptranslate[style=''] ~ .header .fade-out { top: 40px; } @media (min-width: 1280px) { .skiptranslate[style=''] ~ .header.always-fixed .header-box { top: 40px; } } .skiptranslate[style=''] ~ .header.fixed:not(.always-fixed) .header-box { -webkit-transform: translateY(-webkit-calc(100% + 40px)); -ms-transform: translateY(calc(100% + 40px)); transform: translateY(calc(100% + 40px)); } .skiptranslate[style=''] ~ .mobie-fixed .header-box { margin-top: 110px; } .video-box { position: relative; z-index: 2; --shadow-color: #fff; } .video-box[data-src]:not([data-src='']) { cursor: pointer; } .video-box[data-src]:not([data-src='']) .v-btn-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .video-box[data-src]:not([data-src='']) .mask-diffusion { position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 100%; content: ''; -webkit-transition: 1.2s; transition: 1.2s; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-animation: scaleShadow 3000ms linear infinite; animation: scaleShadow 3000ms linear infinite; background-color: transparent; } .video-box[data-src]:not([data-src='']) .mask-diffusion:nth-child(2) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .video-box[data-src]:not([data-src='']) .mask-diffusion:nth-child(3) { -webkit-animation-delay: 3s; animation-delay: 3s; } @media (min-width: 1280px) { .video-box[data-src]:not([data-src='']):hover .v-btn-txt { animation: turnCenter 8000ms linear infinite reverse; } } @media (min-width: 1280px) { .video-box img { -webkit-transition: -webkit-transform 1.2s; transition: -webkit-transform 1.2s; transition: transform 1.2s; transition: transform 1.2s, -webkit-transform 1.2s; } .video-box:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } } .video-box > div, .video-box .img-box { display: block; } .video-box .v-btn-box { font-size: 18px; position: absolute; z-index: 3; top: 50%; left: 0; display: none; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #188ae1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1279.98px) { .video-box .v-btn-box { font-size: 17px; } } @media (max-width: 1023.98px) { .video-box .v-btn-box { font-size: 16px; } } @media (max-width: 767.98px) { .video-box .v-btn-box { font-size: 15px; } } .video-box .v-btn-box > span { font-weight: bold; margin-top: 15px; color: #fff; } @media (max-width: 767.98px) { .video-box .v-btn-box > span { margin-top: 10px; } } .video-box .v-btn-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; } .video-box .v-btn { font-style: normal; line-height: 1; position: relative; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .video-box .v-btn, .video-box .v-btn:before { border-radius: 50%; } .video-box .v-btn:before { font-size: 28px; position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 70px; height: 70px; -webkit-transition: .6s; transition: .6s; color: #188ae1; background-color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1723.98px) { .video-box .v-btn:before { font-size: 24px; width: 60px; height: 60px; } } @media (max-width: 1023.98px) { .video-box .v-btn:before { font-size: 20px; width: 50px; height: 50px; } } @media (max-width: 639.98px) { .video-box .v-btn:before { font-size: 16px; width: 40px; height: 40px; } } .video-box .v-btn.mask-btn .mask-diffusion { position: absolute; top: 50%; left: 50%; width: 95%; height: 95%; content: ''; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; background: none; } .video-box .v-btn > svg, .video-box .v-btn > img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-animation: turnCenter 6000ms linear infinite; animation: turnCenter 6000ms linear infinite; } .video-box .v-tit { font-size: 20px; font-weight: 500; margin-top: var(--ngy-margin-36); color: #fff; } @media (max-width: 1279.98px) { .video-box .v-tit { font-size: 19px; } } @media (max-width: 1023.98px) { .video-box .v-tit { font-size: 18px; } } @media (max-width: 767.98px) { .video-box .v-tit { font-size: 17px; } } @media (max-width: 639.98px) { .video-box .v-tit { font-size: 16px; } } .alone-video-btn { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; --shadow-color: #188ae1; } .alone-video-btn:before, .alone-video-btn span { -webkit-transition: .6s; transition: .6s; } .alone-video-btn:before { font-family: 'iconfont' !important; font-size: 18px; font-style: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 44px; height: 44px; content: '\e67c'; color: #188ae1; border: 5px solid #188ae1; border-radius: 50%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .alone-video-btn:before { font-size: 14px; width: 38px; height: 38px; border-width: 4px; } } .alone-video-btn span { font-size: 24px; font-weight: 500; } @media (max-width: 1723.98px) { .alone-video-btn span { font-size: 22px; } } @media (max-width: 1279.98px) { .alone-video-btn span { font-size: 21px; } } @media (max-width: 1023.98px) { .alone-video-btn span { font-size: 20px; } } @media (max-width: 767.98px) { .alone-video-btn span { font-size: 19px; } } @media (max-width: 639.98px) { .alone-video-btn span { font-size: 18px; } } .alone-video-btn .mask-diffusion { position: absolute; top: 50%; left: 50%; width: 80%; height: 80%; content: ''; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border: 1px solid #188ae1; border-radius: 50%; background: none; } .alone-video-btn:active { -webkit-transform: scale(.98); -ms-transform: scale(.98); transform: scale(.98); } @media (min-width: 1280px) { .alone-video-btn:hover .mask-diffusion { -webkit-animation: scaleShadow 3000ms linear infinite; animation: scaleShadow 3000ms linear infinite; } .alone-video-btn:hover .mask-diffusion:nth-child(2) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } } .table-box { overflow: auto; width: 100%; max-width: 100%; } .table-box table { font-size: 16px; width: 100% !important; max-width: 100%; height: auto !important; border-spacing: 0; border-collapse: collapse; } @media (max-width: 1023.98px) { .table-box table { font-size: 15px; } } @media (max-width: 767.98px) { .table-box table { font-size: 14px; } } .table-box table.all { position: initial; height: auto; } .table-box table tr, .table-box table td, .table-box table th, .table-box table p, .table-box table span { line-height: 1.2; } .table-box table p, .table-box table span { font-size: 1em !important; } @media (max-width: 639.98px) { .table-box table { font-size: 12px; } } .table-box table colgroup { display: none !important; } .table-box table tr, .table-box table td, .table-box table th { width: auto !important; height: auto !important; vertical-align: middle; word-break: normal !important; } .table-box table td, .table-box table th { padding: 12px 25px !important; border: 1px solid #eee; } @media (max-width: 1723.98px) { .table-box table td, .table-box table th { padding: 12px 20px !important; } } @media (max-width: 1279.98px) { .table-box table td, .table-box table th { padding: 10px 15px !important; } } @media (max-width: 767.98px) { .table-box table td, .table-box table th { padding: 8px !important; } } .table-box table tr p, .table-box table tr span { margin: 0 !important; padding: 0 !important; background: none !important; } .table-box table img { max-width: 100%; height: auto !important; } .table-box table .highlight { font-weight: bold; color: #fff; background-color: #188ae1; } .auto-adjust-img.is-mobile img { max-width: 100% !important; height: auto !important; padding: 2px; } .auto-adjust-img p.contains-pictures { font-size: 0; overflow-x: hidden; margin: 0; padding: 0; } .auto-adjust-img p.contains-pictures > img { display: inline-block; margin: 4px; } .auto-adjust-img li a, .auto-adjust-img p a { text-decoration: underline; color: #000; } .fancybox-slide--html .fancybox-close-small { line-height: 1; top: 12px; right: 12px; width: auto; height: auto; padding: 12px; } .fancybox-slide--html .fancybox-close-small svg { display: none; } .fancybox-slide--html .fancybox-close-small:after { font-family: 'iconfont' !important; font-size: 24px; font-style: normal; content: '\e668'; color: #003353; background: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slick-track:before, .slick-track:after { display: none; } .slick-track .slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .slick-track .slick-slide .item-box, .slick-track .slick-slide > div, .slick-track .slick-slide > div > article { height: 100%; } .slick-vertical .slick-track { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .slick-list { margin: 0 -15px; } .slick-slide { padding: 0 15px; } @media (max-width: 1023.98px) { .slick-list { margin: 0 -12px; } .slick-slide { padding: 0 12px; } } @media (max-width: 767.98px) { .slick-list { margin: 0 -8px; } .slick-slide { padding: 0 8px; } } .slick-dots { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: var(--spacing-pc-40); text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; --dots-bg: #eee; } @media (max-width: 767.98px) { .slick-dots { margin-top: 10px; } } .slick-dots > span, .slick-dots > li { position: relative; width: 20px; height: 3px; margin: 5px 3px 0; cursor: pointer; -webkit-transition: .3s; transition: .3s; opacity: 1; border-radius: 8px; background-color: var(--dots-bg); } @media (min-width: 1280px) { .slick-dots > span:hover, .slick-dots > li:hover { background-color: #188ae1; } } .slick-dots > span.swiper-pagination-bullet-active, .slick-dots > li.swiper-pagination-bullet-active, .slick-dots > span.slick-active, .slick-dots > li.slick-active { opacity: 1; background-color: #188ae1; } .slick-dots > span.swiper-pagination-bullet-active:before, .slick-dots > li.swiper-pagination-bullet-active:before, .slick-dots > span.slick-active:before, .slick-dots > li.slick-active:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .slick-dots > span button, .slick-dots > li button { display: none; } .google-translate { line-height: 1.3 !important; min-width: 80px; } @media (min-width: 1280px) { .google-translate a:hover { color: inherit !important; } } .fancybox-slide--html .fancybox-close-small { font-size: 20px; line-height: 1; top: 0; right: 0; width: auto; height: auto; padding: 12px; } .fancybox-slide--html .fancybox-close-small svg { display: none; } .fancybox-slide--html .fancybox-close-small:after { font-family: 'iconfont' !important; font-size: 1em; font-style: normal; content: '\e66a'; color: #188ae1; background: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767.98px) { .fancybox-slide--html .fancybox-close-small { padding: 5px; } } .categories-tit { font-size: 30px; font-weight: bold; } @media (max-width: 1723.98px) { .categories-tit { font-size: 28px; } } @media (max-width: 1535.98px) { .categories-tit { font-size: 26px; } } .menu-wrap .menu { position: relative; padding-top: var(--spacing-pc-30); border-radius: var(--radius-pc); background-color: var(--color-blue); } .menu-wrap .menu a { display: block; } .menu-wrap .menu1 { font-size: 20px; padding: 30px 20px; } @media (max-width: 1535.98px) { .menu-wrap .menu1 { font-size: 18px; } } @media (max-width: 1279.98px) { .menu-wrap .menu1 { font-size: 16px; } } .menu-wrap .menu1 li .menu-more:after { font-family: 'iconfont' !important; font-size: 1.1em; font-style: normal; line-height: 1; display: block; content: '\e641'; -webkit-transition: -webkit-transform .4s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .menu-wrap .menu1 li .menu-more, .menu-wrap .menu1 > li > a:after { padding: 0 0 0 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu-wrap .menu1.reverse-icon li .more-wrap, .menu-wrap .menu1.reverse-icon > li > a { flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .menu-wrap .menu1.reverse-icon li .menu-more, .menu-wrap .menu1.reverse-icon > li > a:after { padding: 0 10px 0 0; } .menu-wrap .menu1 li.more { position: relative; } .menu-wrap .menu1 li .more-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .menu-wrap .menu1 li .more-wrap > a { padding-right: 0 !important; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .menu-wrap .menu1 li .menu-more { z-index: 2; cursor: pointer; color: inherit; background: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu-wrap .menu1 li.active > .more-wrap > .menu-more:after { content: '\e640'; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-wrap .menu1 > li { position: relative; z-index: 2; } .menu-wrap .menu1 > li:not(:first-child) { margin-top: 7.24637681%; } .menu-wrap .menu1 > li.active > a, .menu-wrap .menu1 > li.active > .more-wrap { color: #188ae1; } .menu-wrap .menu1 > li.active > a span, .menu-wrap .menu1 > li.active > .more-wrap span { text-decoration: underline; color: inherit; } .menu-wrap .menu1 > li.active > a:before, .menu-wrap .menu1 > li.active > .more-wrap > a:before { background-color: #fff; } .menu-wrap .menu1 > li > .more-wrap, .menu-wrap .menu1 > li > a { -webkit-transition: .3s; transition: .3s; } @media (min-width: 1280px) { .menu-wrap .menu1 > li > .more-wrap:hover, .menu-wrap .menu1 > li > a:hover { color: #188ae1; } } .menu-wrap .menu1 > li > a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .menu-wrap .menu1 > li > a > span { margin: 0 auto 0 0; } .menu-wrap .menu1 > li > a, .menu-wrap .menu1 > li > .more-wrap > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu-wrap .menu1 ul { display: none; } .menu-wrap .menu2 { font-size: .9em; padding: 2.81690141%; } .menu-wrap .menu2 > li { position: relative; } .menu-wrap .menu2 > li:not(:first-child) { margin-top: 10px; } .menu-wrap .menu2 > li.active > a, .menu-wrap .menu2 > li.active > .more-wrap { text-decoration: underline; color: #188ae1; } .menu-wrap .menu2 > li.active > a > span:before, .menu-wrap .menu2 > li.active > .more-wrap > span:before { border-color: #188ae1; background-color: #188ae1; } .menu-wrap .menu2 > li > a, .menu-wrap .menu2 > li > .more-wrap > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu-wrap .menu2 > li > a { position: relative; } @media (min-width: 1280px) { .menu-wrap .menu2 > li > a { -webkit-transition: .2s; transition: .2s; } .menu-wrap .menu2 > li > a:hover { color: #188ae1; } } .menu-wrap .menu3 { font-size: 13px; } .menu-wrap .menu3 > li { line-height: 1.8; padding-left: 20px; color: #666; } .menu-wrap .menu3 > li.active > a { color: #188ae1; } @media (min-width: 1280px) { .menu-wrap .menu3 > li > a:hover { color: #188ae1; } } .menu-wrap .slide-news li:not(:first-child) { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f1f6ee; } .menu-wrap .slide-news .date { color: #188ae1; } .menu-wrap .slide-news .tit { display: -webkit-box; overflow: hidden; height: auto; margin-top: 4px; color: #3b3b3b; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (min-width: 1280px) { .menu-wrap .slide-news a:hover { text-decoration: underline; color: #188ae1; } } .breadcrumb { font-size: var(--text-pc-16); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin: 0; padding: 0; color: inherit; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 639.98px) { .breadcrumb { font-size: 13px; } } .breadcrumb li { position: relative; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .breadcrumb li a, .breadcrumb li span { display: inline-block; vertical-align: middle; color: inherit; } @media (min-width: 1280px) { .breadcrumb li a:hover { text-decoration: underline; } } @media (max-width: 1279.98px) { .breadcrumb li a:active { text-decoration: underline; } } .share-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .share-box > span { font-size: 20px; margin-right: 10px; text-transform: capitalize; } @media (max-width: 1279.98px) { .share-box > span { font-size: 19px; } } @media (max-width: 1023.98px) { .share-box > span { font-size: 18px; } } @media (max-width: 767.98px) { .share-box > span { font-size: 17px; } } @media (max-width: 639.98px) { .share-box > span { font-size: 16px; } } @media (max-width: 1279.98px) { .xs-product-nav { margin-bottom: 30px; padding: 10px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } } @media (max-width: 767.98px) { .xs-product-nav { margin-bottom: 20px; } } .xs-product-nav ul { line-height: 1.8; position: relative; z-index: 2; margin: 0 -8px; text-transform: capitalize; } @media (max-width: 639.98px) { .xs-product-nav ul { font-size: 12px; margin: 0 -6px; } } .xs-product-nav li { display: inline-block; padding: 0 8px; vertical-align: top; } @media (max-width: 639.98px) { .xs-product-nav li { padding: 0 6px; } } .xs-product-nav .active { color: #188ae1; } .xs-product-nav a:active { color: #188ae1; } .scroll-nav { font-size: 0; z-index: 10; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll-nav .nav-wrap { overflow-x: auto; } .scroll-nav .nav-wrap::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fefefe; } .scroll-nav .nav-wrap::-webkit-scrollbar-track { border-radius: 5px; background-color: #fefefe; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .scroll-nav .nav-wrap::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, .1); } .scroll-nav .nav-wrap::-webkit-scrollbar-thumb:hover { border-radius: 5px; background: rgba(0, 0, 0, .3); } .scroll-nav ul { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } .scroll-nav li { position: relative; z-index: 2; display: inline-block; } .inside-nav { font-size: 18px; position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1279.98px) { .inside-nav { font-size: 17px; } } @media (max-width: 1023.98px) { .inside-nav { font-size: 16px; } } @media (max-width: 767.98px) { .inside-nav { font-size: 15px; } } @media (min-width: 1280px) { .inside-nav { position: absolute; z-index: 4; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .25); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } } @media (max-width: 1279.98px) { .inside-nav { background-color: #000; } } .inside-nav li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inside-nav li:not(:first-child):before { width: 1px; height: 18px; margin: 0 60px; content: ''; background-color: #d9d9d9; } @media (max-width: 1723.98px) { .inside-nav li:not(:first-child):before { margin: 0 50px; } } @media (max-width: 1535.98px) { .inside-nav li:not(:first-child):before { margin: 0 40px; } } @media (max-width: 1279.98px) { .inside-nav li:not(:first-child):before { margin: 0 4vw; } } @media (max-width: 767.98px) { .inside-nav li:not(:first-child):before { height: 12px; } } .inside-nav a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 50px; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .inside-nav a { -webkit-transition: .3s; transition: .3s; } .inside-nav a:hover { color: #1dadb5; } } @media (max-width: 767.98px) { .inside-nav a { min-height: 40px; } } .inside-nav .active a { color: #1dadb5; } .floor-nav { background-color: #188ae1; } .floor-nav ul { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .floor-nav li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .floor-nav li:before { width: 1px; height: 18px; margin: 0 50px; content: ''; opacity: 0; background-color: #d9d9d9; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1535.98px) { .floor-nav li:before { margin: 0 4vw; } } .floor-nav li:first-child:before { display: none; } .floor-nav .active a { font-weight: bold; text-decoration: underline; } .floor-nav a { font-size: 18px; font-weight: 500; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; min-height: 60px; color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1279.98px) { .floor-nav a { font-size: 17px; } } @media (max-width: 1023.98px) { .floor-nav a { font-size: 16px; } } @media (max-width: 767.98px) { .floor-nav a { font-size: 15px; } } .floor-nav a span { display: block; } @media (min-width: 1280px) { .floor-nav a { -webkit-transition: .6s; transition: .6s; } } @media (max-width: 1279.98px) { .floor-nav a { min-height: 45px; } } .floor-nav a:active { -webkit-transition: 0s; transition: 0s; } .verification-list { display: none; } .verification-list.active { display: block; } .verification-list .verification-code { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .verification-list .ipt-spam-code { width: 230px; } @media (max-width: 1723.98px) { .verification-list .ipt-spam-code { width: 200px; } } @media (max-width: 767.98px) { .verification-list .ipt-spam-code { width: 40vw; min-width: 140px; } } .verification-list .spam-code-img { max-width: 50%; margin-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .inquiry-form > p { font-size: 16px; margin-bottom: 24px; color: #666; } @media (max-width: 1023.98px) { .inquiry-form > p { font-size: 15px; } } @media (max-width: 767.98px) { .inquiry-form > p { font-size: 14px; } } @media (max-width: 1723.98px) { .inquiry-form > p { margin-bottom: 20px; } } @media (max-width: 1023.98px) { .inquiry-form > p { margin-bottom: 15px; } } @media (max-width: 767.98px) { .inquiry-form > p { margin-bottom: 10px; } } .inquiry-form .form-pro-tit { font-size: 18px; margin-bottom: 16px; } @media (max-width: 1279.98px) { .inquiry-form .form-pro-tit { font-size: 17px; } } @media (max-width: 1023.98px) { .inquiry-form .form-pro-tit { font-size: 16px; } } @media (max-width: 767.98px) { .inquiry-form .form-pro-tit { font-size: 15px; } } .inquiry-form.has-bg input, .inquiry-form.has-bg textarea, .inquiry-form.has-bg .ipt-pro-name > span, .inquiry-form.has-bg .rating-box, .inquiry-form.has-bg select, .inquiry-form.has-bg .select2-selection--single { background-color: #f4f9fc; } .inquiry-form.has-bg-gray input, .inquiry-form.has-bg-gray textarea, .inquiry-form.has-bg-gray .ipt-pro-name > span, .inquiry-form.has-bg-gray .rating-box, .inquiry-form.has-bg-gray select, .inquiry-form.has-bg-gray .select2-selection--single { background-color: #f5f5f5; } .inquiry-form.has-bg-white input, .inquiry-form.has-bg-white textarea, .inquiry-form.has-bg-white .ipt-pro-name > span, .inquiry-form.has-bg-white .rating-box, .inquiry-form.has-bg-white select, .inquiry-form.has-bg-white .select2-selection--single { background-color: #fff; } .inquiry-form.has-border input, .inquiry-form.has-border textarea, .inquiry-form.has-border .ipt-pro-name > span, .inquiry-form.has-border .rating-box, .inquiry-form.has-border select, .inquiry-form.has-border .select2-selection--single { border: 1px solid var(--color-primary); } .inquiry-form.has-radius input, .inquiry-form.has-radius textarea, .inquiry-form.has-radius .ipt-pro-name > span, .inquiry-form.has-radius .rating-box, .inquiry-form.has-radius select, .inquiry-form.has-radius .select2-selection--single { border-radius: var(--radius-pc-10); } .inquiry-form.submit-center .link-box, .inquiry-form.submit-center .submit { display: block; margin-right: auto; margin-left: auto; } .inquiry-form.submit-end .link-box, .inquiry-form.submit-end .submit { display: block; margin-right: 0; margin-left: auto; } .inquiry-form form > p { font-size: 16px; margin: -5px 0 20px; color: #666; } @media (max-width: 1023.98px) { .inquiry-form form > p { font-size: 15px; } } @media (max-width: 767.98px) { .inquiry-form form > p { font-size: 14px; } } .inquiry-form li > label, .inquiry-form .ipt-upload > label { font-weight: normal; position: relative; display: block; width: 100%; margin: 0; } .inquiry-form input::-webkit-input-placeholder, .inquiry-form textarea::-webkit-input-placeholder { color: var(--color-primary); } .inquiry-form input:-o-placeholder, .inquiry-form textarea:-o-placeholder { color: var(--color-primary); } .inquiry-form input::-moz-placeholder, .inquiry-form textarea::-moz-placeholder { color: var(--color-primary); } .inquiry-form input:-ms-input-placeholder, .inquiry-form textarea:-ms-input-placeholder { color: var(--color-primary); } .inquiry-form input:focus::-webkit-input-placeholder, .inquiry-form textarea:focus::-webkit-input-placeholder { color: #ccc; } .inquiry-form input:focus::-o-placeholder, .inquiry-form textarea:focus::-o-placeholder { color: #ccc; } .inquiry-form input:focus::-moz-placeholder, .inquiry-form textarea:focus::-moz-placeholder { color: #ccc; } .inquiry-form input:focus::-ms-input-placeholder, .inquiry-form textarea:focus::-ms-input-placeholder { color: #ccc; } .inquiry-form input, .inquiry-form textarea, .inquiry-form .ipt-pro-name > span, .inquiry-form .rating-box, .inquiry-form select, .inquiry-form .select2-selection--single, .inquiry-form .form-placeholder { font-size: var(--text-pc-16); line-height: 1.3; display: block; width: 100%; padding: 14px 20px; -webkit-transition: border-color .4s; transition: border-color .4s; color: var(--color-primary); background: none; } @media (max-width: 1279.98px) { .inquiry-form input, .inquiry-form textarea, .inquiry-form .ipt-pro-name > span, .inquiry-form .rating-box, .inquiry-form select, .inquiry-form .select2-selection--single, .inquiry-form .form-placeholder { padding: 12px 16px; } } @media (max-width: 767.98px) { .inquiry-form input, .inquiry-form textarea, .inquiry-form .ipt-pro-name > span, .inquiry-form .rating-box, .inquiry-form select, .inquiry-form .select2-selection--single, .inquiry-form .form-placeholder { font-size: 13px; padding: 10px; } } .inquiry-form .input-box[required] + .form-placeholder:after, .inquiry-form .input-box[required] + .placeholder-tit:after { content: '*'; } .inquiry-form .input-box[required] + .placeholder-tit:after { margin-left: 5px; color: #c7371f; } .inquiry-form .input-box:not(:-moz-placeholder) + .form-placeholder, .inquiry-form .input-box:focus:not(:-moz-placeholder) + .form-placeholder { padding: 0; transform: translateY(-100%) scale(.8); color: #188ae1; } .inquiry-form .input-box:not(:-ms-input-placeholder) + .form-placeholder, .inquiry-form .input-box:focus:not(:-ms-input-placeholder) + .form-placeholder { padding: 0; -ms-transform: translateY(-100%) scale(.8); transform: translateY(-100%) scale(.8); color: #188ae1; } .inquiry-form .input-box:focus + .form-placeholder, .inquiry-form select:valid ~ .form-placeholder, .inquiry-form .input-box:not(:placeholder-shown) + .form-placeholder, .inquiry-form .input-box:focus:not(:placeholder-shown) + .form-placeholder { padding: 0; -webkit-transform: translateY(-100%) scale(.8); -ms-transform: translateY(-100%) scale(.8); transform: translateY(-100%) scale(.8); color: #188ae1; } .inquiry-form textarea { min-height: 150px; field-sizing: content; } @media (max-width: 767.98px) { .inquiry-form textarea { min-height: 100px; } } .inquiry-form .label-select:after { font-family: 'iconfont' !important; font-style: normal; position: absolute; z-index: 2; top: 50%; right: 15px; content: '\e602'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inquiry-form select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .inquiry-form select::-ms-expand { display: none; } .inquiry-form .select2-container { width: 100% !important; } .inquiry-form .select2-selection--single { height: auto; } .inquiry-form .select2-selection--single .select2-selection__rendered { padding: 0 30px 0 0; } @media (max-width: 767.98px) { .inquiry-form .select2-selection--single .select2-selection__rendered { padding-right: 20px; } } .inquiry-form .select2-selection--single .select2-selection__arrow { font-size: 18px; position: absolute; top: 50%; right: 30px; left: auto; width: auto; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .inquiry-form .select2-selection--single .select2-selection__arrow:after { font-family: 'iconfont' !important; font-weight: bold; font-style: normal; content: '\e602'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inquiry-form .select2-selection--single .select2-selection__arrow b { display: none; } @media (max-width: 1023.98px) { .inquiry-form .select2-selection--single .select2-selection__arrow { right: 20px; } } @media (max-width: 767.98px) { .inquiry-form .select2-selection--single .select2-selection__arrow { font-size: 14px; right: 15px; } } .inquiry-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { -webkit-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); } .inquiry-form .placeholder-tit { font-size: 16px; font-weight: 500; margin-bottom: 10px; } @media (max-width: 1023.98px) { .inquiry-form .placeholder-tit { font-size: 15px; } } @media (max-width: 767.98px) { .inquiry-form .placeholder-tit { font-size: 14px; } } @media (max-width: 767.98px) { .inquiry-form .placeholder-tit { margin-bottom: 5px; } } .inquiry-form .ipt-pro-name > span { color: #fff; background-color: var(--color-primary) !important; } .inquiry-form .ipt-placeholder { font-size: 16px; font-weight: 500; margin-bottom: 12px; } @media (max-width: 1023.98px) { .inquiry-form .ipt-placeholder { font-size: 15px; } } @media (max-width: 767.98px) { .inquiry-form .ipt-placeholder { font-size: 14px; } } @media (max-width: 767.98px) { .inquiry-form .ipt-placeholder { margin-bottom: 8px; } } .inquiry-form .form-placeholder { position: absolute; top: 0; left: 0; display: block; cursor: text; -webkit-transition: .6s; transition: .6s; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .inquiry-form .rating-box > span { margin-right: 23px; } .inquiry-form .textarea-box { position: relative; width: 100%; } .inquiry-form .upload-btn { position: absolute; z-index: 3; right: 30px; bottom: 10px; } .inquiry-form .uploading-btn { margin-right: 40px; background: none; } @media (max-width: 767.98px) { .inquiry-form .uploading-btn { margin-right: 25px; } } .inquiry-form .agree-privacy-policy { width: 750px; max-width: 100%; margin-top: var(--ngy-margin-40); } .inquiry-form .agree-privacy-policy label { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #444; } .inquiry-form .agree-privacy-policy label .ipt-checkbox { position: absolute; top: 7px; left: 0; width: auto; opacity: 0; } .inquiry-form .agree-privacy-policy label .ipt-checkbox:checked ~ span > i:before { content: '\e624'; } .inquiry-form .agree-privacy-policy label > span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inquiry-form .agree-privacy-policy label > span > i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 16px; height: 16px; margin-top: 5px; margin-right: 12px; border: 1px solid currentColor; border-radius: var(--radius-pc); -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inquiry-form .agree-privacy-policy label > span > i:before { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inquiry-form .agree-privacy-policy label > span a { margin-left: 5px; text-decoration: underline; } @media (min-width: 1280px) { .inquiry-form .agree-privacy-policy label > span a:hover { color: #188ae1; } } .inquiry-form .agree-privacy-policy label > span a:active { color: #188ae1; } .follow-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } @media (max-width: 767.98px) { .follow-box { gap: 10px; } } .follow-box.has-width a { font-size: 20px; width: 40px; height: 40px; -webkit-transition: .6s; transition: .6s; } @media (max-width: 1279.98px) { .follow-box.has-width a { font-size: 16px; width: 36px; height: 36px; } } .follow-box.has-width a:active { color: #fff; background-color: #188ae1; } .follow-box.has-radius a { border-radius: 5px; } .follow-box.has-bg a { color: #fff; background-color: rgba(255, 255, 255, .2); } @media (min-width: 1280px) { .follow-box.has-bg a:hover { color: #188ae1; background-color: #fff; } } .follow-box.has-bg a:active { color: #188ae1; background-color: #fff; } .follow-box.has-border a { color: #fff; border: 1px solid #666; } @media (min-width: 1280px) { .follow-box.has-border a:hover { color: #188ae1; } } .follow-box.has-border a:active { color: #188ae1; } .follow-box.has-bg-white a { color: #000; background-color: #fff; } @media (min-width: 1280px) { .follow-box.has-bg-white a:hover { color: #fff; background-color: #188ae1; } } .follow-box.has-bg-white a:active { color: #fff; background-color: #188ae1; } .follow-box.has-normal { gap: 35px; } .follow-box.has-normal a { font-size: 18px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; color: #dee9f3; } .follow-box.has-normal a:active { color: #fff; } @media (min-width: 1280px) { .follow-box.has-normal a:hover { color: #fff; } } .follow-box.has-line { gap: 0; } .follow-box.has-line a { font-size: 20px; -webkit-transition: .3s; transition: .3s; } @media (max-width: 1279.98px) { .follow-box.has-line a { font-size: 19px; } } @media (max-width: 1023.98px) { .follow-box.has-line a { font-size: 18px; } } @media (max-width: 767.98px) { .follow-box.has-line a { font-size: 17px; } } @media (max-width: 639.98px) { .follow-box.has-line a { font-size: 16px; } } .follow-box.has-line span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .follow-box.has-line span:before { width: 1px; height: 22px; margin: 0 22px; content: ''; background-color: rgba(255, 255, 255, .2); } @media (max-width: 767.98px) { .follow-box.has-line span:before { margin: 0 15px; } } .follow-box.has-line span:first-child:before { display: none; } .follow-box.has-svg a:active { color: #188ae1; } .follow-box.alone-color a { color: #e6e6e6; } .follow-box.alone-color .instagram { color: #e80d72 !important; } .follow-box.alone-color .linkedin { color: #0a66c2 !important; } .follow-box.alone-color .facebook { color: #0866ff !important; } .follow-box.alone-color .youtube { color: #f00 !important; } .follow-box.alone-color .twitter { color: #000 !important; } .follow-box.alone-bg a { color: #fff; } .follow-box.alone-bg .instagram { background: -webkit-linear-gradient(235deg, #405de6 0%, #5851db 12%, #833ab4 25%, #c13584 38%, #e1306c 50%, #fd1d1d 62%, #f56040 74%, #f77737 86%, #fcaf45 93%, #ffdc80 100%) !important; background: linear-gradient(215deg, #405de6 0%, #5851db 12%, #833ab4 25%, #c13584 38%, #e1306c 50%, #fd1d1d 62%, #f56040 74%, #f77737 86%, #fcaf45 93%, #ffdc80 100%) !important; background-color: #e80d72 !important; } .follow-box.alone-bg .linkedin { background-color: #0a66c2 !important; } .follow-box.alone-bg .facebook { background-color: #0866ff !important; } .follow-box.alone-bg .youtube { background-color: #f00 !important; } .follow-box.alone-bg .twitter { background-color: #000 !important; } .follow-box.alone-bg .whatsapp { background-color: #25d366 !important; } .follow-box .follow-tit { width: 100%; margin-bottom: 5px; } .follow-box > span:has(a[href='']) { display: none; } .follow-box a { font-size: 20px; line-height: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .follow-box a[href=''] { display: none; } @media (max-width: 767.98px) { .follow-box a { font-size: 18px; } } .follow-box a svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .follow-box a .path { -webkit-transition: .3s; transition: .3s; stroke: #188ae1; stroke-width: 1; stroke-dasharray: 0, 126; stroke-dashoffset: 0; cx: 18; cy: 18; r: 17; } @media (min-width: 1280px) { .follow-box a:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); text-decoration: none; } .follow-box a:hover .path { stroke-dasharray: 155, 126; } } .follow-box a:active { text-decoration: none !important; } .follow-box .follow-code { position: relative; } .follow-box .follow-code:hover .pic { display: block; } .follow-box .follow-code .pic { position: absolute; z-index: 2; bottom: 100%; left: 50%; display: none; width: 110px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); } .pop-sale { display: none; width: 1000px; max-width: 95%; padding: 0; border-radius: var(--radius-pc); } .pop-sale .title { margin-bottom: 30px; } @media (max-width: 767.98px) { .pop-sale .title { margin-bottom: 15px; } } .pop-sale .inquiry-form { padding: 50px; background: #fff no-repeat 100% 10%; } @media (max-width: 767.98px) { .pop-sale .inquiry-form { padding: 35px 20px; } } @media (max-width: 639.98px) { .pop-sale .inquiry-form { background-size: contain; } } @media (min-width: 1024px) { .pop-sale .inquiry-form textarea { min-height: 140px; } } .pop-sale .tit { font-size: 24px; font-weight: bold; margin-bottom: 30px; } @media (max-width: 1723.98px) { .pop-sale .tit { font-size: 22px; } } @media (max-width: 1279.98px) { .pop-sale .tit { font-size: 21px; } } @media (max-width: 1023.98px) { .pop-sale .tit { font-size: 20px; } } @media (max-width: 767.98px) { .pop-sale .tit { font-size: 19px; } } @media (max-width: 639.98px) { .pop-sale .tit { font-size: 18px; } } @media (max-width: 767.98px) { .pop-sale .tit { margin-bottom: 15px; } } @media (min-width: 1280px) { .pop-sale form .row > .col-xl-3 { width: 50%; } } .review-box { margin: var(--spacing-pc-80) 0; } @media (max-width: 1535.98px) { .review-box { margin: var(--spacing-pc-40) 0; } } .review-box p { font-size: 18px; margin: 0 0 0 15px; } @media (max-width: 1279.98px) { .review-box p { font-size: 17px; } } @media (max-width: 1023.98px) { .review-box p { font-size: 16px; } } @media (max-width: 767.98px) { .review-box p { font-size: 15px; } } @media (max-width: 1279.98px) { .review-box p { font-size: 16px; margin: 0 0 0 10px; } } .review-box .ratingbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; border: none; border-radius: 0; border-radius: 3px; background: transparent; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .review-box .ratingbox .rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 0 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .review-box .ratingbox .rating input { display: none !important; } .review-box .ratingbox .rating input:checked ~ label svg { fill: #f85e03; } .review-box .ratingbox .rating label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 5px; cursor: pointer; color: #f85e03; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .review-box .ratingbox .rating label::before { display: none !important; } .review-box .ratingbox .rating label svg { width: 20px; height: 20px; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); fill: none; stroke: #f85e03; stroke-width: 2px; } .review-box .ratingbox .rating label:hover svg, .review-box .ratingbox .rating label:hover ~ label svg { fill: #f85e03; } .touch-btn .link-box > span { height: 54px; padding: 0 15px; } @media (max-width: 1279.98px) { .touch-btn .link-box > span { height: 40px; } } .logo { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .logo .logo-white { display: none; } .logo img { max-width: 100%; } .logo .pic { height: 51px; } @media (max-width: 1535.98px) { .logo .pic { height: 40px; } } .logo .pic img { display: block; width: auto; height: 100%; } @media (max-width: 1279.98px) { .logo .pic { height: 60px; padding: 5px 0; } } @media (max-width: 1023.98px) { .logo .pic { height: 50px; } } @media (max-width: 767.98px) { .logo .pic { height: 45px; } } @media (max-width: 639.98px) { .logo .pic { width: 220px; width: min(220px, 38vw); height: auto; } .logo .pic img { width: 100%; height: auto; } } .header { position: relative; z-index: 999; } @media (min-width: 1280px) { .header.always-fixed { height: 0 !important; } .header.always-fixed.pc-fixed .header-box:after { -webkit-transition: 0s; transition: 0s; background-color: var(--color-primary-hover); } .header.always-fixed.pc-fixed .info-box { border-bottom: 1px solid transparent; } .header.always-fixed .header-box { position: fixed; top: var(--headerTop); left: 0; width: 100%; border: none; } .header.always-fixed .header-box:after { width: 100%; -webkit-transition: .6s; transition: .6s; background-color: transparent; } .header.always-fixed .info-box { border-bottom: 1px solid rgba(255, 255, 255, .2); } } @media (min-width: 1280px) { .header.always-fixed:not(.pc-fixed):not(.mobie-fixed) .logo .logo-normal { display: none; } .header.always-fixed:not(.pc-fixed):not(.mobie-fixed) .logo .logo-white { display: block; } } .header.mobie-fixed .header-box { position: fixed; top: -70px; left: 0; width: 100%; margin: 70px 0 0; -webkit-transition: margin .8s; transition: margin .8s; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); } .header.mobie-fixed .header-box:after { max-width: 100%; } @media (min-width: 1280px) { .header.pc-fixed .header-box { position: fixed; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .header.pc-fixed .header-box:after { width: 100vw; max-width: 100vw; opacity: 1; border-radius: 0; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); } .header.pc-fixed .header-box .logo-normal { display: block !important; } .header.pc-fixed .header-box .logo-white { display: none !important; } .header.pc-fixed:not(.always-fixed) .header-box { top: auto; bottom: 100%; left: 0; width: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #fff; } } .header__top { font-size: 14px; overflow: hidden; width: 100%; color: #fff; background-color: #003353; } @media (max-width: 1279.98px) { .header__top { display: none !important; } } .header__top .container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header__top .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header__top .info > span { font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__top .info > span:before { font-family: 'iconfont' !important; font-size: 1.1em; font-style: normal; margin-right: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header__top .info > span:after { width: 1px; height: 15px; margin: 0 16px; content: ''; opacity: 0; background-color: #fff; } @media (max-width: 1535.98px) { .header__top .info > span:after { margin: 0 10px; } } .header__top .info > span:first-child { margin-left: 0; } .header__top .info > span:last-child:after { display: none; } .header__top .info > span:last-child > a { margin-right: 0; } .header__top .info > span > a { margin-right: 8px; } @media (min-width: 1280px) { .header__top .info > span > a:hover span { text-decoration: underline; } } .header__top .info > span span { font-weight: normal; } @media (min-width: 1280px) { .header__top .info a:hover { color: #fff; } } .header__top .info .mail:before { content: '\e909'; } .header__top .info .tel:before { content: '\e6be'; } .header__top .welcome { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 40px; padding: 5px 0; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header__bottom { background-color: #fff; } .header .header-box { position: relative; z-index: 2; box-shadow: 0 4px 10px 0 rgba(0, 90, 139, .4); } .header .header-box:after { position: absolute; z-index: -1; top: 0; left: 50%; width: 100%; height: 100%; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; } .header .header-box > .container { position: relative; } @media (min-width: 1280px) { .header .header-box { -webkit-perspective: 500; perspective: 500; } } @media (max-width: 1279.98px) { .header .header-box:after { width: 100%; -webkit-transition: 0s; transition: 0s; border-radius: 0; } } @media (min-width: 1724px) { .header .header-box .container-fluid { padding: 0 1.5625%; } } @media (max-width: 639.98px) { .header .header-box .info-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .header .header-r { font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 70px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023.98px) { .header .header-r { font-size: 15px; } } @media (max-width: 767.98px) { .header .header-r { font-size: 14px; } } @media (max-width: 767.98px) { .header .header-r { min-height: 60px; } } @media (max-width: 639.98px) { .header .header-r { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .header .header-r > * { margin-left: 15px; } @media (min-width: 1280px) { .header .header-r > *:not(.nav) { white-space: nowrap; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (max-width: 639.98px) { .header .header-r > * { margin-left: 3.2vw; } } .header .header-r > *:first-child { margin-left: 0; } @media (max-width: 1535.98px) { .header .header-r .link-box > span, .header .header-r .link-box > a { font-size: 13px; padding-right: 10px; padding-left: 10px; } } @media (max-width: 639.98px) { .header .header-r .link-box > span, .header .header-r .link-box > a { font-size: 12px; } } @media (min-width: 1280px) { .header .google-translate { margin-right: 25px; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .header .google-translate { margin-right: 15px; } } @media (max-width: 767.98px) { .header .google-translate { position: fixed; z-index: 99999999; top: 20px; left: -webkit-calc(100% - 405px); left: calc(100% - 405px); margin-left: 0 !important; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); pointer-events: none; opacity: 0; } } @media (max-width: 639.98px) { .header .google-translate { left: 85px; } } .header .cart-btn-box > a { font-size: 16px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1023.98px) { .header .cart-btn-box > a { font-size: 15px; } } @media (max-width: 767.98px) { .header .cart-btn-box > a { font-size: 14px; } } @media (min-width: 1200px) { .header .cart-btn-box > a:hover { color: #188ae1; } } .header .cart-btn-box > a:before { font-family: 'iconfont' !important; font-size: 1.4em; font-style: normal; margin-right: 8px; content: '\e64a'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 639.98px) { .header .cart-btn-box > a:before { margin-right: 5px; } } .header .cart-btn-box > a var { font-style: normal; } .header .cart-btn > a { min-width: 120px; } .header .cart-btn > a:after { font-size: 1.2em; } @media (max-width: 1723.98px) { .header .cart-btn > a { font-size: 14px; min-width: 100px; min-height: 38px; padding: 5px 15px; } } @media (max-width: 1023.98px) { .header .cart-btn > a { font-size: 12px; min-width: 80px; min-height: 32px; padding: 3px 10px; } .header .cart-btn > a:after { margin-right: 5px; } } @media (max-width: 767.98px) { .header .cart-btn > a { min-width: 60px; min-height: 28px; padding: 2px 8px; } } .header .cart-btn var { font-style: normal; padding: 0 2px; } .header .find-box .find-btn > span { min-width: 40px; padding: 0; } @media (min-width: 1280px) { .header .find-box .find-btn > span:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @media (max-width: 1023.98px) { .header .find-box .find-btn > span { min-width: 32px; } } @media (max-width: 639.98px) { .header .find-box .find-btn > span { min-width: 30px; } } @media (max-width: 1279.98px) { .header .header-mail { display: none !important; } } .header .header-mail a:before { content: '\e7dc'; } @media (max-width: 639.98px) { .header .quote-btn { display: none; } } .header .nav-collapse { position: relative; display: none; overflow: hidden; padding: 0; padding: 16px 0; cursor: pointer; background: none; } @media (max-width: 1279.98px) { .header .nav-collapse { display: inline-block; vertical-align: middle; } .header .nav-collapse.nav-collapse-1 { position: absolute; z-index: 9999; top: 10px; right: 25px; display: block; border: none; } } @media (max-width: 639.98px) { .header .nav-collapse { padding: 5px 0; } } .header .nav-collapse .btn-line { display: block; width: 28px; height: 2px; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; background-color: #000; } .header .nav-collapse .btn-line:not(:first-child) { margin-top: 5px; } .header .nav-collapse .btn-line:nth-child(3), .header .nav-collapse .btn-line:nth-child(1) { display: block; content: ''; } .header .nav-collapse.active .btn-line:nth-child(1) { -webkit-transform: rotateZ(45deg) translateY(5px) translateX(5px); -ms-transform: rotate(45deg) translateY(5px) translateX(5px); transform: rotateZ(45deg) translateY(5px) translateX(5px); } .header .nav-collapse.active .btn-line:nth-child(2) { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } .header .nav-collapse.active .btn-line:nth-child(3) { -webkit-transform: rotateZ(-45deg) translateY(-5px) translateX(5px); -ms-transform: rotate(-45deg) translateY(-5px) translateX(5px); transform: rotateZ(-45deg) translateY(-5px) translateX(5px); } @media (max-width: 1279.98px) { .header .nav-collapse-xs { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .header .nav-collapse-xs .btn-line { background-color: #188ae1; } @media (max-width: 1279.98px) { .header .nav { position: fixed; z-index: 99999998; top: 0; right: 0; display: none; visibility: hidden; flex-direction: column; width: 420px; height: 100%; margin: 0; padding: 70px 0 50px; -webkit-transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1); transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1); transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1); transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); text-align: left; color: #000; background: #fff; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .header .nav .nav-box, .header .nav .container { width: 100%; height: 100%; } .header .nav .container { padding: 0; } .header .nav .tbl, .header .nav .tbl-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header .nav .tbl { position: relative; width: 100%; height: 100%; } .header .nav .tbl:before, .header .nav .tbl:after { position: absolute; z-index: 3; left: 0; width: 100%; height: 25px; content: ''; pointer-events: none; } .header .nav .tbl:before { top: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(40%, rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(#fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0)); background-image: linear-gradient(#fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0)); } .header .nav .tbl:after { bottom: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(40%, rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0)); background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0)); } .header .nav .tbl-cell { position: relative; width: 100%; height: 100%; } .header .nav ul { text-align: left; } .header .nav ul li.more { position: relative; } .header .nav ul li.more.current > span:after { content: '\e640'; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header .nav ul li.more.current > ul { display: block; } .header .nav ul li.more > span { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .nav ul li.more > span:after { font-family: 'iconfont'; font-size: 18px; line-height: 1; z-index: 3; display: block; padding: 0 5px; content: '\e641'; -webkit-transition: .3s; transition: .3s; } .header .nav ul li.more > span > a { display: inline-block; } .header .nav ul li:not(.more) span > a { display: block; } .header .nav ul li span { position: relative; z-index: 2; display: block; } .header .nav ul.nav-list1 { overflow-y: auto; max-height: 100%; margin: 0; padding: 0 20px; opacity: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .header .nav ul.nav-list1::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 4px; } .header .nav ul.nav-list1::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #dcdcdc; } .header .nav ul.nav-list1::-webkit-scrollbar-thumb:hover { border-radius: 4px; background: rgba(0, 0, 0, .4); } .header .nav ul.nav-list1 ul { padding-bottom: 10px; } .header .nav ul.nav-list1 a { text-transform: capitalize; } .header .nav ul.nav-list1 .active > span > a { font-weight: 500; color: #188ae1; } .header .nav ul.nav-list1 > li { font-size: 18px; line-height: 1.6; position: relative; border-bottom: 1px solid #ccc; } .header .nav ul.nav-list1 > li > span > a { padding: 15px 0; } .header .nav ul.nav-list1 > li.act { -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .header .nav ul.nav-list1 > li:not(.hidden-lg) + .hidden-lg { border-top: 2px solid #ccc; } .header .nav ul.nav-list1 .nav-list2 { font-size: 14px; padding-left: 15px; } .header .nav ul.nav-list1 .nav-list2 > li > span > a { padding: 10px 0; } .header .nav ul.nav-list1 .nav-list3 { margin: 10px 0 10px 8px; padding-bottom: 0; padding-left: 25px; border-left: 1px solid #444; } .header .nav ul.nav-list1 .nav-list3 li > span > a { padding: 5px 0; } .header .nav ul.nav-list1 .nav-list3 ul { padding-left: 10px; border-left: 1px solid #444; } .header .nav ul.nav-list1 .hidden-lg { color: #c5c5c5; } .header .nav ul.nav2-list2 h4 { font-size: 20px; line-height: 50px; } } @media (max-width: 1279.98px) and (max-width: 1279.98px) { .header .nav ul .pic { display: none !important; } } @media (max-width: 1279.98px) and (max-width: 767.98px) { .header .nav ul.nav-list1 > li { font-size: 16px; } } @media (max-width: 1279.98px) and (max-width: 767.98px) { .header .nav.left-100 ~ .google-translate { top: -30px; opacity: 0; } } @media (max-width: 639.98px) { .header .nav { width: -webkit-calc(100vw - 65px); width: calc(100vw - 65px); -webkit-transform: translateX(-webkit-calc(100vw + 65px)); -ms-transform: translateX(calc(100vw + 65px)); transform: translateX(calc(100vw + 65px)); } } .header .nav.left-100 { -webkit-transform: translateX(-100%); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translateX(-100%); transform: translateX(-100%); transform: translate3d(-100%, 0, 0); } .header .nav.left-200 { -webkit-transform: translateX(-200%); -webkit-transform: translate3d(-200%, 0, 0); -ms-transform: translateX(-200%); transform: translateX(-200%); transform: translate3d(-200%, 0, 0); } .header .nav.left-300 { -webkit-transform: translateX(-300%); -webkit-transform: translate3d(-300%, 0, 0); -ms-transform: translateX(-300%); transform: translateX(-300%); transform: translate3d(-300%, 0, 0); } .header .nav.left-400 { -webkit-transform: translateX(-400%); -webkit-transform: translate3d(-400%, 0, 0); -ms-transform: translateX(-400%); transform: translateX(-400%); transform: translate3d(-400%, 0, 0); } .header .nav.left-500 { -webkit-transform: translateX(-500%); -webkit-transform: translate3d(-500%, 0, 0); -ms-transform: translateX(-500%); transform: translateX(-500%); transform: translate3d(-500%, 0, 0); } @media (min-width: 1280px) { .header .nav .nav-list1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .nav .nav-list1 li { -webkit-perspective: 500; perspective: 500; } .header .nav .nav-list1 li:hover > ul { visibility: visible; pointer-events: auto; opacity: 1; } .header .nav .nav-list1 > li { position: relative; display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 7px; text-align: left; vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header .nav .nav-list1 > li > span { display: block; width: 100%; } .header .nav .nav-list1 > li > span > a { font-size: 16px; font-weight: 500; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100px; text-align: center; color: #188ae1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .nav .nav-list1 > li > span > a > span { font-weight: 500; line-height: 1; position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; padding: 10px 20px; -webkit-transition: border-color .3s; transition: border-color .3s; white-space: pre-wrap; border: 1px solid transparent; border-radius: var(--radius-pc-10); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header .nav .nav-list1 > li:hover > span > a:before, .header .nav .nav-list1 > li.active > span > a:before { width: 100%; } .header .nav .nav-list1 > li:hover > span > a > span, .header .nav .nav-list1 > li.active > span > a > span { border-color: #188ae1; } .header .nav .nav-list1 > li:hover > ul { -webkit-transform: rotateX(0); transform: rotateX(0); } .header .nav .nav-list1 ul[class^='nav-list'] { position: absolute; visibility: hidden; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 430px; -webkit-transition: .4s; transition: .4s; text-align: left; letter-spacing: 0; text-transform: capitalize; pointer-events: none; opacity: 0; color: #222; background-color: #fff; background-clip: padding-box; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .15); } .header .nav .nav-list1 ul[class^='nav-list'] li:hover > span > a { text-decoration: underline; color: #188ae1; } .header .nav .nav-list1 ul[class^='nav-list'] a { position: relative; display: block; padding: 10px 25px; } .header .nav .nav-list1 .nav-list2 { font-size: 16px; z-index: 10; top: 100%; left: 0; flex-direction: column; min-width: 100%; padding: 15px 0; -webkit-transform: rotateX(-50deg); transform: rotateX(-50deg); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .header .nav .nav-list1 .nav-list2 ul[class^='nav-list'] { font-size: .95em; } .header .nav .nav-list1 .nav-list2 > li { line-height: 1.2; position: relative; } .header .nav .nav-list1 .nav-list2 > li > span > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header .nav .nav-list1 .nav-list2 > li > span > a:before { width: 6px; height: 6px; margin: 6px 10px 6px 0; content: ''; border-radius: 50%; background-color: currentColor; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header .nav .nav-list1 .nav-list2 ul { position: absolute; top: 0; left: 100%; min-width: 120px; padding: 10px 0; -webkit-transition: .4s; transition: .4s; -webkit-transform: rotateY(50deg); transform: rotateY(50deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; border-left: 1px solid transparent; } .header .nav .nav-list1 .nav-list2 li:hover > ul { -webkit-transform: rotateY(0); transform: rotateY(0); } .header .nav .nav-list1 .pro-nav-list2 .active > a { text-decoration: underline; } } @media (min-width: 1280px) and (max-width: 1723.98px) { .header .nav .nav-list1 > li { padding: 0; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .header .nav .nav-list1 > li > span > a { /* font-size: 15px; */ } } @media (min-width: 1280px) and (max-width: 1723.98px) { .header .nav .nav-list1 > li > span > a > span { /* padding: 10px 15px; */ } } @media (min-width: 1280px) and (max-width: 1535.98px) { .header .nav .nav-list1 > li > span > a > span { /* padding: 10px; */ } } @media (min-width: 1280px) and (min-width: 1280px) { .header .nav .nav-list1 .nav-list2 { display: none; } } @media (max-width: 1279.98px) { .header .nav .nav-list1 { width: 100%; } .header .nav .nav-list1 ul { display: none; } .header .nav .nav-list1 > li.more > span:after { top: 7px; } .header .nav .nav-list1 > a { font-size: 20px; } .header .nav .nav-list1 .nav-list2 > li > span > span { font-weight: bold; margin-top: 5px; padding: 10px 0 5px; border-top: 1px dashed #eee; } } @media (max-width: 1279.98px) and (max-width: 767.98px) { .header .nav .nav-list1 > li.more > span:after { top: 5px; } } .header .mask-nav { display: none; } @media (max-width: 1279.98px) { .header .mask-nav { position: absolute; z-index: 9999; top: 0; display: block; overflow: hidden; width: 100%; height: 100%; padding: 20px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; color: #fff; background: #fafafa; background: #000; } } .header .mask-nav .nav-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .mask-nav .nav-top .back-btn:before { font-family: 'iconfont' !important; font-size: 26px; font-style: normal; content: '\e9b5'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header .mask-nav .nav-top .nav-title { font-size: 30px; margin: 0; text-transform: uppercase; } @media (max-width: 767.98px) { .header .mask-nav .nav-top .nav-title { font-size: 20px; font-size: 5vmin; } } .header .mask-nav .content { position: relative; overflow: auto; height: 85%; margin-top: 4%; -ms-touch-action: pan-y; touch-action: pan-y; } .header .mask-nav .content::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 5px; background-color: #fff; } .header .mask-nav .content::-webkit-scrollbar-track { border-radius: 5px; background-color: #fff; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .header .mask-nav .content::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #666; } .header .mask-nav .content::-webkit-scrollbar-thumb:hover { border-radius: 5px; background: rgba(0, 0, 0, .4); } .header .mask-nav .content ul li { font-size: 20px; line-height: 2; margin: 10px 0; text-align: left; } @media (max-width: 767.98px) { .header .mask-nav .content ul li { font-size: 4vmin; line-height: 1.6; margin: 0; margin-top: 10px; } } .header .mask-nav .content ul li.more { position: relative; } .header .mask-nav .content ul li.more:after { font-family: 'iconfont' !important; font-size: 16px; position: absolute; top: 50%; right: 0; content: '\e72f'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .header .mask-nav .content ul li a { display: inline-block; text-transform: capitalize; } .header .mask-nav .content ul ul { display: none; } .header .nav-2 { left: 100%; } .header .nav-3 { left: 200%; } .header .nav-4 { left: 300%; } .header .nav-5 { left: 400%; } @media (max-width: 1279.98px) { .header .fade-out { visibility: visible; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); } } .header .list { font-size: 18px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1279.98px) { .header .list { display: none !important; } } @media (min-width: 1280px) { .header .list li:hover > span > a > span { text-decoration: underline; } } .header .list > li { position: relative; -webkit-perspective: 500; perspective: 500; } .header .list > li > span { display: block; } .header .list > li > span > a { font-weight: bold; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 70px; padding: 0 25px; text-align: center; text-transform: capitalize; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1535.98px) { .header .list > li > span > a { padding: 0 15px; } } .header .list > li:hover > ul { visibility: visible; -webkit-transform: rotateX(0) translateX(-50%); transform: rotateX(0) translateX(-50%); opacity: 1; } .header .list ul { font-size: .9em; position: absolute; visibility: hidden; padding-top: 5px; -webkit-transition: .4s; transition: .4s; text-align: left; letter-spacing: 0; text-transform: capitalize; opacity: 0; color: #222; background-color: #fff; background-clip: padding-box; box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .15); } .header .list ul li:first-child { margin-top: 0; } .header .list ul li:hover > a { text-decoration: underline; } .header .list ul a { position: relative; display: block; padding: 5px 15px; } @media (min-width: 1280px) { .header .list ul a:hover { color: #188ae1; } } .header .list .list2 { z-index: 10; top: 100%; left: 50%; display: none; min-width: 100%; padding: 15px 0; -webkit-transform: rotateX(-50deg) translateX(-50%); transform: rotateX(-50deg) translateX(-50%); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .header .list .list2 > li { position: relative; white-space: nowrap; } .header .list .list2 > li > span > a { display: block; padding: 5px 20px; } .header .list .list2 li:hover > ul { visibility: visible; -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } .header .list .list2 ul { position: absolute; top: 0; left: 100%; min-width: 120px; padding: 10px 0; -webkit-transition: .4s; transition: .4s; -webkit-transform: rotateY(50deg); transform: rotateY(50deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; border-left: 1px solid transparent; } .nav-xl-pro { position: absolute; z-index: 2; top: 100%; left: 0; display: none; visibility: hidden; width: 100%; padding: 4.73372781% 7.10059172%; -webkit-transition: .4s; transition: .4s; pointer-events: none; opacity: 0; color: #000; border-bottom: 5px solid #188ae1; background-color: #fff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .25); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1279.98px) { .nav-xl-pro { display: none !important; } } .nav-xl-pro .left-info { width: 760px; max-width: -webkit-calc(100% - 380px); max-width: calc(100% - 380px); } .nav-xl-pro .title { margin-bottom: var(--ngy-margin-40); } .nav-xl-pro .pic { width: 310px; } .nav-xl-pro .xl-pro-list { font-size: 24px; } @media (max-width: 1723.98px) { .nav-xl-pro .xl-pro-list { font-size: 22px; } } @media (max-width: 1279.98px) { .nav-xl-pro .xl-pro-list { font-size: 21px; } } @media (max-width: 1023.98px) { .nav-xl-pro .xl-pro-list { font-size: 20px; } } @media (max-width: 767.98px) { .nav-xl-pro .xl-pro-list { font-size: 19px; } } @media (max-width: 639.98px) { .nav-xl-pro .xl-pro-list { font-size: 18px; } } @media (min-width: 1724px) { .nav-xl-pro .xl-pro-list .row { margin: -25px -60px; } } .nav-xl-pro .xl-pro-list .row > li { width: 50%; margin-top: 25px; } @media (min-width: 1724px) { .nav-xl-pro .xl-pro-list .row > li { padding: 0 60px; } } .nav-xl-pro .xl-pro-list .row .active a { color: #188ae1; } .nav-xl-pro .xl-pro-list .row a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 0; -webkit-transition: color .3s; transition: color .3s; border-bottom: 1px solid #d9d9d9; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav-xl-pro .xl-pro-list .row a:after { font-family: 'iconfont' !important; font-style: normal; margin-left: 20px; content: '\e6a3'; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1280px) { .nav-xl-pro .xl-pro-list .row a:hover { color: #188ae1; } .nav-xl-pro .xl-pro-list .row a:hover:after { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } } .nav-xl-pro .pic { overflow: hidden; border-radius: var(--radius-pc); box-shadow: 0 0 0 1px #d9d9d9; } .nav-xl-pro .pic .img-box { padding-bottom: 133.87096774%; border-radius: var(--radius-pc); } .nav-xl-pro .pic img { -webkit-transition: opacity .5s; transition: opacity .5s; opacity: 0 !important; } .nav-xl-pro .pic .active { z-index: 3; opacity: 1 !important; } @media (min-width: 1280px) { .nav-pro { position: initial !important; -webkit-perspective: none !important; perspective: none !important; } .nav-pro:hover .nav-xl-pro { visibility: visible; pointer-events: all; opacity: 1; } } .language-btn a { display: none; min-width: 160px; height: 45px; padding: 0 10px; color: #fff; background-color: #000; } .language-btn a:before { font-family: 'iconfont' !important; font-size: 1.5em; font-style: normal; margin-right: 10px; content: '\e844'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1535.98px) { .language-btn a { min-width: 130px; height: 40px; } } @media (max-width: 639.98px) { .language-btn a { font-size: 12px; min-width: 80px; height: 32px; } } @media (min-width: 1280px) { .language-btn a { -webkit-transition: .4s; transition: .4s; } .language-btn a:hover { background-color: #188ae1; } } .language-btn a:active { -webkit-transition: 0s; transition: 0s; -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); background-color: #188ae1; } .language-btn img { width: 26px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .language-btn .active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .language-box { position: relative; white-space: nowrap; -webkit-perspective: 500; perspective: 500; } .language-box:hover { z-index: 10; } .language-box:hover .lang-select { visibility: visible; -webkit-transform: rotateX(0); transform: rotateX(0); pointer-events: all; opacity: 1; } .language-box:hover .current-lang-btn { color: #188ae1; } .language-box:hover .current-lang-btn > span { color: #fff; border-color: #188ae1; background-color: #188ae1; } .language-box .current-lang-btn > span { color: #188ae1; } .language-box .current-lang-btn > span:before, .language-box .current-lang-btn > span:after { font-family: 'iconfont' !important; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .language-box .current-lang-btn > span:before { font-size: 1.2em; margin-right: 10px; content: '\e844'; } @media (max-width: 639.98px) { .language-box .current-lang-btn > span:before { display: none; } } .language-box .current-lang-btn > span:after { margin-left: 10px; content: '\e602'; -webkit-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; color: inherit; background: none !important; } @media (max-width: 639.98px) { .language-box .current-lang-btn > span:after { margin-left: 5px; } } .language-box img { width: 26px; height: auto !important; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); } @media (max-width: 639.98px) { .language-box img { width: 20px; } } .language-box .active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .language-box .lang-select { font-size: 16px; position: absolute; top: 100%; right: -5px; display: none; visibility: hidden; min-width: 100%; padding: 15px 20px; -webkit-transition: .4s; transition: .4s; -webkit-transform: rotateX(-50deg); transform: rotateX(-50deg); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; pointer-events: none; opacity: 0; color: #000; border-radius: var(--radius-pc); background-color: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); } @media (max-width: 1023.98px) { .language-box .lang-select { font-size: 15px; } } @media (max-width: 767.98px) { .language-box .lang-select { font-size: 14px; } } @media (max-width: 639.98px) { .language-box .lang-select { font-size: 12px; } } .language-box .lang-select ul { display: grid; grid-gap: 10px 20px; grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content; } .language-box .lang-select img { margin-right: 6px; } .language-box .lang-select a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .language-box .lang-select a:hover { color: #188ae1; } .language-box .lang-select a:hover span { text-decoration: underline; color: inherit; } } .language-box .lang-select a:active { -webkit-transition: 0s; transition: 0s; color: #188ae1; } .language-box .lang-select a:active span { text-decoration: underline; color: inherit; } @-webkit-keyframes avia_pop { 0% { -webkit-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes avia_pop { 0% { -webkit-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .search-wrap { position: absolute; z-index: 3; top: 100%; right: 15px; display: none; width: 350px; padding: 15px; border-radius: var(--radius-pc-10); background-color: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2); } @media (min-width: 768px) { .search-wrap { right: 150px; } } @media (max-width: 639.98px) { .search-wrap { right: 10px; max-width: 90%; padding: 10px; } } .search-box { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 50px; border-radius: inherit; background: #f4f4f4; } @media (max-width: 767.98px) { .search-box { height: 40px; } } .search-box input::-webkit-input-placeholder, .search-box textarea::-webkit-input-placeholder { color: #000; } .search-box input:-o-placeholder, .search-box textarea:-o-placeholder { color: #000; } .search-box input::-moz-placeholder, .search-box textarea::-moz-placeholder { color: #000; } .search-box input:-ms-input-placeholder, .search-box textarea:-ms-input-placeholder { color: #000; } .search-box input:focus::-webkit-input-placeholder, .search-box textarea:focus::-webkit-input-placeholder { color: #aaa; } .search-box input:focus::-o-placeholder, .search-box textarea:focus::-o-placeholder { color: #aaa; } .search-box input:focus::-moz-placeholder, .search-box textarea:focus::-moz-placeholder { color: #aaa; } .search-box input:focus::-ms-input-placeholder, .search-box textarea:focus::-ms-input-placeholder { color: #aaa; } .search-box input { width: 100%; padding: 0 0 0 20px; color: var(--color-text-body); background: none; } @media (max-width: 767.98px) { .search-box input { padding: 0 15px; } } .search-box .submit { font-size: 18px; position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 18px; color: var(--color-text-body); background: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-box .submit:before { font-family: 'iconfont' !important; font-weight: bold; font-style: normal; content: '\e660'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 1280px) { .search-box .submit { -webkit-transition: .3s; transition: .3s; } .search-box .submit:hover { color: #188ae1; } } .search-box .submit:active { -webkit-transition: 0s; transition: 0s; color: #188ae1; } .search-box .submit:active:before { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } .xs-language { position: absolute; z-index: 9; bottom: 30px; left: 35px; } @media (min-width: 1280px) { .xs-language { display: none; } } .xs-language a { font-size: 16px; color: #fff; } .xs-language span { margin: 0 5px; color: #fff; } .banner { font-size: 0; position: relative; z-index: 2; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 1280px) { .banner .mose-icon { font-size: 18px; position: absolute; z-index: 3; bottom: 6.25%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: jump 1s infinite; animation: jump 1s infinite; text-align: center; color: #fff; } .banner .mose-icon:before { font-family: 'iconfont' !important; font-size: 2em; font-style: normal; line-height: 1; display: block; content: '\e677'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .banner .mose-icon:after { font-family: 'iconfont' !important; font-style: normal; margin-top: 20px; content: '\e602'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } .banner .swiper-slide { overflow: hidden; height: auto; } .banner .swiper-pagination { position: absolute; z-index: 3; bottom: 36px; left: 8%; width: auto; } @media (max-width: 767.98px) { .banner .swiper-pagination { bottom: 10px; } } .banner .swiper-pagination-bullet { position: relative; width: 24px; height: 24px; margin: 0 4px !important; padding: 6px; -webkit-transition: .3s; transition: .3s; vertical-align: middle; opacity: 1; border-radius: 50px; outline: none; background-color: rgba(255, 255, 255, .7); background-clip: content-box; } .banner .swiper-pagination-bullet:before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; content: ''; -webkit-transition: .6s; transition: .6s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -ms-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); opacity: .6; border: 1px solid #fff; border-radius: 50%; } @media (min-width: 1280px) { .banner .swiper-pagination-bullet:hover:before { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } } @media (max-width: 1279.98px) { .banner .swiper-pagination-bullet { width: 18px; height: 18px; padding: 5px; } } @media (max-width: 767.98px) { .banner .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 4px !important; padding: 4px; } } .banner .swiper-pagination-bullet-active { opacity: 1; background-color: #188ae1; } .banner .swiper-pagination-bullet-active:before { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .banner .slick-arrow { font-size: 40px; width: auto; height: auto; color: #fff; border: none; outline: none; background: none !important; } .banner .slick-arrow:before { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .banner .slick-arrow:after { display: none; } @media (min-width: 1280px) { .banner .slick-arrow:hover { color: #188ae1; } } .banner .slick-arrow:active { -webkit-transform: translateY(-50%) scale(.95) !important; -ms-transform: translateY(-50%) scale(.95) !important; transform: translateY(-50%) scale(.95) !important; } @media (max-width: 1279.98px) { .banner .slick-arrow { display: none; } } .banner .banner-button-prev { left: 5%; } .banner .banner-button-prev:before { content: '\e8f4'; } .banner .banner-button-next { right: 5%; } .banner .banner-button-next:before { content: '\eb63'; } .banner .item, .banner .item > a { display: block; height: 100%; } .banner .item { position: relative; overflow: hidden; } .banner .item > a { position: relative; display: block; overflow: hidden; } .banner .item > a > img { min-height: 100%; } .banner .item > a > img.first-img, .banner .item > a > img.swiper-lazy-loaded { position: relative; left: 50%; display: block; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .banner-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .banner.hide-video video { display: none !important; } .banner-video-box { position: relative; display: block; overflow: hidden; padding-bottom: 50%; -webkit-transform: translateZ(10px); transform: translateZ(10px); } .banner-video-box .fluid_video_wrapper { position: absolute; z-index: 10; } .banner-video-box .fluid_initial_play { display: none !important; background-color: #188ae1 !important; } .banner-video-box .fluid_controls_container { display: none !important; } .banner .fluid_video_wrapper:before { position: absolute; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; content: ''; } .banner .mobile-video { position: relative; display: block; } .banner .mobile-video:after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .1); } .banner .mobile-video:before { font-family: 'iconfont' !important; font-size: 50px; font-style: normal; position: absolute; z-index: 3; top: 50%; left: 50%; content: '\e644'; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #fff; text-shadow: 0 0 20px rgba(0, 0, 0, .3); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 639.98px) { .banner .mobile-video:before { font-size: 10vw; text-shadow: 0 0 15px rgba(0, 0, 0, .2); } } .banner .mobile-video img { width: 100%; } .banner .item > a { position: relative; } .banner__icon { position: absolute; z-index: 10; right: 2.5%; bottom: 2%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .banner__icon:before { width: 1px; height: 2.08333333vw; margin-bottom: 10px; content: ''; background-color: rgba(255, 255, 255, .6); } .banner__icon:after { font-family: 'iconfont' !important; font-size: 1.35416667vw; font-style: normal; content: '\e668'; -webkit-animation: jump 1.2s ease-in-out infinite; animation: jump 1.2s ease-in-out infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1279.98px) { .banner__icon { display: none; } } .banner__intro { line-height: 1.25; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; padding: 5.72916667vw; color: #fff; } @media (min-width: 640px) { .banner__intro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 639.98px) { .banner__intro { padding: 3.125vw; } } @media (min-width: 640px) { .banner__intro .desc-box { width: 37.5vw; } } .banner__intro .tit { font-size: 3.4375vw; font-weight: 600; width: 43.48958333vw; } @media (max-width: 639.98px) { .banner__intro .tit { margin-bottom: 1.5vw; } } @media (min-width: 640px) { .banner__intro .desc { width: 550px; max-width: 39.0625vw; } } .banner__intro .desc p { font-size: max(.9375vw, 12px); } @media (max-width: 639.98px) { .banner__intro .desc p { font-size: 2.2vw; } } .banner__intro .more-box { margin-top: 1.14583333vw; } @media (max-width: 1723.98px) { .banner__intro .more-box { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } } @media (max-width: 1535.98px) { .banner__intro .more-box { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } } @media (max-width: 1279.98px) { .banner__intro .more-box { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); } } @media (max-width: 767.98px) { .banner__intro .more-box { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } } .banner-func { position: absolute; z-index: 3; bottom: 6.25%; left: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .banner-func, .banner-func .swiper-pagination { height: auto; } @media (max-width: 767.98px) { .banner-func { bottom: 12px; } } .banner-func .banner-button-prev, .banner-func .banner-button-next { font-size: 26px; height: auto; color: #fff; } .banner-func .banner-button-prev:before, .banner-func .banner-button-next:before { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .banner-func .banner-button-prev:active, .banner-func .banner-button-next:active { -webkit-transition: 0s; transition: 0s; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); color: #188ae1; } @media (min-width: 1280px) { .banner-func .banner-button-prev, .banner-func .banner-button-next { -webkit-transition: .6s; transition: .6s; } .banner-func .banner-button-prev:hover, .banner-func .banner-button-next:hover { color: #188ae1; } } @media (max-width: 1279.98px) { .banner-func .banner-button-prev, .banner-func .banner-button-next { display: none !important; } } .banner-func .banner-button-prev:before { content: '\e9b5'; } .banner-func .banner-button-next:before { content: '\e72f'; } .banner-func .swiper-pagination { position: initial; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1280px) { .banner-func .swiper-pagination { margin: 0 16px; } } .slick-applications { position: relative; z-index: 3; } @media (min-width: 1536px) { .slick-applications .slick-list { margin: 0 -25px; } .slick-applications .slick-slide { padding: 0 25px; } } .public-banner { position: relative; z-index: 2; } .public-banner .pic { position: relative; overflow: hidden; } .public-banner .pic > img { position: relative; left: 50%; display: block; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .public-banner .title h2 { font-size: 58px; font-weight: bold; } @media (max-width: 1723.98px) { .public-banner .title h2 { font-size: 52px; } } @media (max-width: 1279.98px) { .public-banner .title h2 { font-size: 46px; } } @media (max-width: 1023.98px) { .public-banner .title h2 { font-size: 40px; } } @media (max-width: 767.98px) { .public-banner .title h2 { font-size: 34px; } } @media (max-width: 639.98px) { .public-banner .title h2 { font-size: 28px; } } .public-banner .breadcrumb-box { color: #fff; } @media (min-width: 1280px) { .public-banner .breadcrumb-box { position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; } } @media (max-width: 1279.98px) { .public-banner .breadcrumb-box { background-color: var(--color-primary); } } .public-banner .breadcrumb { position: relative; min-height: var(--spacing-pc-50); padding: 10px 50px 10px 0; } @media (min-width: 1280px) { .public-banner .breadcrumb:after { position: absolute; right: 0; bottom: 0; min-width: -webkit-calc(100% + 50vw); min-width: calc(100% + 50vw); height: 100%; content: ''; border-radius: 13px; background-color: var(--color-primary); } } @media (max-width: 1279.98px) { .public-banner .breadcrumb { padding: 8px 0; } } .banner-title { position: absolute; z-index: 2; bottom: 50%; left: 0; width: 100%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .banner-title .title { margin: 0; } @media (max-width: 639.98px) { .banner-title .title h2 { font-size: 6vw; } } .banner-title .title .txt { max-width: 520px; } @media (max-width: 1279.98px) { .banner-title .title .txt { max-width: 50%; } } @media (max-width: 639.98px) { .banner-title .title .txt { max-width: 70%; margin-top: 5px; } } @media (max-width: 639.98px) { .banner-title .title .txt p { font-size: 2.5vw; } } .banner-title .func-box { margin-top: 20px; gap: 30px; } @media (max-width: 1279.98px) { .banner-title .func-box { gap: 25px; } } @media (max-width: 1023.98px) { .banner-title .func-box { gap: 20px; } } @media (max-width: 767.98px) { .banner-title .func-box { margin-top: 3vw; gap: 15px; } } @media (min-width: 1280px) { .banner-title .link-box > a { font-size: 18px; min-height: 40px; } } @media (max-width: 639.98px) { .banner-title .link-box > a { font-size: 11px; min-width: 80px; min-height: 28px; padding: 0 10px; } } .solution-list article:not(:first-child) { margin-top: var(--ngy-margin-80); } .solution-list article:nth-child(odd) .item { flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; } @media (min-width: 1280px) { .solution-list .item img { -webkit-transition: -webkit-transform 1.2s; transition: -webkit-transform 1.2s; transition: transform 1.2s; transition: transform 1.2s, -webkit-transform 1.2s; } .solution-list .item:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } } @media (min-width: 640px) { .solution-list .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .solution-list .item > * { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } } .solution-list .img-box { padding-bottom: 54.32098765%; border-radius: var(--radius-pc); } @media (min-width: 1724px) { .solution-list .img-box { border-radius: 14px; } } @media (min-width: 640px) { .solution-list .pic { width: 49.09090909%; } .solution-list .intro { width: 45.45454545%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .solution-list .tit { font-size: min(40px, 2.2vw); line-height: 1.3; } .solution-list .tit:after { display: block; width: 12%; height: 4px; margin-top: 4%; margin-bottom: 5.33333333%; content: ''; background-color: #188ae1; } @media (max-width: 1023.98px) { .solution-list .tit { font-size: max(18px, 2.6vw); } .solution-list .tit:after { height: 2px; } } @media (max-width: 639.98px) { .solution-list .tit { margin-top: 5%; } .solution-list .tit:after { margin: 3% 0; } } .news-details-wrap .content .news-info { position: relative; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #e3e3e3; } @media (max-width: 767.98px) { .news-details-wrap .content .news-info { margin-bottom: 15px; padding-bottom: 15px; } } .news-details-wrap .news-video { margin-top: 3%; padding-bottom: 40%; } .news-details-wrap .news-page { overflow: hidden; margin-top: var(--spacing-pc-40); } @media only screen and (min-width: 1280px) { .news-details-wrap .news-page a:hover { text-decoration: underline; color: #188ae1; } } @media (max-width: 1279.98px) { .news-details-wrap .news-page a:active { text-decoration: underline; color: #188ae1; } } .news-details-wrap .news-page .next { margin-top: 15px; } @media (max-width: 767.98px) { .news-details-wrap .news-page .next { margin-top: 10px; } } .news-details-wrap .details-related { margin-top: 7.87878788%; padding: 30px 0 0; border-top: 1px solid #d9d9d9; } @media (min-width: 1280px) { .choose-list .item { -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .choose-list .item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .choose-list .item:hover .icon-pic { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; } } .choose-list .icon-pic { display: inline-block; width: 60px; } @media (max-width: 1279.98px) { .choose-list .icon-pic { width: 50px; } } @media (max-width: 767.98px) { .choose-list .icon-pic { width: 40px; } } .choose-list .tit { margin: 40px 0 16px; } @media (max-width: 1279.98px) { .choose-list .tit { margin: 30px 0 12px; } } @media (max-width: 767.98px) { .choose-list .tit { margin: 15px 0 10px; } } .slick-honor { position: relative; z-index: 3; } @media (min-width: 1024px) { .slick-honor .slick-list { margin: 0 -25px; } .slick-honor .slick-slide { padding: 0 25px; } } @media (min-width: 1280px) { .slick-honor .item img { -webkit-transition: -webkit-transform 1.2s; transition: -webkit-transform 1.2s; transition: transform 1.2s; transition: transform 1.2s, -webkit-transform 1.2s; } .slick-honor .item:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } } @media (min-width: 1280px) { .slick-honor .item:hover .tit { color: #188ae1; } } .privacy-policy-wrap .txt h3, .privacy-policy-wrap .txt h4 { font-weight: 500; margin-bottom: 10px; } .privacy-policy-wrap .txt h3 { font-size: var(--text-pc-28); } .privacy-policy-wrap .txt h4 { font-size: var(--text-pc-22); } .details-review .select-star { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; flex-direction: row-reverse; color: #188ae1; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .details-review .select-star input { position: absolute; z-index: -1; pointer-events: none; opacity: 0; } .details-review .select-star input:checked ~ label:before { content: '\e9a1'; color: #188ae1; } .details-review .select-star label { width: auto; margin-right: 5px; } .details-review .select-star label:before { font-family: 'iconfont' !important; font-style: normal; content: '\e9a2'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 1280px) { .details-review .select-star label:hover:before, .details-review .select-star label:hover ~ label:before { content: '\e9a1'; color: #188ae1; } } .details-review .write-list li { margin-top: var(--ngy-margin-36); } .details-review .write-list li:first-child { margin-top: 0; } .details-review .write-list .info > div { display: inline; margin-right: 50px; padding: 5px 0; } .details-review .write-list .info > div:last-child { margin-right: 0; } .details-review .write-list .date { font-size: 16px; vertical-align: bottom; color: #666; } @media (max-width: 1023.98px) { .details-review .write-list .date { font-size: 15px; } } @media (max-width: 767.98px) { .details-review .write-list .date { font-size: 14px; } } .details-review .write-list .date-box { margin-left: 40px; color: #666; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .details-review .write-list .date-box:before { display: none; } .details-review .write-list .star-wrap { font-size: 0; margin: 15px 0; } .details-review .write-list .star-wrap > span { font-size: 18px; margin-right: 24px; } @media (max-width: 1279.98px) { .details-review .write-list .star-wrap > span { font-size: 17px; } } @media (max-width: 1023.98px) { .details-review .write-list .star-wrap > span { font-size: 16px; } } @media (max-width: 767.98px) { .details-review .write-list .star-wrap > span { font-size: 15px; } } @media (max-width: 767.98px) { .details-review .write-list .star-wrap > span { margin-right: 10px; } } .details-review .write-list .star-wrap .iconfont { display: inline-block; margin-right: 5px; vertical-align: middle; } @media (max-width: 767.98px) { .details-review .write-list .star-wrap { margin: 10px 0 5px; } } .details-review .write-list .star-box .iconfont { font-size: 14px; color: #188ae1; } .details-review .write-list .star-box[data-star='5'] .iconfont:nth-child(-n + 5):before { content: '\e9a1'; } .details-review .write-list .star-box[data-star='4'] .iconfont:nth-child(-n + 4):before { content: '\e9a1'; } .details-review .write-list .star-box[data-star='3'] .iconfont:nth-child(-n + 3):before { content: '\e9a1'; } .details-review .write-list .star-box[data-star='2'] .iconfont:nth-child(-n + 2):before { content: '\e9a1'; } .details-review .write-list .star-box[data-star='1'] .iconfont:nth-child(-n + 1):before { content: '\e9a1'; } .details-review .write-list p { line-height: 2; } .details-related { margin-top: var(--ngy-margin-40); margin-bottom: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background: none !important; } .product-details-wrap .carousel-wrap { position: relative; } @media (min-width: 640px) { .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .carousel-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-for { width: 80%; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; width: 18.66666667%; margin: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-list { margin: -3.94736842% 0; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-slide { padding: 4.60526316% 2px; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-arrow { display: none !important; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-arrow:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-prev { top: 0; left: 0; } .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-next { top: auto; right: auto; bottom: 0; left: 0; } } .product-details-wrap .carousel-wrap.carousel-nav-left .carousel-box { flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .product-details-wrap .carousel-wrap .carousel-box { font-size: 0; } .product-details-wrap .carousel-wrap .carousel { position: relative; } .product-details-wrap .carousel-wrap .pro-arrow { position: absolute; z-index: 3; right: 40px; bottom: 60px; } @media (max-width: 1279.98px) { .product-details-wrap .carousel-wrap .pro-arrow { right: 20px; bottom: 20px; } } @media (max-width: 639.98px) { .product-details-wrap .carousel-wrap .pro-arrow { display: none !important; } } .product-details-wrap .carousel-wrap .slider-for, .product-details-wrap .carousel-wrap .slider-nav .item { position: relative; z-index: 2; overflow: hidden; } .product-details-wrap .carousel-wrap .slider-for { border: none; } @media (min-width: 1280px) { .product-details-wrap .carousel-wrap .slider-for:hover .slick-arrow { opacity: 1; } } .product-details-wrap .carousel-wrap .slider-for .slick-arrow { font-size: 16px; width: 40px; height: 40px; opacity: 0; } @media (max-width: 1279.98px) { .product-details-wrap .carousel-wrap .slider-for .slick-arrow { display: none !important; } } .product-details-wrap .carousel-wrap .slider-for .slick-prev { left: 3.33333333%; } .product-details-wrap .carousel-wrap .slider-for .slick-next { right: 3.33333333%; } .product-details-wrap .carousel-wrap .slider-nav { margin-top: 10px; } .product-details-wrap .carousel-wrap .slider-nav .slick-list { margin: 0 -7px; } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .slider-nav .slick-list { margin: 0 -4px; } } .product-details-wrap .carousel-wrap .slider-nav .slick-slide { width: 150px; padding: 1px 8px; border: none; } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .slider-nav .slick-slide { padding: 1px 5px; } } .product-details-wrap .carousel-wrap .slider-nav .slick-center .item, .product-details-wrap .carousel-wrap .slider-nav .slick-current .item { border-color: #188ae1; outline-color: #188ae1; } .product-details-wrap .carousel-wrap .slider-nav .slick-arrow { width: 100%; height: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); border-radius: var(--radius-pc); } @media (max-width: 1279.98px) { .product-details-wrap .carousel-wrap .slider-nav .slick-arrow { display: none; } } .product-details-wrap .carousel-wrap .slider-nav .product-video { position: relative; } .product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .6); } .product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:before { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; position: absolute; z-index: 3; top: 50%; left: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 38px; height: 38px; content: '\e67c'; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #188ae1; border-radius: 50%; background-color: rgba(255, 255, 255, .9); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:before { font-size: 14px; width: 32px; height: 32px; } } @media (min-width: 1280px) { .product-details-wrap .carousel-wrap .info-box .slider-nav { margin-top: auto; padding-top: 40px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .product-details-wrap .carousel-wrap .info-box .slider-nav { padding-top: 25px; } } .product-details-wrap .carousel-wrap .pro-name { font-size: 40px; font-weight: 500; line-height: 1.25; margin-bottom: 10px; } @media (max-width: 1723.98px) { .product-details-wrap .carousel-wrap .pro-name { font-size: 34px; } } @media (max-width: 1535.98px) { .product-details-wrap .carousel-wrap .pro-name { font-size: 30px; } } @media (max-width: 1023.98px) { .product-details-wrap .carousel-wrap .pro-name { font-size: 26px; } } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .pro-name { font-size: 22px; } } .product-details-wrap .carousel-wrap .evaluate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product-details-wrap .carousel-wrap .evaluate > span { font-size: 16px; color: #666; } @media (max-width: 1023.98px) { .product-details-wrap .carousel-wrap .evaluate > span { font-size: 15px; } } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .evaluate > span { font-size: 14px; } } .product-details-wrap .carousel-wrap .star-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product-details-wrap .carousel-wrap .star-box .iconfont { font-size: 26px; line-height: 1; color: #1dadb5; } @media (max-width: 1023.98px) { .product-details-wrap .carousel-wrap .star-box .iconfont { font-size: 22px; } } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .star-box .iconfont { font-size: 18px; } } .product-details-wrap .carousel-wrap .star-box .active ~ i { color: #d9d9d9; } .product-details-wrap .carousel-wrap .type { display: inline-block; padding: 8px 30px; color: #fff; border-radius: var(--radius-pc); background-color: #188ae1; } @media (min-width: 1724px) { .product-details-wrap .carousel-wrap .type { margin-top: 3%; } } @media (max-width: 1723.98px) { .product-details-wrap .carousel-wrap .type { padding: 6px 20px; } } @media (max-width: 1279.98px) { .product-details-wrap .carousel-wrap .type { padding: 4px 10px; } } @media (max-width: 639.98px) { .product-details-wrap .carousel-wrap .type { font-size: 12px; } } .product-details-wrap .carousel-wrap .description-box .description { font-size: 16px; font-weight: 500; line-height: 1.2; margin-bottom: 10px; color: #188ae1; } @media (max-width: 1023.98px) { .product-details-wrap .carousel-wrap .description-box .description { font-size: 15px; } } @media (max-width: 767.98px) { .product-details-wrap .carousel-wrap .description-box .description { font-size: 14px; } } .product-details-wrap .carousel-wrap .link-box > a { min-width: 100%; } .product-details-wrap .slick-reviews { margin-bottom: 24px; } @media (min-width: 1280px) { .product-details-wrap .slick-reviews .slick-list { margin: 0 -20px; } .product-details-wrap .slick-reviews .slick-slide { padding: 0 20px; } } .product-details-wrap .slick-reviews .item { padding: 20px 40px 30px; background-color: #f7f7f7; } @media (max-width: 767.98px) { .product-details-wrap .slick-reviews .item { padding: 15px 20px 15px; } } .product-details-wrap .slick-reviews .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7d3ce; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 639.98px) { .product-details-wrap .slick-reviews .info { margin-bottom: 10px; padding-bottom: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-details-wrap .slick-reviews .info .name, .product-details-wrap .slick-reviews .info .star-box { margin-right: 12px; } } .product-details-wrap .slick-reviews .name { font-size: 20px; font-weight: 600; margin-right: 15px; } @media (max-width: 1279.98px) { .product-details-wrap .slick-reviews .name { font-size: 19px; } } @media (max-width: 1023.98px) { .product-details-wrap .slick-reviews .name { font-size: 18px; } } @media (max-width: 767.98px) { .product-details-wrap .slick-reviews .name { font-size: 17px; } } @media (max-width: 639.98px) { .product-details-wrap .slick-reviews .name { font-size: 16px; } } .product-details-wrap .slick-reviews .star-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-details-wrap .slick-reviews .iconfont { font-size: 14px; color: #a41517; } .product-details-wrap .slick-reviews .date-reviews { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 0 auto; color: #666; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product-details-wrap .slick-reviews .date-reviews:before { font-size: 14px; font-size: 1.3em; line-height: 1; margin-right: 10px; content: '\e65c'; color: #a41517; } @media (max-width: 1279.98px) { .product-details-wrap .slick-reviews .date-reviews { width: 100%; margin-top: 5px; } } @media (max-width: 767.98px) { .product-details-wrap .slick-reviews .date-reviews { font-size: 12px; } .product-details-wrap .slick-reviews .date-reviews:before { margin-right: 5px; } } .product-details-wrap .details-review .write-btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; } @media (min-width: 1280px) { .product-details-wrap .details-review .write-btn:hover { color: #188ae1; } } .product-details-wrap .details-review .write-btn:active { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); text-decoration: underline; color: #188ae1; } .product-details-wrap .details-review .inquiry-form { display: none; margin-bottom: 3.72670807%; } .product-details-wrap .details-review .select-star { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; flex-direction: row-reverse; color: #188ae1; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .product-details-wrap .details-review .select-star input { position: absolute; z-index: -1; pointer-events: none; opacity: 0; } .product-details-wrap .details-review .select-star input:checked ~ label:before { content: '\e9a1'; color: #188ae1; } .product-details-wrap .details-review .select-star label { width: auto; margin-right: 5px; } .product-details-wrap .details-review .select-star label:before { font-family: 'iconfont' !important; font-style: normal; content: '\e9a2'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 1280px) { .product-details-wrap .details-review .select-star label:hover:before, .product-details-wrap .details-review .select-star label:hover ~ label:before { content: '\e9a1'; color: #188ae1; } } .product-details-wrap .details-review .write-list li { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; } .product-details-wrap .details-review .write-list li:first-child { margin-top: 0; } .product-details-wrap .details-review .write-list li:last-child { padding-bottom: 0; border: none; } @media (max-width: 767.98px) { .product-details-wrap .details-review .write-list li { margin-top: 20px; padding-bottom: 15px; } } .product-details-wrap .details-review .write-list li:first-child { margin-top: 0; } .product-details-wrap .details-review .write-list .info > div { display: inline; margin-right: var(--ngy-margin-40); padding: 5px 0; } .product-details-wrap .details-review .write-list .info > div:last-child { margin-right: 0; } .product-details-wrap .details-review .write-list .date { font-size: 16px; vertical-align: bottom; color: #666; } @media (max-width: 1023.98px) { .product-details-wrap .details-review .write-list .date { font-size: 15px; } } @media (max-width: 767.98px) { .product-details-wrap .details-review .write-list .date { font-size: 14px; } } .product-details-wrap .details-review .write-list .date-box { margin-left: 40px; color: #666; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .product-details-wrap .details-review .write-list .date-box:before { display: none; } .product-details-wrap .details-review .write-list .star-wrap { font-size: 0; margin: 15px 0; } .product-details-wrap .details-review .write-list .star-wrap > span { font-size: 18px; margin-right: 24px; } @media (max-width: 1279.98px) { .product-details-wrap .details-review .write-list .star-wrap > span { font-size: 17px; } } @media (max-width: 1023.98px) { .product-details-wrap .details-review .write-list .star-wrap > span { font-size: 16px; } } @media (max-width: 767.98px) { .product-details-wrap .details-review .write-list .star-wrap > span { font-size: 15px; } } @media (max-width: 767.98px) { .product-details-wrap .details-review .write-list .star-wrap > span { margin-right: 10px; } } .product-details-wrap .details-review .write-list .star-wrap .iconfont { display: inline-block; margin-right: 5px; vertical-align: middle; } @media (max-width: 767.98px) { .product-details-wrap .details-review .write-list .star-wrap { margin: 10px 0 5px; } } .product-details-wrap .details-review .write-list .star-box .iconfont { font-size: 14px; color: #188ae1; } .product-details-wrap .details-review .write-list .star-box[data-star='5'] .iconfont:nth-child(-n + 5):before { content: '\e9a1'; } .product-details-wrap .details-review .write-list .star-box[data-star='4'] .iconfont:nth-child(-n + 4):before { content: '\e9a1'; } .product-details-wrap .details-review .write-list .star-box[data-star='3'] .iconfont:nth-child(-n + 3):before { content: '\e9a1'; } .product-details-wrap .details-review .write-list .star-box[data-star='2'] .iconfont:nth-child(-n + 2):before { content: '\e9a1'; } .product-details-wrap .details-review .write-list .star-box[data-star='1'] .iconfont:nth-child(-n + 1):before { content: '\e9a1'; } .product-details-wrap .details-review .write-list p { line-height: 2; } @media (min-width: 1536px) { .product-details-wrap .slick-related .slick-list { margin: 0 -25px; } .product-details-wrap .slick-related .slick-slide { padding: 0 25px; } } .alone-icon-bg { display: inline-block; padding: 5px; border: 1px solid #d9d9d9; border-radius: var(--radius-pc); } .alone-icon-bg:before { font-size: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; color: #fff; border-radius: var(--radius-pc); background-color: #000; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1723.98px) { .alone-icon-bg:before { font-size: 20px; width: 44px; height: 44px; } } @media (max-width: 1279.98px) { .alone-icon-bg:before { font-size: 18px; width: 40px; height: 40px; } } @media (max-width: 767.98px) { .alone-icon-bg:before { font-size: 16px; width: 36px; height: 36px; } } @media (max-width: 767.98px) { .alone-icon-bg { padding: 3px; } } .inquiry-wrap .size-list-box { padding-right: 15px; } .inquiry-wrap .size-list-box span { color: #fff; border-color: #000; background-color: #000; } .inquiry-wrap .inquiry-box .details-tit { padding-top: 0; } .inquiry-wrap .iq-title, .inquiry-wrap .list > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 45px; padding-left: 60px; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023.98px) { .inquiry-wrap .iq-title, .inquiry-wrap .list > li { padding-right: 30px; padding-left: 30px; } } @media (max-width: 767.98px) { .inquiry-wrap .iq-title, .inquiry-wrap .list > li { padding-right: 0; padding-left: 2%; } } .inquiry-wrap .iq-title { overflow: hidden; padding-top: 14px; padding-bottom: 14px; background-color: #188ae1; } @media (max-width: 767.98px) { .inquiry-wrap .iq-title { padding-top: 10px; padding-bottom: 10px; } } .inquiry-wrap .iq-title .th { font-weight: normal; text-align: center; color: #fff; border: none; } .inquiry-wrap .iq-title .th.qty-box { text-align: center; } .inquiry-wrap .iq-title .th span { display: inline-block; vertical-align: middle; } @media only screen and (min-width: 768px) { .inquiry-wrap .iq-title .th.check-box label.replace:after { display: block; } } @media (max-width: 1279.98px) { .inquiry-wrap .iq-title .th.introduce-box { padding-left: 20px; } } @media (max-width: 767.98px) { .inquiry-wrap .iq-title .th.introduce-box { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); } } @media (max-width: 639.98px) { .inquiry-wrap .iq-title .th.introduce-box { width: -webkit-calc(100% - 35px); width: calc(100% - 35px); padding-left: 5px; } } .inquiry-wrap .iq-title .pic-box { padding: 11px 0; text-align: center; } @media (max-width: 767.98px) { .inquiry-wrap .iq-title .check-box { padding: 0; } } @media (max-width: 767.98px) { .inquiry-wrap .iq-title .del-box { width: 30px; opacity: 0; } } .inquiry-wrap .inquiry-box { font-size: 18px; width: 100%; border: none; } @media (max-width: 1023.98px) { .inquiry-wrap .inquiry-box { font-size: 16px; } } .inquiry-wrap .inquiry-box label { margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none; } .inquiry-wrap .inquiry-box label:before { border: 1px solid #d5d5d5; border-radius: 4px; background-color: #e6e6e6; } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .introduce-title { padding-left: 0 !important; text-align: center; } } .inquiry-wrap .inquiry-box .check-box { min-width: 70px; text-align: left; } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .check-box { min-width: 30px; } } .inquiry-wrap .inquiry-box .check-box .check-all { margin: 0; cursor: pointer; } .inquiry-wrap .inquiry-box .check-box .check-all > label { margin-right: 10px; } .inquiry-wrap .inquiry-box .check-box .check-all span { font-weight: normal; } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .check-box .check-all span { display: none; } } .inquiry-wrap .inquiry-box .check-box label.replace { line-height: 18px; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; width: 20px; height: 20px; cursor: pointer; text-align: center; vertical-align: middle; border: 1px solid #e3e3e3; background-color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inquiry-wrap .inquiry-box .check-box label.replace:after { font-family: 'iconfont' !important; font-size: 24px; line-height: 1; position: absolute; top: 50%; left: 50%; content: '\e624'; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; opacity: 0; color: #000; } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .check-box label.replace { line-height: 14px; width: 16px; height: 16px; margin-left: 5px; } .inquiry-wrap .inquiry-box .check-box label.replace:after { font-size: 20px; } } .inquiry-wrap .inquiry-box .check-box label.replace input { display: none; } .inquiry-wrap .inquiry-box .check-box label.change:after { opacity: 1; } .inquiry-wrap .inquiry-box .introduce-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .inquiry-wrap .inquiry-box .introduce-box img { -webkit-transition: -webkit-transform 1.2s; transition: -webkit-transform 1.2s; transition: transform 1.2s; transition: transform 1.2s, -webkit-transform 1.2s; } .inquiry-wrap .inquiry-box .introduce-box:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } } @media (min-width: 768px) and (max-width: 1023.98px) { .inquiry-wrap .inquiry-box .introduce-box { display: block; } } @media (min-width: 768px) { .inquiry-wrap .inquiry-box .introduce-box { width: 48%; } } @media (min-width: 768px) and (max-width: 1279.98px) { .inquiry-wrap .inquiry-box .introduce-box { width: 52%; } } @media (min-width: 768px) and (max-width: 1023.98px) { .inquiry-wrap .inquiry-box .introduce-box { width: 230px; text-align: center; } } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .introduce-box { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .introduce-box { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); } } .inquiry-wrap .inquiry-box .introduce-box .pic-box { position: relative; z-index: 2; overflow: hidden; width: 200px; border-radius: 3px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1535.98px) { .inquiry-wrap .inquiry-box .introduce-box .pic-box { width: 150px; margin: 0 auto; } } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .introduce-box .pic-box { width: 90px; } } @media (min-width: 1280px) { .inquiry-wrap .inquiry-box .introduce-box .pic-box .pic img { -webkit-transition: -webkit-transform 1.2s; transition: -webkit-transform 1.2s; transition: transform 1.2s; transition: transform 1.2s, -webkit-transform 1.2s; } .inquiry-wrap .inquiry-box .introduce-box .pic-box .pic:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } } .inquiry-wrap .inquiry-box .introduce-box .intro { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } @media only screen and (min-width: 768px) { .inquiry-wrap .inquiry-box .introduce-box .intro { padding-left: 30px; } } @media only screen and (min-width: 768px) and (max-width: 1279.98px) { .inquiry-wrap .inquiry-box .introduce-box .intro { padding-left: 15px; } } @media only screen and (min-width: 768px) and (max-width: 1023.98px) { .inquiry-wrap .inquiry-box .introduce-box .intro { width: 100%; margin-top: 10px; padding-left: 0; } } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .introduce-box .intro { padding-left: 5%; } } .inquiry-wrap .inquiry-box .introduce-box .name { font-size: 18px; display: -webkit-box; overflow: hidden; height: auto; margin: 0 0 5px 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 1279.98px) { .inquiry-wrap .inquiry-box .introduce-box .name { font-size: 17px; } } @media (max-width: 1023.98px) { .inquiry-wrap .inquiry-box .introduce-box .name { font-size: 16px; } } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .introduce-box .name { font-size: 15px; } } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .introduce-box .name { margin-bottom: 10px; } } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .introduce-box .name { font-size: .9em; } } .inquiry-wrap .inquiry-box .introduce-box .name:hover { text-decoration: underline; } .inquiry-wrap .inquiry-box .introduce-box .name ~ span { margin-left: 15px; color: #999; } .inquiry-wrap .inquiry-box .introduce-box .name ~ span:first-of-type { margin-left: 0; } .inquiry-wrap .inquiry-box .introduce-box p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; } @media (min-width: 768px) { .inquiry-wrap .inquiry-box .introduce-box .number-box { display: none; } } .inquiry-wrap .inquiry-box .number-box { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-width: 90px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inquiry-wrap .inquiry-box .number-box a { line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; border: 1px solid #999; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inquiry-wrap .inquiry-box .number-box a:before { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inquiry-wrap .inquiry-box .number-box a.del1:before { content: '\e628'; } .inquiry-wrap .inquiry-box .number-box a.add1:before { content: '\e629'; } .inquiry-wrap .inquiry-box .number-box a:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1); } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .number-box a { font-size: 12px; line-height: 23px; width: 25px; height: 25px; } } .inquiry-wrap .inquiry-box .number-box a.disable { cursor: not-allowed; } .inquiry-wrap .inquiry-box .number-box .ipt-num { font-size: 16px; line-height: 30px; float: left; width: 60px; min-width: 26px; max-width: 60px; height: 30px; text-align: center; color: inherit; background: none; } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .number-box .ipt-num { font-size: 14px; line-height: 30px; width: 50px; height: 30px; } } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .number-box .ipt-num { line-height: 23px; width: 35px; height: 25px; } } .inquiry-wrap .inquiry-box .qty-box { text-align: center; } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .qty-box { display: none; } } @media (min-width: 768px) { .inquiry-wrap .inquiry-box .qty-box { width: 150px; text-align: center; } } .inquiry-wrap .inquiry-box .del-box { text-align: center; } @media (min-width: 768px) { .inquiry-wrap .inquiry-box .del-box { width: 80px; } } .inquiry-wrap .inquiry-box .del-box .del:before { font-family: 'iconfont' !important; font-size: 20px; font-style: normal; content: '\e632'; color: #787878; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inquiry-wrap .inquiry-box .del-box .del:hover:before { color: #188ae1; } @media (min-width: 768px) { .inquiry-wrap .inquiry-box .del-box .del { font-weight: bold; } } @media (max-width: 767.98px) { .inquiry-wrap .inquiry-box .del-box .del { margin-right: 10px; } .inquiry-wrap .inquiry-box .del-box .del:before { font-size: 18px; } } .inquiry-wrap .inquiry-box .list { border: 1px solid #188ae1; border-top: none; } .inquiry-wrap .inquiry-box .list > li { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #188ae1; } .inquiry-wrap .inquiry-box .list > li:nth-of-type(1) { border-top: none; } @media (max-width: 639.98px) { .inquiry-wrap .inquiry-box .list > li { padding-top: 20px; padding-bottom: 20px; } } .inquiry-wrap .inquiry-box .list > li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1280px) { .inquiry-wrap .inquiry-box .list > li:hover .name { color: #188ae1; } } .inquiry-wrap .pro-parameter { width: 100%; text-align: left; } @media (min-width: 1024px) { .inquiry-wrap .pro-parameter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inquiry-wrap .pro-parameter > div { padding: 0 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .inquiry-wrap .parameter-list li:not(.active) { display: none; } .inquiry-wrap .specifications-list { padding-top: 5px; } @media (max-width: 767.98px) { .inquiry-wrap .specifications-list { padding: 0 0 10px; } } .inquiry-wrap .specifications-list span { font-size: 12px; padding: 5px 10px; } @media (max-width: 1023.98px) { .inquiry-wrap .specifications-list span { font-size: 10px; padding: 5px; } } @media (max-width: 639.98px) { .inquiry-wrap .specifications-list span { font-size: 8px; } } .search-none { margin-bottom: 50px; } @media (max-width: 767.98px) { .search-none { margin-bottom: 35px; } } .search-none .tit { margin: 0 0 25px; } @media (max-width: 767.98px) { .search-none .tit { font-size: 20px; margin-bottom: 15px; } } .search-none p { margin: 0; padding: 10px; color: #ab7640; border: 1px solid #faebcc; border-radius: 5px; background-color: #fcf8e3; } .sitemap-wrap .list1 { font-size: 18px; overflow: hidden; margin-top: -20px; text-transform: capitalize; } @media (max-width: 1023.98px) { .sitemap-wrap .list1 { font-size: 17px; } } @media (max-width: 767.98px) { .sitemap-wrap .list1 { font-size: 16px; margin-top: -15px; } } @media (max-width: 639.98px) { .sitemap-wrap .list1 { font-size: 15px; } } .sitemap-wrap .list1 > li { margin-top: 20px; } @media (max-width: 767.98px) { .sitemap-wrap .list1 > li { margin-top: 15px; } } .sitemap-wrap .list1 > li > span > a { font-weight: 500; display: inline-block; min-width: 260px; padding: 12px 30px; vertical-align: top; color: #fff; background-color: #188ae1; } @media (min-width: 1280px) { .sitemap-wrap .list1 > li > span > a { -webkit-transition: .4s; transition: .4s; } .sitemap-wrap .list1 > li > span > a:hover { text-decoration: underline; } } @media (max-width: 1279.98px) { .sitemap-wrap .list1 > li > span > a:active { text-decoration: underline; } } @media (max-width: 1023.98px) { .sitemap-wrap .list1 > li > span > a { width: 100%; } } @media (max-width: 767.98px) { .sitemap-wrap .list1 > li > span > a { padding: 8px 20px; } } .sitemap-wrap .list2 { font-size: 20px; padding: 0 0 10px 30px; text-transform: capitalize; } @media (max-width: 767.98px) { .sitemap-wrap .list2 { font-size: 18px; padding-left: 15px; } } .sitemap-wrap .list2 li { font-size: .88888889em; } .sitemap-wrap .list2 > li { margin-top: 20px; } @media (max-width: 767.98px) { .sitemap-wrap .list2 > li { margin-top: 15px; } } .sitemap-wrap .list2 > li:first-child > span > span { margin-top: 0; } .sitemap-wrap .list2 > li > span > span { font-weight: 500; display: block; margin-top: 45px; color: #188ae1; } @media (max-width: 767.98px) { .sitemap-wrap .list2 > li > span > span { margin-top: 30px; } } .sitemap-wrap .list2 > li > span > a { font-weight: 500; } @media (min-width: 1280px) { .sitemap-wrap .list2 a:hover { text-decoration: underline; color: #188ae1; } } @media (max-width: 1279.98px) { .sitemap-wrap .list2 a:active { text-decoration: underline; color: #188ae1; } } .sitemap-wrap .list3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -30px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767.98px) { .sitemap-wrap .list3 { margin-right: -15px; } } .sitemap-wrap .list3 > li { display: inline-block; margin-top: 15px; padding-right: 30px; } @media (max-width: 767.98px) { .sitemap-wrap .list3 > li { margin-top: 10px; padding-right: 15px; } } .sitemap-wrap .list4 { margin-top: 5px; } .sitemap-wrap .list4 > li { margin-top: 3px; } .sitemap-wrap .list4 > li > span > a { color: #666; } .online-wrap.right .code .mask { right: 100%; padding-right: 5px; } .online-wrap.right .online-btn { right: 10px; } .online-wrap.right .online { right: 10px; } @media (max-width: 767.98px) { .online-wrap.right .online { -webkit-transform: translateX(80px); -webkit-transform: translate3d(80px, 0, 0); -ms-transform: translateX(80px); transform: translateX(80px); transform: translate3d(80px, 0, 0); } } .online-wrap.right .online a { border-radius: 10px; } @media (min-width: 1280px) { .online-wrap.right .online a:not(.notChangeRadius):hover .show-num { right: 100%; padding-right: 2px; } } .online-wrap.right .online .code-pic { right: 45px; } @media only screen and (min-width: 768px) and (max-width: 1023.98px) { .online-wrap.right .online .code-pic { right: 65px; } } .online-wrap.right .online .show-num { right: -600px; } .online-wrap.left .code .mask { left: 100%; padding-left: 5px; } .online-wrap.left .online-btn { left: 10px; } .online-wrap.left .online { left: 10px; } @media (max-width: 767.98px) { .online-wrap.left .online { -webkit-transform: translateX(-50px); -webkit-transform: translate3d(-50px, 0, 0); -ms-transform: translateX(-50px); transform: translateX(-50px); transform: translate3d(-50px, 0, 0); } } .online-wrap.left .online a { border-radius: 10px; } @media (min-width: 1280px) { .online-wrap.left .online a:not(.gotop):hover .show-num { left: 100%; padding-left: 2px; } } .online-wrap.left .online .code-pic { left: 45px; } @media only screen and (min-width: 768px) and (max-width: 1023.98px) { .online-wrap.left .online .code-pic { left: 55px; } } .online-wrap.left .online .show-num { left: -600px; } .online-wrap.active .online-btn:before { -webkit-transform: rotateZ(225deg); -ms-transform: rotate(225deg); transform: rotateZ(225deg); } .online-wrap.active .online { -webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translateX(0); transform: translateX(0); transform: translate3d(0, 0, 0); } .online-wrap .online-btn { font-size: 18px; line-height: 40px; position: fixed; z-index: 100; bottom: 60px; width: 40px; height: 40px; padding: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; text-align: center; color: #188ae1; border: none; border-radius: 10px; background: #fff; } @media (min-width: 768px) { .online-wrap .online-btn { display: none; } } .online-wrap .online-btn:before { font-family: 'iconfont' !important; font-style: normal; display: inline-block; content: '\e6d2'; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .online-wrap .code-pic { position: fixed; z-index: 101; bottom: 0; display: none; width: 120px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1); } @media only screen and (min-width: 768px) and (max-width: 1023.98px) { .online-wrap .code-pic { bottom: 300px; } } .online-wrap .code-pic .pic-box { padding: 5px; background-color: #fff; } .online-wrap .code-pic img { display: block; width: 100%; } .online-wrap .online { position: fixed; z-index: 100; bottom: 7%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .online-wrap .online.has-bg { padding: 3px 5px; border-radius: 10px; background: #fff; } @media (max-width: 767.98px) { .online-wrap .online { bottom: 110px; } } .online-wrap .online a { font-size: 18px; line-height: 40px; position: relative; display: block; width: 40px; height: 40px; margin: 5px 0; text-align: center; color: #188ae1; border-radius: 10px; background-color: #fff; } @media (min-width: 1280px) { .online-wrap .online a { -webkit-transition: background-color .3s; transition: background-color .3s; } .online-wrap .online a:hover { color: #fff; background-color: #188ae1; } .online-wrap .online a:hover .show-num { opacity: 1; } } @media (max-width: 767.98px) { .online-wrap .online a { font-size: 16px; line-height: 30px; width: 30px; height: 30px; } } .online-wrap .online a:active { color: #fff; background-color: #188ae1; } .online-wrap .online a .iconfont { font-size: 1.1em; } .online-wrap .online .show-num { font-family: 'Inter Tight'; font-size: 16px; position: absolute; z-index: -1; top: 0; overflow: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; white-space: nowrap; opacity: 0; } @media (max-width: 1023.98px) { .online-wrap .online .show-num { font-size: 15px; } } @media (max-width: 767.98px) { .online-wrap .online .show-num { font-size: 14px; } } .online-wrap .online .show-num p { margin: 0; padding: 0 10px; border-radius: 10px; background-color: #188ae1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12); } .online-wrap .online .code .mask { position: absolute; z-index: 10; top: 0; right: 100%; display: none; width: 130px; height: 130px; } .online-wrap .online .code .mask .mask-box { padding: 5px; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12); } .online-wrap .online .code .mask img { display: block; width: 100%; } .online-wrap .online .code .mask p { font-size: 13px; line-height: 16px; margin: 5px 0 8px 0; color: #888; } .online-wrap .online .cart { position: relative; border-radius: 10px !important; } .online-wrap .online .cart:before { display: block; -webkit-transform: translateX(-2px) translateY(2px); -ms-transform: translateX(-2px) translateY(2px); transform: translateX(-2px) translateY(2px); } .online-wrap .online .cart var, .online-wrap .online .cart i { font-style: normal; } .online-wrap .online .cart i { font-size: 10px; line-height: 1; position: absolute; z-index: 2; top: 4px; right: 4px; padding: 4px 6px; color: #fff; border-radius: 10px; background-color: #188ae1; } @media (max-width: 767.98px) { .online-wrap .online .cart i { top: 2px; right: 2px; padding: 2px 4px; } } @media (min-width: 1280px) { .online-wrap .online .cart:hover i { background-color: #003353; } } .online-wrap .online a .icon-arrow-top { font-size: .9em; } .xs-online { position: fixed; z-index: 998; bottom: 0; left: 0; width: 100%; background-color: rgba(24, 138, 225, .8); box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2); } .xs-online ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; color: #fff; } .xs-online ul li { border-left: 1px solid rgba(255, 255, 255, .8); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .xs-online ul li > a { font-size: .7em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; min-height: 46px; padding: 6px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .xs-online ul li > a:before { font-family: 'iconfont' !important; font-size: 1.4em; font-style: normal; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .xs-online ul li > a span { line-height: 1.1; display: block; } .xs-online ul li:first-child { border-left: none; } .xs-online ul li.tel > a:before { content: '\e61c'; } .xs-online ul li.mail > a:before { content: '\e6a4'; } .xs-online ul li.home > a:before { content: '\e6c8'; } .xs-online ul li.whatsapp > a:before { content: '\e621'; } .xs-online ul li.facebook > a:before { content: '\e6d9'; } .xs-online ul li.product > a:before { content: '\e7e9'; } .xs-online ul li.skype > a:before { content: '\e616'; } .xs-online ul li.map > a:before { content: '\e63e'; } .xs-online ul li.message > a:before { content: '\e65f'; } .xs-online ul li.contact > a:before { content: '\e62c'; } .xs-online ul li.wechat, .xs-online ul li.weixin { position: relative; } .xs-online ul li.wechat label, .xs-online ul li.weixin label { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .xs-online ul li.wechat .xs-wechat:checked ~ .pic-box, .xs-online ul li.weixin .xs-wechat:checked ~ .pic-box { display: block; } .xs-online ul li.wechat > a:before, .xs-online ul li.weixin > a:before { content: '\e604'; } .xs-online ul li.wechat .pic-box, .xs-online ul li.weixin .pic-box { position: absolute; bottom: 100%; left: 50%; display: none; width: 100px; max-width: 100px; padding: 5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2); } .xs-online ul li.wechat .pic-box img, .xs-online ul li.weixin .pic-box img { display: block; width: 100%; } .xs-online ul li.wechat .pic-box p, .xs-online ul li.weixin .pic-box p { line-height: 30px; margin: 0; white-space: nowrap; color: #333; } .xs-online ul li.service > a:before { content: '\e7e9'; } .xs-online ul li.gotop > a:before { content: '\e605'; } .privacy-policy-btn.has-icon a, .sitemap-btn.has-icon a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .privacy-policy-btn.has-icon a:before, .sitemap-btn.has-icon a:before { font-family: 'iconfont' !important; font-size: 1.3em; font-style: normal; line-height: 1; margin-right: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .privacy-policy-btn.has-line a span, .sitemap-btn.has-line a span { text-decoration: underline; } .privacy-policy-btn a:active, .sitemap-btn a:active { text-decoration: none !important; } .sitemap-btn.has-icon a:before { content: '\e8ad'; } .privacy-policy-btn.has-icon a:before { content: '\e649'; } @media (min-width: 1280px) { .footer p a:hover, .footer li a:hover, .copyright .info a:hover, .footer-func a:hover, .hicheng a:hover, .footer p a:hover span, .footer li a:hover span, .copyright .info a:hover span, .footer-func a:hover span, .hicheng a:hover span { text-decoration: underline; color: #fff; } } .footer p a:active, .footer li a:active, .copyright .info a:active, .footer-func a:active, .hicheng a:active, .footer p a:active span, .footer li a:active span, .copyright .info a:active span, .footer-func a:active span, .hicheng a:active span { text-decoration: underline; color: #fff; } .subscription-form { position: relative; } .subscription-form .form-box { font-size: 16px; position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; max-width: 100%; margin: 0 auto; padding: 10px 20px; border: 1px solid #98d5f6; border-radius: var(--radius-pc-10); background-color: rgba(255, 255, 255, .2); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023.98px) { .subscription-form .form-box { font-size: 15px; } } @media (max-width: 767.98px) { .subscription-form .form-box { font-size: 14px; } } @media (max-width: 1023.98px) { .subscription-form .form-box { margin-top: var(--text-pc-30); } } .subscription-form .form-box .ipt-box { padding: 0; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .subscription-form .form-box input::-webkit-input-placeholder, .subscription-form .form-box textarea::-webkit-input-placeholder { color: #fff; } .subscription-form .form-box input:-o-placeholder, .subscription-form .form-box textarea:-o-placeholder { color: #fff; } .subscription-form .form-box input::-moz-placeholder, .subscription-form .form-box textarea::-moz-placeholder { color: #fff; } .subscription-form .form-box input:-ms-input-placeholder, .subscription-form .form-box textarea:-ms-input-placeholder { color: #fff; } .subscription-form .form-box input:focus::-webkit-input-placeholder, .subscription-form .form-box textarea:focus::-webkit-input-placeholder { color: #eee; } .subscription-form .form-box input:focus::-o-placeholder, .subscription-form .form-box textarea:focus::-o-placeholder { color: #eee; } .subscription-form .form-box input:focus::-moz-placeholder, .subscription-form .form-box textarea:focus::-moz-placeholder { color: #eee; } .subscription-form .form-box input:focus::-ms-input-placeholder, .subscription-form .form-box textarea:focus::-ms-input-placeholder { color: #eee; } .subscription-form .form-box input { font-size: 1em; display: block; width: 100%; color: #fff; background: none; } .subscription-form .form-box .submit { margin-left: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .subscription-form .form-box .submit > span { color: inherit !important; } .subscription-form .form-box .submit > span > span { color: inherit !important; } @media (min-width: 1200px) { .subscription-form .form-box .submit > span:hover > span { text-decoration: underline; } } .subscription-form .verification-list { margin-top: 10px; } .subscription-form .verification-list .ipt-spam-code { font-size: 14px; padding: 5px 10px; border-radius: 5px; } .footer-contact { font-size: 18px; overflow: hidden; padding: var(--ngy-margin-60); text-align: center; } @media (max-width: 1279.98px) { .footer-contact { font-size: 17px; } } @media (max-width: 1023.98px) { .footer-contact { font-size: 16px; } } @media (max-width: 767.98px) { .footer-contact { font-size: 15px; } } .footer-contact .contact-list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: -35px -15px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer-contact li { margin-top: 35px; padding: 0 15px; } @media (min-width: 1280px) { .footer-contact li { max-width: 30%; } .footer-contact li:nth-child(even) { width: 1px; padding: 0; opacity: .45; background-color: #fff; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (max-width: 1279.98px) { .footer-contact li { width: 50%; } .footer-contact li:nth-child(even) { display: none; } .footer-contact li:last-child { width: 100%; } } @media (max-width: 639.98px) { .footer-contact li { width: 100%; } } @media (min-width: 1280px) { .footer-contact .item:hover .tit:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; } } .footer-contact .tit { font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer-contact .tit:before { font-size: 3em; line-height: 1; } @media (max-width: 1279.98px) { .footer-contact .tit:before { font-size: 2.5em; } } .footer-contact .tit > span { margin: 15px 0; } @media (max-width: 767.98px) { .footer-contact .tit > span { margin: 10px 0; } } .footer-contact p a { font-size: 1.5em; } @media (max-width: 1279.98px) { .footer-contact p a { font-size: 1.3em; } } .footer { position: relative; background-color: rgba(24, 138, 225, .6); background-image: -webkit-radial-gradient(2px 2px, circle, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05) 2px, transparent 2px); background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05) 2px, transparent 2px); background-repeat: repeat; background-size: 20px 20px; } .footer:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: -webkit-radial-gradient(50% 50%, 50% 50%, rgba(5, 153, 232, 0) 0%, #0599e8 100%); background: radial-gradient(50% 50% at 50% 50%, rgba(5, 153, 232, 0) 0%, #0599e8 100%); } .footer > div { position: relative; z-index: 2; } .footer .foot-list li a { position: relative; display: inline-block; } @media (min-width: 1280px) { .footer .foot-list p a:hover, .footer .foot-list li a:hover { text-decoration: underline; color: #fff; } } .footer .foot-list p a:active, .footer .foot-list li a:active { text-decoration: underline; color: #fff; } .footer .foot-list p { margin-bottom: 0; } .footer .foot-nav li { position: relative; margin-top: 20px; } @media (max-width: 767.98px) { .footer .foot-nav li { margin-top: 10px; } } .footer .f-logo { margin-bottom: var(--ngy-margin-50); } .footer .f-logo .pic { max-width: 100%; height: 73px; } .footer .f-logo .pic img { width: auto; height: 100%; } @media (max-width: 767.98px) { .footer .f-logo .pic { height: 60px; } } .footer .foot-about { max-width: 470px; } @media (max-width: 1535.98px) { .footer .foot-about { max-width: 360px; } } .footer .foot-about p { line-height: 1.75; color: inherit; } .footer .foot-about .follow-box { margin-top: 30px; } @media (max-width: 767.98px) { .footer .foot-about .follow-box { margin-top: 15px; } } @media (max-width: 767.98px) { .footer .contact-list li { display: block; } } .footer .contact-list .item, .footer .contact-list .item .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer .contact-list .item .tit { margin-right: 18px; } @media (max-width: 767.98px) { .footer .contact-list .item .tit { margin-right: 8px; } } @media (min-width: 1280px) { .footer .foot-contact { max-width: 525px; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .footer .foot-contact { max-width: 400px; } } .footer .foot-contact .tit { font-family: inherit; } .footer .foot-contact li { margin-top: var(--spacing-pc-30); } .footer .foot-contact .follow-box { margin-top: var(--spacing-pc-50); } @media (min-width: 1280px) { .footer .foot-subscription { width: 470px; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .footer .foot-subscription { width: 350px; } } .footer .foot-subscription .f-tit span { font-size: 2.08333333em; } .footer .foot-subscription p { font-size: 16px; margin-bottom: 20px; color: #d9d9d9; } @media (max-width: 1023.98px) { .footer .foot-subscription p { font-size: 15px; } } @media (max-width: 767.98px) { .footer .foot-subscription p { font-size: 14px; } } .footer .foot-subscription form { margin-top: 15px; } .footer .foot-subscription form .ipt-spam-code { padding: 10px; background: #fff; } @media (min-width: 1280px) { .footer .foot-message { width: 520px; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .footer .foot-message { width: 450px; } } @media (min-width: 1280px) and (max-width: 1535.98px) { .footer .foot-message { width: 400px; } } @media (max-width: 1279.98px) { .footer .foot-message { width: 100%; } } .footer .foot-message .placeholder-tit { margin-bottom: 10px; } .footer .foot-message input::-webkit-input-placeholder, .footer .foot-message textarea::-webkit-input-placeholder { color: #fff; } .footer .foot-message input:-o-placeholder, .footer .foot-message textarea:-o-placeholder { color: #fff; } .footer .foot-message input::-moz-placeholder, .footer .foot-message textarea::-moz-placeholder { color: #fff; } .footer .foot-message input:-ms-input-placeholder, .footer .foot-message textarea:-ms-input-placeholder { color: #fff; } .footer .foot-message input:focus::-webkit-input-placeholder, .footer .foot-message textarea:focus::-webkit-input-placeholder { color: #ccc; } .footer .foot-message input:focus::-o-placeholder, .footer .foot-message textarea:focus::-o-placeholder { color: #ccc; } .footer .foot-message input:focus::-moz-placeholder, .footer .foot-message textarea:focus::-moz-placeholder { color: #ccc; } .footer .foot-message input:focus::-ms-input-placeholder, .footer .foot-message textarea:focus::-ms-input-placeholder { color: #ccc; } .footer .foot-message input, .footer .foot-message textarea { font-size: 14px; padding: 11px 20px; color: #fff; background: #003d62; } @media (max-width: 767.98px) { .footer .foot-message input, .footer .foot-message textarea { font-size: 12px; padding: 10px 12px; } } .footer .foot-message textarea { min-height: 90px; } .footer .foot-message .submit { margin-top: 0; } .footer .foot-message .submit > span { margin-left: 20px; color: #fff !important; } .footer .foot-message .submit > span > span { font-weight: bold; text-decoration: underline; color: inherit !important; } @media (max-width: 767.98px) { .footer .foot-message .submit > span { margin-left: 10px; } } .copyright { font-size: 16px; line-height: 1.8; position: relative; z-index: 2; color: #fff; } @media (max-width: 1023.98px) { .copyright { font-size: 15px; } } @media (max-width: 767.98px) { .copyright { font-size: 14px; } } @media (max-width: 1279.98px) { .copyright { text-align: center; } } @media (max-width: 767.98px) { .copyright { padding-bottom: 60px; } } .copyright .container { padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) - 15px); padding-bottom: calc(constant(safe-area-inset-bottom) - 15px); padding-bottom: -webkit-calc(env(safe-area-inset-bottom) - 15px); padding-bottom: calc(env(safe-area-inset-bottom) - 15px); } @media (max-width: 1279.98px) { .copyright .container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .copyright .info-box { padding: var(--spacing-pc-40) 0; text-align: center; } @media (min-width: 1280px) { .copyright .info-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767.98px) { .copyright .info-box { padding-top: 10px; padding-bottom: 10px; } } .copyright .info-box > div { padding: 5px 0; } .copyright .info-box span { display: inline-block; } .copyright .info { margin: 0 -5px; } @media (min-width: 1280px) { .copyright .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .copyright .info > span { padding: 0 5px; } @media (max-width: 1535.98px) { .copyright .follow-box { margin-top: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .copyright .follow-box a { background: none; } .file { opacity: 0; } .upload-box { margin-bottom: 20px; background-color: #fff !important; } .upload-wrap { display: none; padding-bottom: 20px; } .upload-wrap .file-input { position: relative; } .upload-wrap .file-preview { padding: 0; border: 1px solid #e8edf3; background-color: #f5f5f5 !important; } .upload-wrap .file-preview > .fileinput-remove { display: none; } .upload-wrap .file-drop-zone { min-height: 150px; margin: 0; } @media (min-width: 1024px) { .upload-wrap .file-drop-zone { padding: 15px; border: none; } } @media (max-width: 1023.98px) { .upload-wrap .file-drop-zone { padding: 0; } } .upload-wrap .file-drop-zone.clickable { border: none !important; } .upload-wrap .file-caption-main { padding: 0 20px; } .upload-wrap .file-caption-main > .file-caption { display: none; } .upload-wrap .file-caption-name { display: none !important; } .upload-wrap .input-group { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1023.98px) { .upload-wrap .input-group { padding-bottom: 15px; } } .upload-wrap .input-group-btn { text-align: right; } @media (min-width: 1280px) { .upload-wrap .input-group-btn .btn:hover { border-color: #188ae1; } } @media (max-width: 767.98px) { .upload-wrap .input-group-btn > * .glyphicon { font-size: .9em; } } .upload-wrap .input-group-btn > * > span.hidden-xs { display: inline-block !important; } @media (max-width: 767.98px) { .upload-wrap .input-group-btn > * > span.hidden-xs { font-size: 12px; } } .upload-wrap .fileinput-upload-button { display: inline-block; } @media (min-width: 1280px) { .upload-wrap .fileinput-upload-button:hover { border-color: #188ae1; background-color: #188ae1; } } .upload-wrap .btn-file { cursor: pointer; border: none; border-radius: 4px !important; background-color: #188ae1; } .upload-wrap .btn-file .file { cursor: pointer; } .upload-wrap .kv-upload-progress { padding: 0 15px; } .upload-wrap .file-thumb-progress { position: relative; top: 0; right: auto; left: 0; } @media (max-width: 767.98px) { .upload-wrap .file-preview-thumbnails { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .upload-wrap .file-live-thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; margin: 0 -5px; text-align: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .upload-wrap .file-drop-zone-title { font-size: 16px; position: absolute; top: 50%; left: 50%; width: 90%; padding: 30px 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media (max-width: 1023.98px) { .upload-wrap .file-drop-zone-title { font-size: 15px; } } @media (max-width: 767.98px) { .upload-wrap .file-drop-zone-title { font-size: 14px; } } .upload-wrap .file-drop-zone-title span { font-size: 1.25em; display: block; margin-bottom: 5px; } @media (max-width: 767.98px) { .upload-wrap .file-drop-zone-title { padding: 10px 0; } } .upload-wrap .file-preview-frame { display: block; width: 100px; max-width: -webkit-calc(20% - 16px) !important; max-width: calc(20% - 16px) !important; height: auto !important; text-align: center; vertical-align: top; } @media (max-width: 1723.98px) { .upload-wrap .file-preview-frame { max-width: -webkit-calc(25% - 16px) !important; max-width: calc(25% - 16px) !important; } } @media (max-width: 1535.98px) { .upload-wrap .file-preview-frame { max-width: -webkit-calc(33.33333% - 16px) !important; max-width: calc(33.33333% - 16px) !important; } } @media (max-width: 1279.98px) { .upload-wrap .file-preview-frame { max-width: -webkit-calc(25% - 16px) !important; max-width: calc(25% - 16px) !important; } } @media (max-width: 1023.98px) { .upload-wrap .file-preview-frame { max-width: -webkit-calc(20% - 16px) !important; max-width: calc(20% - 16px) !important; } } @media (max-width: 767.98px) { .upload-wrap .file-preview-frame { max-width: -webkit-calc(25% - 16px) !important; max-width: calc(25% - 16px) !important; } .upload-wrap .file-preview-frame .file-other-icon { font-size: 10vw; } } .upload-wrap .file-preview-frame .kv-file-content { position: relative; overflow: hidden; width: 100%; height: auto !important; padding-bottom: 100%; } .upload-wrap .file-preview-frame .kv-file-content > * { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; } .upload-wrap .file-preview-frame .file-thumbnail-footer { height: auto; } .upload-wrap .file-preview-frame .file-preview-other { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .upload-wrap .file-preview-frame .file-preview-other .glyphicon { display: block; } .upload-wrap .krajee-default .file-footer-caption { margin-bottom: 0; } .upload-wrap .krajee-default .file-caption-info, .upload-wrap .krajee-default .file-size-info { width: 100%; height: auto; } .upload-wrap .file-upload-indicator .glyphicon { font-size: 16px; display: block; } .upload-wrap .file-thumbnail-footer { position: initial; } .upload-wrap .file-footer-buttons { float: none; } .upload-wrap .file-footer-buttons > button { display: none !important; } .upload-wrap .file-footer-buttons > button.kv-file-remove { display: block !important; border: none; } .upload-wrap .file-actions { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .upload-wrap .file-caption-icon { display: none !important; } .upload-wrap .file-footer-caption { font-size: 1em; line-height: 1.2; width: 100%; } @media (max-width: 767.98px) { .upload-wrap .file-footer-caption { font-size: 12px; } } .upload-wrap .file-footer-caption samp { display: none; } .upload-wrap .kv-fileinput-error .close { position: relative; z-index: 2; } /** * Date : 2026-08-14 * @author HSM * @toDo 产品图换比例 */ .img-product > img{ --aspect-square: 800 / 600; } /** * Date : 2026-09-20 * @author HSM * @toDo 导航文字16->18 logo放大 * @toDo 导航文字16->20 logo放大 */ @media (min-width: 1536px) { .logo .pic { height: 60px; } .header .nav .nav-list1 > li > span > a { /* font-size: 18px; */ font-size: 20px; } } .header .nav .nav-list1 > li > span > a > span { font-weight: bold; } /** * Date : 2026-09-22 * @author HSM * @toDo 单独中文版导航放宽 */ /* @media (width >= 80rem) { .header .header-r , .header .header-r .nav { flex: 1 0 0%; } .header .header-r { padding-left: 6vw; } } */ /** * Date : 2026-09-23 * @author HSM * @toDo 导航稍微居中 */ @media (min-width: 1280px) { .header .header-r .nav { padding-right: min(3vw, 50px); } } @media (min-width: 1536px) { .header .header-r .nav { padding-right: min(5vw, 100px); } }