h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; } a { color: #1e1e1e; -webkit-transition: color 0.3s; transition: color 0.3s; } a:hover { color: #ff722c; } .bg-gray { background-color: #f8f9fb; } .blue { color: #ff722c !important; } .txt-line4 { -webkit-line-clamp: 4; height: 5.4em; } .txt-line3 { -webkit-line-clamp: 3; } .txt-line2 { -webkit-line-clamp: 2; height: 3.8em; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } ol, ul { list-style: none; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .c { clear: both; } .n, em { font-weight: normal; font-style: normal; } .dn { display: none; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: 'clear'; height: 0; clear: both; overflow: hidden; visibility: hidden; } a { text-decoration: none; } a:hover { color: #ff6600; } input[type='input'] { border: none; border-radius: none; } button::-moz-focus-inner { border: 0; } :focus, :active { outline: 0; /*border: 0;*/ } select { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 348 200' style='enable-background:new 0 0 348 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cpath class='st0' d='M100,147.9L17.7,52.1h164.5L100,147.9z'/%3E%3C/svg%3E%0A");*/ background-color: transparent; background-position: right 50%; background-repeat: no-repeat; /*background-size: .20rem;*/ } select option { background-color: none; } input::-webkit-input-placeholder { line-height: 1em; } input[type='submit'] { appearance: none; -moz-appearance: none; -webkit-appearance: none; } select { border-radius: 0; border: 0; font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } ::-webkit-input-placeholder { font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } ::-moz-placeholder { font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } ::-ms-input-placeholder { font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } select::-ms-expand { display: none; } input[type='submit'] { appearance: none; -moz-appearance: none; -webkit-appearance: none; font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } body { font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } textarea, select, input { font-family: 'CenturyGothic', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei'; } .slide1 { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } .slide1.slick-initialized { visibility: visible; opacity: 1; } *:after, *:before, * { -webkit-box-sizing: border-box; box-sizing: border-box; } /*.page-enter-active, .page-leave-active { transition: opacity 0.6s, transform 0.6s; } .page-enter, .page-leave-to { opacity: 0; transform: translateY(-6%); }*/ .nested-enter-active, .nested-leave-active { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nested-enter, .nested-leave-to { opacity: 0; } /** * Swiper 4.5.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 16, 2019 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container { width: 100%; max-width: 100%; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 12rem; perspective: 12rem; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 0.21rem; height: 0.4rem; margin-top: -0.2rem; z-index: 10; cursor: pointer; background-size: 0.21rem 0.4rem; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 0.3rem; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 0.3rem; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.1rem; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 0.1rem; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0.06rem 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.08rem; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.04rem; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 0.04rem; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 0.04rem; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 0.1rem; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 0.03rem; z-index: 50; height: 0.05rem; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 0.03rem; top: 1%; z-index: 50; width: 0.05rem; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 0.1rem; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 0.42rem; height: 0.42rem; position: absolute; left: 50%; top: 50%; margin-left: -0.21rem; margin-top: -0.21rem; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(0.5rem); filter: blur(0.5rem); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 12rem; } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 600; padding: 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { display: none; vertical-align: middle; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; text-align: left; } .modal a.close-modal { } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding: 0.12rem 0.16rem; border-radius: 0.05rem; background-color: #111; height: 0.2rem; } .modal-spinner > div { border-radius: 1rem; background-color: #fff; height: 0.2rem; width: 0.02rem; margin: 0 0.01rem; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; display: none; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; display: none; } } @-webkit-keyframes moveRightIn { 50% { -webkit-transform: translateX(100%); transform: translateX(100%);opacity: 0; } 51%{ -webkit-transform: translateX(-100%); transform: translateX(-100%);opacity: 0; } 100%{ -webkit-transform: translateX(0); transform: translateX(0);opacity: 1; } } @keyframes moveRightIn { 50% { -webkit-transform: translateX(100%); transform: translateX(100%);opacity: 0; } 51%{ -webkit-transform: translateX(-100%); transform: translateX(-100%);opacity: 0; } 100%{ -webkit-transform: translateX(0); transform: translateX(0);opacity: 1; } } .marquee-content { margin: 0; } .marquee { overflow: auto; } .marquee-horizontal { white-space: nowrap; } .marquee-horizontal .marquee-content, .marquee-horizontal .marquee-wrapper { display: inline-block; } .st0{fill:url(#SVGID_3_);} .st1{fill:url(#SVGID_6_);} .st2{-webkit-clip-path:url(#SVGID_10_);clip-path:url(#SVGID_10_);} .st3{-webkit-clip-path:url(#SVGID_12_);clip-path:url(#SVGID_12_);} .st4{fill:#FF722C;} .st5{fill:#FF5227;} .st6{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st7{fill:#FFA187;} .st8{fill:#FF0000;} .st9{opacity:0.7;} .st10{opacity:0.3;} .st11{opacity:0.8;} .st12{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;} .st13{opacity:0.5;} .st14{fill:url(#SVGID_19_);} .st15{fill:none;stroke:#333333;stroke-miterlimit:10;} .st16{fill:#666666;} .st17{fill:none;stroke:#FF5227;stroke-miterlimit:10;} .st18{opacity:0.2;fill:#FF5227;} .st19{opacity:0.1;fill:#FF5227;} .st20{fill:none;stroke:#FF5227;stroke-miterlimit:10;stroke-dasharray:2.9912,2.9912;} .st21{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;} .st22{opacity:0.2;fill:#D6D6E5;stroke:#FFFFFF;stroke-width:0.75;stroke-miterlimit:10;} .st23{fill:none;stroke:#FF5227;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;} .st24{fill:none;stroke:#FF5227;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:2;} .st25{fill:none;stroke:#FDFDFC;stroke-miterlimit:10;} .st26{-webkit-clip-path:url(#SVGID_23_);clip-path:url(#SVGID_23_);} .st27{-webkit-clip-path:url(#SVGID_25_);clip-path:url(#SVGID_25_);} .st28{fill:#fff;} .st29{opacity:0.1;fill:#FF722C;} .st30{fill:none;stroke:#FF722C;stroke-miterlimit:10;} .st31{opacity:0.2;fill:#FF722C;} .st32{fill:none;stroke:#FF722C;stroke-miterlimit:10;stroke-dasharray:2.9912,2.9912;} .st33{fill:url(#SVGID_32_);} .st34{fill:url(#SVGID_33_);} .st35{fill:url(#SVGID_34_);} .st36{fill:url(#SVGID_35_);} .st37{-webkit-clip-path:url(#SVGID_37_);clip-path:url(#SVGID_37_);} .st38{-webkit-clip-path:url(#SVGID_39_);clip-path:url(#SVGID_39_);} .st39{opacity:0.5;fill:#FFFFFF;} .st40{opacity:0.2;} .st41{fill:#D6D6E5;} .st42{fill:none;stroke:#FFFFFF;stroke-width:0.75;stroke-miterlimit:10;} .st43{fill:#FFBCA1;} .st44{fill:none;stroke:#7F7F7F;stroke-width:0.5;stroke-miterlimit:10;} .st45{opacity:0.1;} .st4, .st28{ -webkit-transition:.3s; transition:.3s; } .go-top:hover .st28{fill:#ff722c;} .go-top:hover .st4{fill:#fff;} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{ -webkit-transition-duration:50ms; transition-duration:50ms } [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{ -webkit-transition-delay:50ms; transition-delay:50ms } [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{ -webkit-transition-duration:.1s; transition-duration:.1s } [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{ -webkit-transition-delay:.1s; transition-delay:.1s } [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{ -webkit-transition-duration:.15s; transition-duration:.15s } [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{ -webkit-transition-delay:.15s; transition-delay:.15s } [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{ -webkit-transition-duration:.2s; transition-duration:.2s } [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{ -webkit-transition-delay:.2s; transition-delay:.2s } [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{ -webkit-transition-duration:.25s; transition-duration:.25s } [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{ -webkit-transition-delay:.25s; transition-delay:.25s } [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{ -webkit-transition-duration:.3s; transition-duration:.3s } [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{ -webkit-transition-delay:.3s; transition-delay:.3s } [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{ -webkit-transition-duration:.35s; transition-duration:.35s } [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{ -webkit-transition-delay:.35s; transition-delay:.35s } [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{ -webkit-transition-duration:.4s; transition-duration:.4s } [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{ -webkit-transition-delay:.4s; transition-delay:.4s } [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{ -webkit-transition-duration:.45s; transition-duration:.45s } [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{ -webkit-transition-delay:.45s; transition-delay:.45s } [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{ -webkit-transition-duration:.5s; transition-duration:.5s } [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{ -webkit-transition-delay:.5s; transition-delay:.5s } [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{ -webkit-transition-duration:.55s; transition-duration:.55s } [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{ -webkit-transition-delay:.55s; transition-delay:.55s } [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{ -webkit-transition-duration:.6s; transition-duration:.6s } [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{ -webkit-transition-delay:.6s; transition-delay:.6s } [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{ -webkit-transition-duration:.65s; transition-duration:.65s } [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{ -webkit-transition-delay:.65s; transition-delay:.65s } [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{ -webkit-transition-duration:.7s; transition-duration:.7s } [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{ -webkit-transition-delay:.7s; transition-delay:.7s } [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{ -webkit-transition-duration:.75s; transition-duration:.75s } [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{ -webkit-transition-delay:.75s; transition-delay:.75s } [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{ -webkit-transition-duration:.8s; transition-duration:.8s } [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{ -webkit-transition-delay:.8s; transition-delay:.8s } [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{ -webkit-transition-duration:.85s; transition-duration:.85s } [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{ -webkit-transition-delay:.85s; transition-delay:.85s } [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{ -webkit-transition-duration:.9s; transition-duration:.9s } [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{ -webkit-transition-delay:.9s; transition-delay:.9s } [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{ -webkit-transition-duration:.95s; transition-duration:.95s } [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{ -webkit-transition-delay:.95s; transition-delay:.95s } [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{ -webkit-transition-duration:1s; transition-duration:1s } [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{ -webkit-transition-delay:1s; transition-delay:1s } [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{ -webkit-transition-duration:1.05s; transition-duration:1.05s } [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{ -webkit-transition-delay:1.05s; transition-delay:1.05s } [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{ -webkit-transition-duration:1.1s; transition-duration:1.1s } [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{ -webkit-transition-delay:1.1s; transition-delay:1.1s } [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{ -webkit-transition-duration:1.15s; transition-duration:1.15s } [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{ -webkit-transition-delay:1.15s; transition-delay:1.15s } [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{ -webkit-transition-duration:1.2s; transition-duration:1.2s } [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{ -webkit-transition-delay:1.2s; transition-delay:1.2s } [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{ -webkit-transition-duration:1.25s; transition-duration:1.25s } [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{ -webkit-transition-delay:1.25s; transition-delay:1.25s } [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{ -webkit-transition-duration:1.3s; transition-duration:1.3s } [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{ -webkit-transition-delay:1.3s; transition-delay:1.3s } [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{ -webkit-transition-duration:1.35s; transition-duration:1.35s } [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{ -webkit-transition-delay:1.35s; transition-delay:1.35s } [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{ -webkit-transition-duration:1.4s; transition-duration:1.4s } [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{ -webkit-transition-delay:1.4s; transition-delay:1.4s } [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{ -webkit-transition-duration:1.45s; transition-duration:1.45s } [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{ -webkit-transition-delay:1.45s; transition-delay:1.45s } [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{ -webkit-transition-duration:1.5s; transition-duration:1.5s } [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{ -webkit-transition-delay:1.5s; transition-delay:1.5s } [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{ -webkit-transition-duration:1.55s; transition-duration:1.55s } [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{ -webkit-transition-delay:1.55s; transition-delay:1.55s } [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{ -webkit-transition-duration:1.6s; transition-duration:1.6s } [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{ -webkit-transition-delay:1.6s; transition-delay:1.6s } [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{ -webkit-transition-duration:1.65s; transition-duration:1.65s } [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{ -webkit-transition-delay:1.65s; transition-delay:1.65s } [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{ -webkit-transition-duration:1.7s; transition-duration:1.7s } [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{ -webkit-transition-delay:1.7s; transition-delay:1.7s } [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{ -webkit-transition-duration:1.75s; transition-duration:1.75s } [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{ -webkit-transition-delay:1.75s; transition-delay:1.75s } [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{ -webkit-transition-duration:1.8s; transition-duration:1.8s } [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{ -webkit-transition-delay:1.8s; transition-delay:1.8s } [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{ -webkit-transition-duration:1.85s; transition-duration:1.85s } [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{ -webkit-transition-delay:1.85s; transition-delay:1.85s } [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{ -webkit-transition-duration:1.9s; transition-duration:1.9s } [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{ -webkit-transition-delay:1.9s; transition-delay:1.9s } [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{ -webkit-transition-duration:1.95s; transition-duration:1.95s } [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{ -webkit-transition-delay:1.95s; transition-delay:1.95s } [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{ -webkit-transition-duration:2s; transition-duration:2s } [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{ -webkit-transition-delay:2s; transition-delay:2s } [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{ -webkit-transition-duration:2.05s; transition-duration:2.05s } [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{ -webkit-transition-delay:2.05s; transition-delay:2.05s } [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{ -webkit-transition-duration:2.1s; transition-duration:2.1s } [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{ -webkit-transition-delay:2.1s; transition-delay:2.1s } [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{ -webkit-transition-duration:2.15s; transition-duration:2.15s } [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{ -webkit-transition-delay:2.15s; transition-delay:2.15s } [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{ -webkit-transition-duration:2.2s; transition-duration:2.2s } [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{ -webkit-transition-delay:2.2s; transition-delay:2.2s } [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{ -webkit-transition-duration:2.25s; transition-duration:2.25s } [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{ -webkit-transition-delay:2.25s; transition-delay:2.25s } [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{ -webkit-transition-duration:2.3s; transition-duration:2.3s } [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{ -webkit-transition-delay:2.3s; transition-delay:2.3s } [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{ -webkit-transition-duration:2.35s; transition-duration:2.35s } [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{ -webkit-transition-delay:2.35s; transition-delay:2.35s } [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{ -webkit-transition-duration:2.4s; transition-duration:2.4s } [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{ -webkit-transition-delay:2.4s; transition-delay:2.4s } [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{ -webkit-transition-duration:2.45s; transition-duration:2.45s } [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{ -webkit-transition-delay:2.45s; transition-delay:2.45s } [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{ -webkit-transition-duration:2.5s; transition-duration:2.5s } [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{ -webkit-transition-delay:2.5s; transition-delay:2.5s } [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{ -webkit-transition-duration:2.55s; transition-duration:2.55s } [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{ -webkit-transition-delay:2.55s; transition-delay:2.55s } [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{ -webkit-transition-duration:2.6s; transition-duration:2.6s } [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{ -webkit-transition-delay:2.6s; transition-delay:2.6s } [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{ -webkit-transition-duration:2.65s; transition-duration:2.65s } [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{ -webkit-transition-delay:2.65s; transition-delay:2.65s } [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{ -webkit-transition-duration:2.7s; transition-duration:2.7s } [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{ -webkit-transition-delay:2.7s; transition-delay:2.7s } [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{ -webkit-transition-duration:2.75s; transition-duration:2.75s } [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{ -webkit-transition-delay:2.75s; transition-delay:2.75s } [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{ -webkit-transition-duration:2.8s; transition-duration:2.8s } [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{ -webkit-transition-delay:2.8s; transition-delay:2.8s } [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{ -webkit-transition-duration:2.85s; transition-duration:2.85s } [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{ -webkit-transition-delay:2.85s; transition-delay:2.85s } [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{ -webkit-transition-duration:2.9s; transition-duration:2.9s } [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{ -webkit-transition-delay:2.9s; transition-delay:2.9s } [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{ -webkit-transition-duration:2.95s; transition-duration:2.95s } [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{ -webkit-transition-delay:2.95s; transition-delay:2.95s } [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{ -webkit-transition-duration:3s; transition-duration:3s } [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{ -webkit-transition-delay:0s; transition-delay:0s } [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{ -webkit-transition-delay:3s; transition-delay:3s } [data-aos]{ pointer-events:none } [data-aos].aos-animate{ pointer-events:auto } [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75); transition-timing-function:cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{ -webkit-transition-timing-function:ease; transition-timing-function:ease } [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{ -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{ -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{ -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045); transition-timing-function:cubic-bezier(.6,-.28,.735,.045) } [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275); transition-timing-function:cubic-bezier(.175,.885,.32,1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55); transition-timing-function:cubic-bezier(.68,-.55,.265,1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715); transition-timing-function:cubic-bezier(.47,0,.745,.715) } [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1); transition-timing-function:cubic-bezier(.39,.575,.565,1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95); transition-timing-function:cubic-bezier(.445,.05,.55,.95) } [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53); transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94); transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955); transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53); transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94); transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955); transition-timing-function:cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53); transition-timing-function:cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94); transition-timing-function:cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955); transition-timing-function:cubic-bezier(.455,.03,.515,.955) } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -99.99rem; margin: 0; position: absolute !important; top: -99.99rem; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .8; -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1); transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 0.44rem; left: 0; line-height: 0.44rem; min-width: 0.44rem; mix-blend-mode: difference; padding: 0 0.1rem; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0.44rem; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 0.44rem 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0.44rem; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 4rem; padding: 0.4rem; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 0.2rem; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 0.6rem; margin: 0; padding: 0.1rem; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 0.6rem; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 0.01rem dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 0.02rem; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 0.08rem; position: absolute; right: -0.12rem; top: -0.44rem; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 1rem; opacity: 0; position: absolute; top: calc(50% - 0.5rem); width: 0.7rem; } .fancybox-navigation .fancybox-button div { padding: 0.07rem; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 0.31rem 0.26rem 0.31rem 0.06rem; } .fancybox-navigation .fancybox-button--arrow_right { padding: 0.31rem 0.06rem 0.31rem 0.26rem; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 0.75rem 0.44rem 0.25rem 0.44rem; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 0.75rem max(0.44rem, env(safe-area-inset-right)) max(0.25rem, env(safe-area-inset-bottom)) max(0.44rem, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -0.5rem; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 0.5rem; left: 50%; margin: -0.25rem 0 0 -0.25rem; opacity: .7; padding: 0; position: absolute; top: 50%; width: 0.5rem; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1); transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 0.03rem; max-width: 90%; padding: 0.3rem; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 0.2rem 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 0.03rem; display: inline-block; font-size: 14px; font-weight: 700; line-height: 0.4rem; margin: 0 0.05rem 0.1rem 0.05rem; min-width: 1.3rem; padding: 0 0.15rem; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 0.25rem; margin-right: 0.07rem; position: relative; top: -0.01rem; vertical-align: middle; width: 0.25rem; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 0.1rem 0 0 0; outline: none; padding: 0.1rem 0.15rem; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 0.02rem 0.02rem 0.04rem 0.02rem; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 2.12rem; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 2.12rem; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 0.07rem; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 0.1rem; -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, .3); box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 0.1rem; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 0.75rem; margin: 0.02rem; max-height: calc(100% - 0.08rem); max-width: calc(50% - 0.04rem); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 1rem; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94); transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ .img-ovh { overflow: hidden; } a { cursor: pointer; color: #333; } i.iconfont { font-size: inherit; } .cover-bg { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .bg, .img { -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); } .bg, .img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); } .img-normal:hover { -webkit-transform: scale(1); transform: scale(1); } .img-contain { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); } .img-hover { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); } .ovh { overflow: hidden; } .img-hover:hover .img, .img-hover:hover .bg, .img-hover:hover .img-contain { -webkit-transform: scale(1.04); transform: scale(1.04); } .menu-product a:hover .img { -webkit-transform: scale(1.04); transform: scale(1.04); } .img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .tc { text-align: center; } img { max-width: 100%; vertical-align: bottom; } ::-moz-selection { background-color: #ff722c; color: #fff; } ::selection { background-color: #ff722c; color: #fff; } body { font-size: 16px; line-height: 1.6; color: #333; background-color: #fff; } body, html { overflow-x: hidden; } .home { background-color: #fff; } html { font-size: 100px; } .text { color: #666; line-height: 2; font-size: 16px; } .text-white { color: #fff; } .text-big { font-size: 18px; } .text-margin p { margin-bottom: 1.6em; } .img-ovh { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .img-ovh .img-contain, .img-ovh .bg { width: 100%; height: 100%; } .btn-tc { text-align: center; } .row-inner-margin { margin: 0.9rem 0; } .m-show { display: none; } .accordion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .accordion li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #fff; -webkit-transition: 0.5s; transition: 0.5s; position: relative; line-height: 1.5; } .accordion li:after { content: ''; position: absolute; width: 100%; background-color: #fff; height: 40%; bottom: 0; z-index: 0; -webkit-transition: 0.3s; transition: 0.3s; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.65))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); left: 0; } .accordion .con { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 0.7rem; -webkit-transition: 0.3s; transition: 0.3s; z-index: 10; } .accordion .con > .iconfont { font-size: 60px; } .accordion .before { text-align: center; } .accordion .after { opacity: 0; left: 0; right: 0; padding-left: 10%; padding-right: 10%; } .accordion .bg { height: 7rem; position: relative; } .accordion h3 { font-size: undefined; color: #fff; margin-bottom: 0.17rem; } .accordion .text { color: #fff; width: 5.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 7em; margin-bottom: 0.38rem; } .accordion li.show-after { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .accordion li.show-after .before { opacity: 0; } .accordion li.show-after .after { opacity: 1; } .accordion .more-arrow-link:hover { color: #fff; } .swiper-accordion { color: #fff; } .swiper-accordion .before { display: none; } .swiper-accordion .after { opacity: 1; padding-left: 0.4rem; padding-right: 0.4rem; padding-bottom: 2.6rem; } .swiper-accordion .text { max-width: inherit; margin-bottom: 0.6rem; } .swiper-accordion .bg { height: 9rem; } .swiper-accordion h3 { margin-top: 0.14rem; } .swiper-accordion .swiper-slide { position: relative; } .swiper-accordion .swiper-slide:after { content: ''; position: absolute; width: 100%; background-color: #fff; height: 60%; bottom: 0; z-index: 0; -webkit-transition: 0.3s; transition: 0.3s; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.65))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); left: 0; } .swiper-accordion .swiper-pagination-solid { margin-bottom: 0.3rem; } [data-aos="move-up"] { opacity: 0; top: 1.2rem; -webkit-transition-property: top, opacity; transition-property: top, opacity; } [data-aos="move-up"].aos-animate { top: 0; opacity: 1; } .btn { border: none; background: none; text-align: center; display: inline-block; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; cursor: pointer; -webkit-appearance: none; border-radius: 0; text-indent: 0; } .btn * { vertical-align: middle; } .btn-big { min-width: 2.2rem; height: 0.52rem; line-height: 0.5rem; font-size: 16px; padding: 0 0.1rem; } .btn-round { min-width: 2.2rem; height: 0.52rem; line-height: 0.5rem; font-size: 16px; padding: 0 0.1rem; } .btn-full { width: 100%; } .btn-round { border: 1px solid #ff722c; color: #ff722c; border-radius: 0.5rem; -webkit-transition: 0.3s; transition: 0.3s; } .btn-round:hover { background-color: #ff722c; color: #fff; } .btn-download { min-width: 2rem; background-color: #ff722c; color: #fff; height: 0.5rem; line-height: 0.5rem; border-radius: 0.5rem; } .btn-download * { vertical-align: baseline; } .btn-download span { margin-right: 0.09rem; } .btn-download:hover { color: #fff; background-color: #ff9059; } .btn-bg { background-color: #ff722c; opacity: 0.5; color: #fff; } .btn-bg:hover { opacity: 1; } .en_us .modal-information .form-modal li { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .en_us .modal-information .form-modal label { -webkit-box-flex: 0; -webkit-flex: 0 1 1.2rem; -ms-flex: 0 1 1.2rem; flex: 0 1 1.2rem; line-height: 1.4; } .form-ele { border: none; font-size: 16px; vertical-align: bottom; width: 100%; background-color: #f5f7f9; height: 0.52rem; line-height: 0.52rem; padding: 0 0.2rem; vertical-align: bottom; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #666; border-radius: 0.5rem; } .form-contact .form-ele { background: rgba(255,255,255,0.2); color: #fff; } .form-contact ::-webkit-input-placeholder { color: #fff; } .form-contact ::-moz-placeholder { color: #fff; } .form-contact :-ms-input-placeholder { color: #fff; } .form-contact ::-ms-input-placeholder { color: #fff; } .form-contact ::placeholder { color: #fff; } .form-contact option { color: #000; } .form-contact .msg-box textarea { height: 1.4rem; border-radius: 0.2rem; } .form-contact .inp-select:after { color: #fff; } .modal .form-ele { height: 0.5rem; line-height: 0.5rem; background-color: #f4f4f4; } .modal .form-box .msg-box textarea { height: 2.2rem; } .modal .btn-full { margin-top: 0.1rem; } select.form-ele { line-height: inherit !important; } textarea.form-ele { padding: 0.16rem 0.2rem; line-height: 1.8; resize: none; } label.error { color: #cd2c24; font-size: 14px; position: static; margin-left: 0; padding-right: 0 !important; line-height: 1.6 !important; text-align: left !important; } .form-box > li { margin-bottom: 0.18rem; position: relative; zoom: 1; } .form-box > li:after, .form-box > li:before { content: ''; display: block; } .form-box > li:after { clear: both; } .form-box .inp-col label.error { line-height: 1.3; padding-left: 0; } .form-box .inp { text-align: left; } .form-box .inp-col { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 0.09rem; } .form-box .inp-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.09rem; } .form-box select { height: 0.55rem; padding: 0 0.2rem; color: #666; width: 100%; } .inp-select { position: relative; } .inp-select select { padding-right: 0.3rem; width: 100%; } .inp-select:after { display: none; content: '\eaf6'; position: absolute; right: 0; top: 0; font-family: 'iconfont'; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .form-modal li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0.19rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-modal li .inp-box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .form-modal li label { -webkit-box-flex: 0; -webkit-flex: 0 1 0.76rem; -ms-flex: 0 1 0.76rem; flex: 0 1 0.76rem; text-align: right; padding-right: 0.16rem; line-height: 0.5rem; } .form-modal li i { color: #dc181d; margin-right: 0.06rem; } .form-modal .inp-select:after { color: #666; } .modal-information .form-modal label { -webkit-box-flex: 0; -webkit-flex: 0 1 1.2rem; -ms-flex: 0 1 1.2rem; flex: 0 1 1.2rem; } .code-msg { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .code-msg .btn { height: 0.5rem; line-height: 0.48rem; -webkit-box-flex: 0; -webkit-flex: 0 1 1.5rem; -ms-flex: 0 1 1.5rem; flex: 0 1 1.5rem; min-width: 1.5rem; margin-left: 0.15rem; } .m-pro-select .inp-select:after { color: #fff; } .inp-code { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; position: relative; } .inp-code .form-ele { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .inp-code .code { height: 0.35rem; position: absolute; padding-right: 0.17rem; right: 0; top: 0.08rem; } .inp-code img { vertical-align: top; height: 100%; } .row-code { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.28rem; } .row-code .inp-row { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .row-code .btn { margin-left: auto; } .row-code .error { padding-left: 0.2rem; } .contact-msg .inp-code { width: 20%; } .contact-msg .styledSelect.form-ele, .contact-msg input.form-ele, .contact-msg select.form-ele { height: 0.44rem; line-height: 0.44rem; } .contact-msg .btn-round { height: 0.44rem; line-height: 0.44rem; min-width: 2.4rem; } .contact-msg .inp-code .code { top: 0.04rem; } .form-contact #code_-error, .form-contact #code-error { position: absolute; left: 0; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); padding-left: 0; } .ban-inner { height: 4.5rem; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .ban-inner .wp { height: 100%; } .ban-inner .cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center; color: #fff; } .ban-inner h3 { color: #fff; font-size: 42px; margin-bottom: 0.14rem; } .ban-inner .text { color: #fff; width: 5rem; } .inner-bar { background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; border-bottom: 1px solid #d0d0d0; top: 0; } .nav-inner { text-align: center; white-space: nowrap; } .nav-inner a { margin: 0 0.33rem; position: relative; height: 0.55rem; line-height: 0.55rem; display: block; } .nav-inner a:hover { color: #ff722c; } .nav-inner a:before { content: ''; position: absolute; left: 0; right: 0; bottom: -0.01rem; border-top: 2px solid #ff722c; display: none; } .nav-inner li { display: inline-block; position: relative; } .nav-inner li.on { color: #03579f; } .nav-inner li.on a:before { display: block; } .nav-inner a.current:before { display: block; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes blink { 0% { -webkit-box-shadow: 0 0 0 0 #ff722c; box-shadow: 0 0 0 0 #ff722c; } 100% { -webkit-box-shadow: 0 0 0.08rem 0.08rem rgba(255,114,44,0); box-shadow: 0 0 0.08rem 0.08rem rgba(255,114,44,0); } } @keyframes blink { 0% { -webkit-box-shadow: 0 0 0 0 #ff722c; box-shadow: 0 0 0 0 #ff722c; } 100% { -webkit-box-shadow: 0 0 0.08rem 0.08rem rgba(255,114,44,0); box-shadow: 0 0 0.08rem 0.08rem rgba(255,114,44,0); } } @-webkit-keyframes scaleMap { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.3; } to { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } @keyframes scaleMap { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.3; } to { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } @-webkit-keyframes scaleMapSmall { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } to { -webkit-transform: scale(2.2); transform: scale(2.2); opacity: 0; } } @keyframes scaleMapSmall { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } to { -webkit-transform: scale(2.2); transform: scale(2.2); opacity: 0; } } @-webkit-keyframes progressBar { from { width: 0; } to { width: 100%; } } @keyframes progressBar { from { width: 0; } to { width: 100%; } } @-webkit-keyframes fadeUp { from { -webkit-transform: translateY(20%); transform: translateY(20%); opacity: 0; } to { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes fadeUp { from { -webkit-transform: translateY(20%); transform: translateY(20%); opacity: 0; } to { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-webkit-keyframes fadeRight { from { -webkit-transform: translateX(20%); transform: translateX(20%); opacity: 0; } to { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes fadeRight { from { -webkit-transform: translateX(20%); transform: translateX(20%); opacity: 0; } to { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .BMap_Marker img { width: 100% !important; } .anchorBL { display: none !important; } /*#map {*/ /* height: 5rem;*/ /*}*/ /*#map.map-index {*/ /* height: 4rem;*/ /*}*/ #map img { max-width: 9999.99rem; } .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div { overflow: visible !important; } .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div:before, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div:before, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div:before, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div:after, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div:after, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div:after { content: ""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: 0; border-radius: 50%; background-image: radial-gradient(closest-side at 0 0, rgba(255,255,255,0.36) 0, rgba(255,255,255,0.33) 70%, #ff722c 100%); } .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div:before, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div:before, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div:before { -webkit-animation: scaleMap 2s infinite linear; animation: scaleMap 2s infinite linear; } .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div:after, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div:after, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div:after { -webkit-animation: scaleMapSmall 2s infinite linear -1s; animation: scaleMapSmall 2s infinite linear -1s; } .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div img, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div img, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div img { width: 40PX; } .BMap_pop { margin-top: -0.2rem !important; margin-left: -0.16rem !important; } .BMap_pop div:nth-child(1) > div { border-color: #fff !important; border-top-left-radius: 0.2rem !important; } .BMap_pop div:nth-child(3) > div { border-color: #fff !important; border-top-right-radius: 0.2rem !important; } .BMap_pop div:nth-child(5) > div { border-color: #fff !important; border-bottom-left-radius: 0.2rem !important; } .BMap_pop div:nth-child(7) > div { border-color: #fff !important; border-bottom-right-radius: 0.2rem !important; } .BMap_pop div:nth-child(8) { margin-left: 0; } .BMap_pop div:nth-child(8):after { content: ''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 20px solid #fff; position: absolute; bottom: 0.1rem; } .BMap_pop div:nth-child(8) img { display: none !important; } .BMap_pop div:nth-child(9) + img { display: none; } .BMap_pop .BMap_top { border-color: #fff !important; } .BMap_pop .BMap_bottom { border-color: #fff !important; } .BMap_pop .BMap_center { border-color: #fff !important; } .BMap_bubble_content { padding: 0.1rem; padding-top: 0; width: 300PX !important; background: url("../images/map-bg.png") no-repeat right top; background-size: auto 100%; } .BMap_bubble_content .iw_poi_content { font-size: 12px; line-height: 1.8; margin-top: 0.1rem; } .BMap_bubble_content .iw_poi_title { font-size: 18px; display: none; } .BMap_bubble_content h3 { font-size: 18px; font-weight: bold; line-height: 1.4; margin-bottom: 0.1rem; } .BMap_Marker .BMapLabel { top: 0.6rem !important; display: block !important; color: #fff !important; background: none !important; border: none !important; text-align: center !important; width: 40PX; font-size: 16px !important; } .modal { width: 90%; max-width: 12rem; background-color: #fff; border-radius: 0.2rem; padding: 0.5rem 0.7rem; overflow: hidden; } .modal .hd { text-align: center; margin-bottom: 0.34rem; font-size: 28px; } .modal-download { max-width: 6.2rem; } .modal-information { max-width: 6.4rem; } a.close-modal { position: absolute; top: 0.3rem; right: 0.3rem; } a.close-modal i { font-size: 18px; font-weight: bold; color: #333; -webkit-transition: 0.3s; transition: 0.3s; } a.close-modal i:hover { color: #ff722c; } .modal-job-detail .bd { width: 90%; margin: 0 auto; } .modal-job-detail .bd h4 { font-size: 20px; font-weight: bold; margin-bottom: 0.06rem; } .modal-job-detail .bd .text { margin-bottom: 0.3rem; } .more { text-transform: uppercase; display: inline-block; line-height: 1; -webkit-transition: 0.3s; transition: 0.3s; } .more i { vertical-align: middle; position: relative; } .more span { vertical-align: middle; } .more-arrow { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0.17rem 0.36rem 0.17rem 0.36rem; min-width: 1.82rem; -webkit-transition: 0.3s; transition: 0.3s; border: 1px solid #fff; border-radius: 0.5rem; color: #fff; cursor: pointer; } .more-arrow i { margin-left: auto; font-size: 14px; vertical-align: middle; } .more-arrow i:before { display: inline-block; } .more-arrow span { vertical-align: middle; } .more-arrow.on { background: #ff722c; color: #fff; border-color: #ff722c; } .more-arrow.hover { border-color: #ff722c; color: #ff722c; } .more-arrow-blank { border-color: #666; color: #333; } .more-arrow-blank:hover { color: #ff722c; } .more-arrow:hover { border-color: #ff722c; } .more-arrow:hover .iconfont:before { -webkit-animation: moveRightIn 1s 1; animation: moveRightIn 1s 1; } .more-small { color: #333; -webkit-transition: 0.3s; transition: 0.3s; } .more-small:hover { color: #ff722c; } .more-small span { margin-right: 0.02rem; } .more-arrow-link { 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-transition: color 0.3s; transition: color 0.3s; color: #fff; } .more-arrow-link i { margin-left: 0.08rem; font-size: 14px; vertical-align: middle; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; line-height: 1; } .more-arrow-link em { vertical-align: middle; } .more-arrow-link:hover i { -webkit-transform: translateX(0.06rem); transform: translateX(0.06rem); } .more-circle { display: inline-block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; background-color: #ff722c; border-radius: 50%; } .page { margin-top: 60PX; text-align: center; font-size: 14px; } .page span, .page a { display: inline-block; min-width: 36PX; height: 36PX; line-height: 34PX; border-radius: 50%; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; zoom: 1; vertical-align: middle; margin: 0 2PX; cursor: pointer; color: #333; } .page .prev i, .page .next i { -webkit-transition: 0.3s; transition: 0.3s; } .page .prev:hover i, .page .next:hover i { color: #fff; } .page em { margin-left: 10PX; vertical-align: middle; } .page span { padding: 0 4PX; vertical-align: middle; margin: 0 2PX; } .page a.on, .page a:hover, .page a.current { background-color: #ff722c; color: #fff; } .page .go-page { border: 1PX solid #ff722c; display: inline-block; min-width: 36PX; height: 36PX; line-height: 34PX; border-radius: 20PX; text-align: center; padding: 0 17PX; margin-left: 10PX; color: #ff722c; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; background: none; } .page .go-page:hover { background-color: #ff722c; color: #fff; border-color: #ff722c; } .page .icon-prev-page, .page .icon-next-page { color: #333; } .quick-jumper { vertical-align: middle; color: #000; font-size: 14px; display: inline-block; margin-left: 30PX; } .quick-jumper input { height: 36PX; line-height: 34PX; width: 64PX; border-radius: 20PX; padding-left: 12PX; border: 1PX solid #eee; margin: 0 9PX; } .privacy-box { position: fixed; width: 100%; left: 0; right: 0; bottom: 0.4rem; z-index: 500; } .privacy-box .pad { width: 90%; max-width: 8.8rem; margin: 0 auto; padding: 0.25rem 0.38rem; background-color: #1a1313; padding-right: 1.5rem; color: #fff; font-size: 16px; border-radius: 0.8rem; position: relative; } .privacy-box .pad a { color: #ff722c; } .privacy-box .pad a:hover { text-decoration: underline; } .privacy-box i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0.38rem; border-radius: 50%; text-align: center; color: #ff722c; font-size: 12px; width: 0.35rem; border: 1px solid #ff722c; height: 0.35rem; line-height: 0.33rem; text-align: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .privacy-box i:hover { background-color: #ff722c; color: #fff; } .privacy-detail .t1 { text-align: center; } .privacy-detail .t1 h2 { color: #333; } .privacy-detail p { margin-bottom: 1em; } .s-hidden { visibility: hidden; } .select { cursor: pointer; display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .styledSelect { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 15px; } .styledSelect:after { content: '\eaf6'; position: absolute; right: 0; top: 0; font-family: 'iconfont'; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .select .styledSelect, .select select, .select .options li { padding: 0 0.4rem 0 0.2rem; } .options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0 0; padding: 0 0; list-style: none; background-color: #f6f6f8; -webkit-box-shadow: 0 0.02rem 0.03rem -0.02rem rgba(0,0,0,0.2); box-shadow: 0 0.02rem 0.03rem -0.02rem rgba(0,0,0,0.2); border-radius: 0.12rem; overflow: hidden; } .options .disable { display: none; } .options li { margin-bottom: 0; -webkit-transition: 0.2s; transition: 0.2s; display: block; line-height: 2.2; font-size: 14px; color: #333; } .options li:hover { background-color: #ff722c; color: #fff; } .swiper-pagination-wider .swiper-pagination-bullet { width: 9PX; height: 9PX; opacity: 1; margin: 0 10PX; background: #fff; opacity: 0.5; border-radius: 0.2rem; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-pagination-wider .swiper-pagination-bullet-active { width: 0.48rem; opacity: 1; } .swiper-pagination-common { text-align: center; } .swiper-pagination-common .swiper-pagination-bullet { width: 9PX; height: 9PX; opacity: 1; background-color: #dbdbdb; border-radius: 0.2rem; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-pagination-common .swiper-pagination-bullet-active { width: 9PX; background-color: #ff722c; } .swiper-pagination-common .swiper-pagination-bullet { margin: 0 0.05rem !important; } #swiper-product-outer .swiper-pagination-bullet { background-color: rgba(255,255,255,0.5); } #swiper-product-outer .swiper-pagination-bullet-active { background-color: #ff722c; } .swiper-circle-arrow { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background-color: #f7f7f7; z-index: 60; margin-left: 0.25rem; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; } .swiper-circle-arrow:hover { background-color: #ff722c; } .swiper-circle-arrow:hover i { color: #fff; } .swiper-circle-arrow i { color: #333; -webkit-transition: 0.3s; transition: 0.3s; font-size: 16px; } .swiper-product-img-arrow .swiper-circle-arrow { background-color: #adaeaf; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 0; } .swiper-product-img-arrow .swiper-circle-arrow:hover { background-color: #ff722c; } .swiper-product-img-arrow .swiper-circle-arrow i { color: #fff; } .swiper-product-img-arrow .product-img-prev { left: 0.2rem; } .swiper-product-img-arrow .product-img-next { right: 0.2rem; } .swiper-scrollbar-history { height: 0.04rem; border-radius: 0.06rem; background-color: #eaebec; margin-top: 0.6rem; } .swiper-scrollbar-history .swiper-pagination-progressbar-fill { border-radius: 0.1rem; background-color: #ff722c; height: 100%; -webkit-transition: 0.3s linear; transition: 0.3s linear; } .swiper-gallery .swiper-circle-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0,0,0,0.5); } .swiper-gallery .swiper-circle-arrow:hover { background-color: #ff722c; } .swiper-gallery .swiper-circle-arrow i { color: #fff; } .swiper-gallery .gallery-prev { margin-left: 0; left: 0.2rem; } .swiper-gallery .gallery-next { right: 0.2rem; } .t1 { margin-bottom: 0.66rem; } .t1 h2 { font-size: 42px; line-height: 1; color: #ff722c; } .t2 { font-size: 28px; } .t3 { font-size: 32px; margin-bottom: 0.4rem; line-height: 1.5; } .t3-short { margin-bottom: 0.2rem; } .t4 { font-size: 24px; margin-bottom: 0.26rem; line-height: 1; padding-left: 0.13rem; border-left: 4px solid #ff722c; } .t3-width { max-width: 20em; } .toast { position: fixed; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; background: #ff722c; color: #fff; padding: 0.1rem 0.4rem; border-radius: 0.06rem; min-width: 1.2rem; z-index: 500000; font-size: 16px; } .row-inner { padding: 1rem 0; } @font-face { font-family: "iconfont"; /* Project id 3927547 */ src: url("../fonts/iconfont.woff2?t=1680834568451") format('woff2'), url("../fonts/iconfont.woff?t=1680834568451") format('woff'), url("../fonts/iconfont.ttf?t=1680834568451") format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-prev-page:before { content: "\e6002"; } .icon-next-page:before { content: "\e6003"; } .icon-investor:before { content: "\e6bc"; } .icon-next:before { content: "\e62b"; } .icon-menu:before { content: "\e790"; } .icon-ez-a3:before { content: "\e6bb"; } .icon-arrow-right:before { content: "\e600"; } .icon-arrow-left:before { content: "\eaf4"; } .icon-arrow:before { content: "\e6b8"; } .icon-select:before { content: "\eaf6"; } .icon-search:before { content: "\e66b"; } .icon-g7:before { content: "\eaf5"; } .icon-f8:before { content: "\e66c"; } .icon-ICON-52:before { content: "\e66d"; } .icon-ICON-51:before { content: "\e66e"; } .icon-f7:before { content: "\e66f"; } .icon-step1:before { content: "\e670"; } .icon-g6:before { content: "\e671"; } .icon-x:before { content: "\e672"; } .icon-ICON-61:before { content: "\e673"; } .icon-f2:before { content: "\e674"; } .icon-g2:before { content: "\e675"; } .icon-ICON-02:before { content: "\e676"; } .icon-intro:before { content: "\e677"; } .icon-ICON-69:before { content: "\e678"; } .icon-hr:before { content: "\e679"; } .icon-news-company:before { content: "\e67a"; } .icon-ez-b2:before { content: "\e67b"; } .icon-ICON-09:before { content: "\e67c"; } .icon-ICON-10:before { content: "\e67d"; } .icon-on:before { content: "\e67e"; } .icon-step2:before { content: "\e67f"; } .icon-g4:before { content: "\e680"; } .icon-phone:before { content: "\e681"; } .icon-step3:before { content: "\e682"; } .icon-ICON-14:before { content: "\e683"; } .icon-g5:before { content: "\e684"; } .icon-honor:before { content: "\e685"; } .icon-platform:before { content: "\e686"; } .icon-step4:before { content: "\e687"; } .icon-ICON-63:before { content: "\e688"; } .icon-more:before { content: "\e689"; } .icon-g8:before { content: "\e68a"; } .icon-email:before { content: "\e68b"; } .icon-ICON-35:before { content: "\e68c"; } .icon-ICON-82:before { content: "\e68d"; } .icon-ICON-62:before { content: "\e68e"; } .icon-history:before { content: "\e68f"; } .icon-preview:before { content: "\e690"; } .icon-ax-c2:before { content: "\e691"; } .icon-partner:before { content: "\e692"; } .icon-team:before { content: "\e693"; } .icon-ICON-19:before { content: "\e694"; } .icon-reagent:before { content: "\e695"; } .icon-ICON-07:before { content: "\e696"; } .icon-ez-b1:before { content: "\e697"; } .icon-f4:before { content: "\e698"; } .icon-download:before { content: "\e699"; } .icon-ax-c6:before { content: "\e69a"; } .icon-g1:before { content: "\e69b"; } .icon-ICON-08:before { content: "\e69c"; } .icon-ez-b3:before { content: "\e69d"; } .icon-ICON-21:before { content: "\e69e"; } .icon-ICON-20:before { content: "\e69f"; } .icon-g3:before { content: "\e6a0"; } .icon-ICON-47:before { content: "\e6a1"; } .icon-ax-c4:before { content: "\e6a2"; } .icon-ICON-13:before { content: "\e6a3"; } .icon-f9:before { content: "\e6a4"; } .icon-tel:before { content: "\e6a5"; } .icon-ax-c1:before { content: "\e6a6"; } .icon-news-tec:before { content: "\e6a7"; } .icon-ax-c5:before { content: "\e6a8"; } .icon-ICON-11:before { content: "\e6a9"; } .icon-ICON-48:before { content: "\e6aa"; } .icon-f3:before { content: "\e6ac"; } .icon-ICON-46:before { content: "\e6ad"; } .icon-ax-c3:before { content: "\e6ae"; } .icon-cell:before { content: "\e6af"; } .icon-support:before { content: "\e6b0"; } .icon-ez-a1:before { content: "\e6b1"; } .icon-f1:before { content: "\e6b2"; } .icon-ez-a2:before { content: "\e6b3"; } .icon-ICON-49:before { content: "\e6b4"; } .icon-f6:before { content: "\e6b5"; } .icon-f5:before { content: "\e6b6"; } .icon-ICON-37:before { content: "\e6b7"; } .icon-f10:before { content: "\e6b9"; } .icon-marketing:before { content: "\e6ba"; } @font-face { font-family: 'CenturyGothic'; src: url("../fonts/CenturyGothic.woff2") format('woff2'), url("../fonts/CenturyGothic.woff") format('woff'), url("../fonts/CenturyGothic.ttf") format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceHanSerifCN-Heavy'; src: url("../fonts/SourceHanSerifCN-Heavy.eot?#ie") format('embedded-opentype'), url("../fonts/SourceHanSerifCN-Heavy.woff") format('woff'), url("../fonts/SourceHanSerifCN-Heavy.ttf") format('truetype'), url("../fonts/SourceHanSerifCN-Heavy.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceHanSerifCN-Bold'; src: url("../fonts/SourceHanSerifCN-Bold.eot?#ie") format('embedded-opentype'), url("../fonts/SourceHanSerifCN-Bold.woff") format('woff'), url("../fonts/SourceHanSerifCN-Bold.ttf") format('truetype'), url("../fonts/SourceHanSerifCN-Bold.svg") format('svg'); font-weight: normal; font-style: normal; } .ban-con h3 { font-family: 'CenturyGothic'; } .t1 h2, .ban-inner h3, .swiper-product-outer h3, .product-detail h1 { font-family: 'CenturyGothic', 'SourceHanSerifCN-Heavy'; } .ban-con .con p { font-family: 'CenturyGothic', 'SourceHanSerifCN-Heavy'; } .product-slider h3 { font-family: 'CenturyGothic', 'SourceHanSerifCN-Heavy'; } .ban-con h3, .ban-con .con { font-family: 'CenturyGothic', 'SourceHanSerifCN-Heavy'; } .go-top { position: fixed; right: 0.4rem; bottom: 0.8rem; width: 0.6rem; height: 0.6rem; z-index: 80; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; pointer-events: none; } .go-top.show { visibility: visible; pointer-events: auto; opacity: 1; } .go-top:hover img { opacity: 0.8; } .go-top img { -webkit-transition: 0.3s; transition: 0.3s; width: 100%; } #fd { position: relative; background: #000; z-index: 60; clear: both; padding-top: 1rem; color: rgba(255,255,255,0.7); } #fd .wp { 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; } .fd-r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fd-link a { color: #fff; display: block; } .fd-link dt { margin-bottom: 0.2rem; line-height: 1; } .fd-link dt a { font-size: 18px; } .fd-link dd { line-height: 2.4; } .fd-link dd a { color: rgba(255,255,255,0.7); font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s; } .fd-link dd a:hover { color: #ff722c; opacity: 1; } .fd-copy { color: #fff; font-size: 14px; color: rgba(255,255,255,0.7); margin-top: 0.7rem; } .fd-copy .wp { border-top: 1px solid rgba(255,255,255,0.5); padding: 30px 0; } .fd-copy p { display: inline-block; } .fd-copy a { color: rgba(255,255,255,0.7); margin-left: 0.1rem; } .fd-copy a:hover { color: #fff; } .fd-copy a span, .fd-copy a a { margin-right: 0.2rem; } .fd-logo { margin-top: -0.2rem; } .fd-logo img { height: 0.74rem; } .fd-tel h4 { font-size: 20px; color: #fff; line-height: 1; } .fd-tel i { margin-right: 0.1rem; color: #666; } .fd-tel h6 { font-size: 30px; color: #ff722c; margin-top: 0.16rem; } .qr-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; margin-top: 0.5rem; } .qr-box img { width: 1rem; height: 1rem; margin-bottom: 0.1rem; } .qr-box p { font-size: 14px; } .qr-box .item { margin-right: 0.4rem; } .qr-box .item:last-child { margin-right: 0; } #hd { position: fixed; left: 0; width: 100%; top: 0; z-index: 10000; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background-color: #090c11; } #hd:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; display: none; } #hd.hide-header { -webkit-transform: translateY(-100%); transform: translateY(-100%); } #hd .wrap { 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-transition: 0.3s; transition: 0.3s; width: 90%; margin: 0 auto; } #hd .wp { 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; } .is-scroll #hd:after { display: block; } .hd-mask { content: ''; position: fixed; left: 0; right: 0; top: 0; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: -1; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } body.show-sub .hd-mask, body.show-search .hd-mask { z-index: 81; opacity: 1; visibility: visible; } .nav { margin-left: auto; } .nav > li { display: inline-block; margin-right: 0.6rem; height: 0.8rem; line-height: 0.8rem; -webkit-transition: 0.3s; transition: 0.3s; } .nav > li a { font-size: 16px; } .nav > li a:hover { color: #ff722c; } .nav > li > a { color: #fff; } .nav .pad { position: relative; height: 0; overflow: hidden; z-index: 10; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .nav .sub-nav { position: absolute; left: 0; text-align: center; left: 0; right: 0; top: 100%; margin-top: 1PX; background-color: #fff; z-index: 10; -webkit-box-shadow: 0 0.04rem 0.08rem -0.02rem rgba(0,0,0,0.1); box-shadow: 0 0.04rem 0.08rem -0.02rem rgba(0,0,0,0.1); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .nav > li > a { position: relative; } .nav > li > a:after { content: '\e67e'; position: absolute; line-height: 1; font-family: 'iconfont'; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -0.24rem; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .nav .active a:after { opacity: 1; } .menu-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.5rem 0; } .menu-list a { padding-bottom: 0; margin-left: 0; margin-right: 0; line-height: 2.2; color: #333; display: block; -webkit-transition: 0.3s; transition: 0.3s; font-size: 16px; margin: 0 0.6rem; } .menu-list a:hover { color: #ff722c; } .menu-list a:hover i { color: #ff722c; } .menu-list span { display: block; margin-top: 0.1rem; } .menu-list .ico { width: 0.8rem; height: 0.8rem; display: inline-block; text-align: center; line-height: 0.8rem; background-color: #f8f9fb; border-radius: 50%; } .menu-list .ico i { vertical-align: middle; font-size: 30px; -webkit-transition: 0.3s; transition: 0.3s; color: #999; } .menu-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: initial; padding: 0.5rem 0; } .menu-product .img { width: 2.8rem; height: 1.6rem; } .menu-product a { padding: 0 0.15rem; margin-bottom: 0.1rem; } .menu-product span { padding-top: 0.16rem; display: block; } .hd-r { text-align: right; z-index: 50; margin-left: auto; 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; } .hd-r i { -webkit-transition: 0.3s; transition: 0.3s; } .hd-r i:hover { color: #ff722c; } .search-ico { position: relative; margin-left: 1.68rem; } .search-ico i { cursor: pointer; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; } .search-ico i:hover { color: #ff722c; } .logo img { height: 0.5rem; -webkit-transition: 0.3s; transition: 0.3s; } .transparent-hd #hd { background: none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1); border-color: transparent; } .transparent-hd .sub-nav a:hover { color: #ff722c; } .transparent-hd .sub-nav:before { opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; pointer-events: none; } .transparent-hd .icon-search i { color: #fff; } .transparent-hd .icon-search i:hover { color: #ff722c; } .transparent-hd .nav li > a { color: #fff; } .transparent-hd .logo { margin-top: 0; } .transparent-hd .white-hd .sub-nav { top: 100%; margin-top: 1PX; } .transparent-hd .white-hd .sub-nav:before { opacity: 1; } .show-sub #hd, #hd.black-hd { background-color: #090c11; } .header-holder { height: 0.8rem; background-color: #090c11; } .transparent-hd .header-holder { display: none; } .change-lan { margin-left: 0.5rem; color: #fff; } .change-lan a { display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; line-height: 0.4rem; color: #fff; } .change-lan a:hover { color: #ff722c; } .change-lan span { vertical-align: middle; font-size: 20px; margin: 0 0.1rem; } .change-lan .on { background-color: #ff722c; width: 0.4rem; height: 0.4rem; } .change-lan .on:hover { color: #fff; } #hd .nav .active > a { color: #ff722c; } #hd .nav li:hover > a { color: #ff722c; } #hd .nav li:hover > a:after { opacity: 1; } body.show-sub #hd .nav .active, #hd.white-hd .nav .active { color: #ff722c; } .m-nav-list .active { color: #ff722c; } .m_header { display: none; position: fixed; width: 100%; z-index: 100; height: 1.2rem; background-color: #090c11; -webkit-transition: 0.3s; transition: 0.3s; padding: 0 0.3rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .m_logo { -webkit-transition: 0.3s; transition: 0.3s; } .m_logo img { height: 0.8rem; } .m_nav_btn { margin-left: auto; } .m_nav_btn .icon-search { color: #fff; padding-right: 0.15rem; margin-right: 0.15rem; margin-left: 0; -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; } .nav_toggle .icon-x { display: none; } .nav_toggle .iconfont { font-size: 20px; color: #fff; } .nav_toggle.active .icon-x { display: inline-block; } .nav_toggle.active .icon-menu { display: none; } #m-nav { position: fixed; top: 0; right: 0; bottom: 0; z-index: 0; background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; padding-top: 1.2rem; opacity: 0; visibility: hidden; z-index: -10; } #m-nav .icon-close { font-size: 30px; } #m-nav.pm_open { visibility: visible; opacity: 1; z-index: 90; } .close_m_nav { text-align: right; } .pm_overlay { width: 100%; height: 100%; padding: 0; margin: 0; position: fixed; z-index: 80; left: 0; top: 0; -webkit-animation: fadeOut 0.5s both ease; animation: fadeOut 0.5s both ease; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(0,0,0,0.4); display: none !important; } .pm_overlay.pm_show { display: block; -webkit-animation: fadeIn 0.3s both ease; animation: fadeIn 0.3s both ease; } .pm_overlay.pm_hide { display: none; } .m-nav-list { width: 100%; border: none; } .m-nav-list li > a { display: block; color: #333; line-height: 0.9rem; font-size: 28px; position: relative; } .m-nav-list .iconfont { font-size: 28px; position: absolute; top: 0; bottom: 0; right: 0.2rem; -webkit-transition: 0.3s; transition: 0.3s; } .m-nav-list > li > a { border-top: 1px solid rgba(255,255,255,0.2); border: none; } .m-nav-list .on .iconfont { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #ff722c; } .m_nav .sub-menu { display: none; overflow: hidden; padding-bottom: 0.2rem; } .m_nav .sub-menu a { font-size: 14px; color: #333; text-indent: 1em; display: block; line-height: 2.8; padding-left: 0; padding-right: 0; } .m_nav .cell { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.36rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .transparent-hd .m_header { background: none; border-bottom: none; -webkit-transition: 0.3s; transition: 0.3s; } .transparent-hd .m_logo img { -webkit-transition: 0.3s; transition: 0.3s; } .transparent-hd .m_nav_btn i { color: #fff; } .body-show-m-menu .m_header { background-color: #090c11; } .body-show-m-menu .m_logo img { -webkit-filter: none; filter: none; } .body-show-m-menu .m_nav_btn i { color: #fff; } .m-change-lan { text-align: center; padding-bottom: 0.8rem; } .m-change-lan a { display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; line-height: 0.8rem; margin: 0 0.2rem; color: #333; font-size: 28px; } .m-change-lan a:hover { color: #ff722c; } .m-change-lan span { vertical-align: middle; font-size: 20px; margin: 0 0.1rem; } .m-change-lan .on { background-color: #ff722c; width: 0.8rem; height: 0.8rem; color: #fff; } .m-change-lan .on:hover { color: #fff; } .m_header.black-hd { background-color: #090c11; } .m_header.black-hd .m_nav_btn i { color: #fff; } .search-main .pad { width: 2rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 0.5rem; position: relative; padding-right: 0.45rem; padding-left: 0.16rem; } .search-main input { height: 0.4rem; width: 100%; font-size: 14px; background: none; border: none; } .search-main .btn-search { position: absolute; top: 50%; right: 0.2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; padding-left: 0.2rem; height: 100%; background: none; border: none; cursor: pointer; padding-right: 0; } .search-main .btn-search i { font-size: 18px; color: #fff; } .search-main .icon-x { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); font-size: 16px; padding: 0.2rem; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .search-main .icon-x:hover { opacity: 0.7; } .transparent-hd #hd .btn-search { -webkit-transition: 0.3s; transition: 0.3s; } .transparent-hd #hd .btn-search:hover i { color: #ff722c; } .transparent-hd #hd .btn-search i { color: #fff; } .transparent-hd #hd input { color: #fff; } .transparent-hd #hd .icon-x { color: #fff; } .transparent-hd #hd ::-webkit-input-placeholder { color: #fff; } .transparent-hd #hd ::-moz-placeholder { color: #fff; } .transparent-hd #hd :-ms-input-placeholder { color: #fff; } .transparent-hd #hd ::-ms-input-placeholder { color: #fff; } .transparent-hd #hd ::placeholder { color: #fff; } .transparent-hd #hd :-ms-input-placeholder { color: #fff; } .transparent-hd #hd :-webkit-input-placeholder { color: #fff; } .transparent-hd #hd .pad { border-color: rgba(255,255,255,0.3); } #hd .btn-search i, #hd.white-hd .btn-search i { color: #fff; } #hd .btn-search i:hover, #hd.white-hd .btn-search i:hover { color: #ff722c; } #hd .pad, #hd.white-hd .pad { border-color: #dbe7f2; border-color: rgba(255,255,255,0.5); } #hd input, #hd.white-hd input { color: #fff; } #hd .icon-x, #hd.white-hd .icon-x { color: #464646; } #hd .icon-x:hover, #hd.white-hd .icon-x:hover { opacity: 1; color: #ff722c; } #hd ::-webkit-input-placeholder, #hd.white-hd ::-webkit-input-placeholder { color: #666; } #hd ::-moz-placeholder, #hd.white-hd ::-moz-placeholder { color: #666; } #hd :-ms-input-placeholder, #hd.white-hd :-ms-input-placeholder { color: #666; } #hd ::-ms-input-placeholder, #hd.white-hd ::-ms-input-placeholder { color: #666; } #hd ::placeholder, #hd.white-hd ::placeholder { color: #666; } #hd :-ms-input-placeholder, #hd.white-hd :-ms-input-placeholder { color: #666; } #hd :-webkit-input-placeholder, #hd.white-hd :-webkit-input-placeholder { color: #666; } .show-search .search-main { opacity: 1; visibility: visible; z-index: 10; } .show-search #hd .wrap { opacity: 0; z-index: -10; } .show-search { display: block; } .m_header .search-main { position: absolute; right: 1.1rem; } .m_header .search-main .cell { -webkit-transition: 0.4s; transition: 0.4s; width: 0; overflow: hidden; float: right; } .m_header .search-main .pad { border-color: #fff; padding-left: 0.3rem; padding-right: 0.75rem; width: auto; } .m_header .search-main .icon-x { position: static; color: #333; -webkit-transform: none; transform: none; padding: 0.4rem 0.3rem; font-size: 20px; } .m_header .search-main input { height: 0.82rem; color: #fff; font-size: 14px; } .m_header .search-main .btn-search { right: 0.3rem; } .m_header .search-main .btn-search i { color: #ff722c; font-size: 18px; } .m_header .search-main ::-webkit-input-placeholder { color: #fff; } .m_header .search-main ::-moz-placeholder { color: #fff; } .m_header .search-main :-ms-input-placeholder { color: #fff; } .m_header .search-main ::-ms-input-placeholder { color: #fff; } .m_header .search-main ::placeholder { color: #fff; } .show-search .m_header .search-main { left: 0.3rem; width: auto; } .show-search .m_header .cell { width: 100%; } .show-search .m_logo { opacity: 0; } .show-search .search-ico { opacity: 0; margin-right: -0.5rem; } .wp { width: 100%; max-width: 1520px; margin: 0 auto; } .wp-md { width: 100%; max-width: 1400px; margin: 0 auto; } .wp-cn { width: 100%; max-width: 1200px; margin: 0 auto; } .wp-sm { width: 100%; max-width: 1000px; margin: 0 auto; } .page-404 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-image: url("../images/bg44.jpg"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .page-404 h1 { line-height: 1.3; font-size: 220px; color: #fff; } .page-404 p { color: #fff; font-size: 24px; } .page-404 .btn-row { margin-top: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .page-404 .btn-row a { margin: 0 0.18rem; } #banner { height: 100vh; } #banner .swiper-slide { height: 8.7rem; height: 100%; overflow: hidden; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #banner .bg { height: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: 5s; transition: 5s; -webkit-transform: scale(1.1); transform: scale(1.1); } #banner .move-in .cell { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } #banner .move-out .cell { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); opacity: 0; } #banner .swiper-pagination { bottom: 0.6rem; } #banner .swiper-slide-active .bg { -webkit-transform: scale(1); transform: scale(1); } .video-btn { position: absolute; right: 0.4rem; bottom: 15%; } .video-btn i { color: #fff; font-size: 30px; } .video-btn .icon-muted { display: none; } .bg-video-cover { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ban-con { height: 100%; position: relative; z-index: 10; } .ban-con .cell { display: table-cell; vertical-align: middle; color: #fff; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); -webkit-transition: 0.8s; transition: 0.8s; opacity: 0; } .ban-con .wp { display: table; height: 100%; vertical-align: middle; } .ban-con h3 { font-size: 56px; line-height: 1; margin-bottom: 0.26rem; color: #fff; font-weight: bold; } .ban-con .con { font-size: 42px; line-height: 1.7; } .ban-con b { color: #ff722c; } .i-row-bg { background-image: url("../images/bg1.jpg"); background-size: cover; background-position: 50% bottom; } .i-row1 { padding: 1.7rem 0 2rem 0; } .i-row1 .t1 { padding-top: 0.5rem; margin-bottom: 0.58rem; margin-bottom: 0; display: none; } .swiper-product-outer .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; } .swiper-product-outer .intro { padding-right: 0.9rem; -webkit-box-flex: 0; -webkit-flex: 0 1 46%; -ms-flex: 0 1 46%; flex: 0 1 46%; padding-top: 0.58rem; } .swiper-product-outer .bg-logo { -webkit-box-flex: 0; -webkit-flex: 0 1 54%; -ms-flex: 0 1 54%; flex: 0 1 54%; } .swiper-product-outer .text { margin-bottom: 0.6rem; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 6em; } .swiper-product-outer h3 { color: #ff722c; font-size: 28px; margin-bottom: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 3.2em; } .swiper-product-inner { padding-bottom: 0.4rem; margin-top: 0.2rem; height: 100%; } .swiper-product-inner .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .swiper-product-inner h4 { font-size: 24px; text-align: center; position: absolute; left: 0; bottom: 0.7rem; width: 100%; } .swiper-product-inner .swiper-pagination { bottom: 0; z-index: 50; width: 54%; left: auto; right: 0; } .swiper-product-inner .swiper-slide { padding-top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .solution-side { width: 3.6rem; background-color: #fff; top: 0; bottom: 0; position: absolute; right: 0; padding-bottom: 1.3rem; padding-top: 1.5rem; } .next-solution { position: absolute; width: 0.7rem; height: 0.7rem; line-height: 0.7rem; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); cursor: pointer; z-index: 10; -webkit-box-shadow: 0 0 0.12rem 0.05rem rgba(0,0,0,0.1); box-shadow: 0 0 0.12rem 0.05rem rgba(0,0,0,0.1); border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } .next-solution:hover { background-color: #ff722c; } .next-solution:hover i { color: #fff; } .next-solution i { color: #ff722c; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-product-inner .img-contain { text-align: center; height: 4.1rem; } .swiper-product-inner .img-contain img { vertical-align: middle; max-height: 100%; } .product-box { padding-right: 2.3rem; position: relative; padding-top: 0.01rem; } .tab-product-box { position: absolute; right: 0.5rem; top: 0; width: 3.1rem; height: 6.2rem; } .tab-product { width: 6.2rem; right: 0.5rem; height: 6.2rem; z-index: 10; top: 0; position: absolute; background: url("../images/line-big.svg") no-repeat right 50%; } .tab-product .cell { text-align: center; position: relative; z-index: 10; } .tab-product .cell:hover i { background-color: #ff722c; color: #fff; } .tab-product .cell:hover span { opacity: 1; } .tab-product a.on i { background-color: #ff722c; color: #fff; } .tab-product a.on span { opacity: 1; } .tab-product a.on:after { left: -0.1rem; top: -0.1rem; right: -0.1rem; opacity: 1; bottom: -0.1rem; } .tab-product span { color: #fff; margin-top: 0.1rem; display: block; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; position: absolute; opacity: 0.7; -webkit-transition: 0.3s; transition: 0.3s; } .tab-product i { display: inline-block; width: 0.82rem; height: 0.82rem; border: 1px dashed #ff722c; font-size: 36px; border-radius: 50%; text-align: center; line-height: 0.8rem; color: #ff722c; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(254,115,57,0.2); } .tab-product a { display: block; position: absolute; top: 50%; left: 50%; width: 0.82rem; height: 0.82rem; margin: -0.41rem; opacity: 1; border-radius: 50%; } .tab-product a:after { content: ''; position: absolute; left: 0; border-radius: 50%; right: 0; top: 0; opacity: 0; bottom: 0; background-color: rgba(255,114,44,0.2); -webkit-transition: 0.3s; transition: 0.3s; } .tab-product a:nth-child(1) { -webkit-transform: rotate(-90deg) translate(3.1rem); transform: rotate(-90deg) translate(3.1rem); } .tab-product a:nth-child(1) .cell { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tab-product a:nth-child(2) { -webkit-transform: rotate(0deg) translate(3.1rem); transform: rotate(0deg) translate(3.1rem); } .tab-product a:nth-child(2) .cell { -webkit-transform: rotate(0); transform: rotate(0); } .tab-product a:nth-child(3) { -webkit-transform: rotate(90deg) translate(3.1rem); transform: rotate(90deg) translate(3.1rem); } .tab-product a:nth-child(3) .cell { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .swiper-pro-bg { position: absolute; z-index: 0; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; width: 100%; padding-top: 60%; } .swiper-pro-bg .swiper-wrapper { height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .swiper-pro-bg .swiper-slide { height: 100%; } .swiper-pro-bg .swiper-slide .img-contain { opacity: 0; } .swiper-pro-bg .swiper-slide-active .img-contain { opacity: 1; } .swiper-pro-bg .img-contain { height: 100%; } .swiper-product-outer { position: relative; z-index: 30; margin-top: 1.1rem; } .swiper-product-outer .swiper-slide .item { opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-product-outer .swiper-slide-active .item { opacity: 1; } .swiper-product-outer .swiper-slide-active .swiper-slide-active .intro { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .swiper-product-outer .swiper-slide-active .swiper-slide-active .swiper-product-inner { opacity: 1; -webkit-transition: 1.2s; transition: 1.2s; } .swiper-product-outer .swiper-slide-active .swiper-slide-active .bg-logo { opacity: 1; } .swiper-product-inner .intro { -webkit-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: 0.8s; transition: 0.8s; } .swiper-product-inner .bg-logo { opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .tab-product { z-index: 10; } .i-about { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .i-about .txt { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding-right: 0.7rem; } .i-about .txt .text { margin-bottom: 0.6rem; } .i-about .img { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; white-space: nowrap; margin-top: -0.3rem; } .diamond-shape { text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 0 0 0 rgba(255,114,44,0); box-shadow: 0 0 0 0 rgba(255,114,44,0); } .diamond-shape:hover:after { -webkit-box-shadow: 0 0 0.12rem 0.06rem rgba(255,114,44,0.5); box-shadow: 0 0 0.12rem 0.06rem rgba(255,114,44,0.5); } .diamond-shape:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 0.3rem; -webkit-box-shadow: 0 0 0 0 rgba(255,114,44,0); box-shadow: 0 0 0 0 rgba(255,114,44,0); -webkit-transition: 0.3s; transition: 0.3s; } .diamond-shape p { font-size: 20px; color: #fff; margin-top: 0.04rem; } .diamond-shape i { font-size: 40px; color: #ff722c; } .diamond-shape a { height: 100%; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); 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; position: relative; z-index: 10; } .diamond-shape .item { -webkit-transform: translateY(-0.05rem); transform: translateY(-0.05rem); } .diamond-shape:hover { position: relative; z-index: 10; } .diamond-shape:hover a:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .diamond-shape-bg { text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: -webkit-gradient(linear, left top, right top, from(#2d2c2e), to(#36302e)); background: linear-gradient(to right, #2d2c2e 0%, #36302e 100%); } .shape-bg1 { background: -webkit-gradient(linear, left top, right top, from(#240d05), to(#290f05)); background: linear-gradient(to right, #240d05 0%, #290f05 100%); height: 1.05rem; width: 1.05rem; margin-left: 1.25rem; margin-top: 0.26rem; } .shape-bg2 { background: -webkit-gradient(linear, left top, right top, from(#2f1005), to(#301005)); background: linear-gradient(to right, #2f1005 0%, #301005 100%); height: 0.72rem; width: 0.72rem; margin-left: 0.94rem; } .shape-bg3 { background: -webkit-gradient(linear, left top, right top, from(#250e07), to(#2f1107)); background: linear-gradient(to right, #250e07 0%, #2f1107 100%); height: 1.1rem; width: 1.1rem; margin-left: 1.86rem; margin-top: -0.6rem; } .shape-bg4 { background: -webkit-gradient(linear, left top, right top, from(#3e1807), to(#321306)); background: linear-gradient(to right, #3e1807 0%, #321306 100%); height: 1.1rem; width: 1.1rem; margin-left: 0; margin-right: 0; margin-left: -0.4rem; margin-top: -1.75rem; } .shape-item1 { background: -webkit-gradient(linear, left top, right top, from(#2d2c2e), to(#36302e)); background: linear-gradient(to right, #2d2c2e 0%, #36302e 100%); width: 1.56rem; height: 1.56rem; margin-left: 0.22rem; margin-top: 0.1rem; } .shape-item2 { background: -webkit-gradient(linear, left top, right top, from(#38302e), to(#44352f)); background: linear-gradient(to right, #38302e 0%, #44352f 100%); width: 1.85rem; height: 1.85rem; margin-top: -0.8rem; } .shape-item3 { background: -webkit-gradient(linear, left top, right top, from(#43342f), to(#3e322e)); background: linear-gradient(to right, #43342f 0%, #3e322e 100%); width: 1.57rem; height: 1.57rem; margin-top: -1.3rem; margin-left: -0.1rem; margin-right: 0; } .shape-item4 { background: -webkit-gradient(linear, left top, right top, from(#423530), to(#4b3830)); background: linear-gradient(to right, #423530 0%, #4b3830 100%); width: 1.85rem; height: 1.85rem; margin-top: -1.2rem; margin-left: 0.4rem; margin-right: 0; } .diamond-shape, .diamond-shape-bg { margin-right: 0; display: inline-block; vertical-align: top; margin-right: 0.6rem; margin-bottom: 0.4rem; position: relative; } .i-row2 { padding-bottom: 1.3rem; } .marquee-partner { overflow: hidden; } .marquee-partner .img { display: inline-block; width: 2rem; overflow: hidden; line-height: 1rem; height: 1rem; vertical-align: top; margin-right: 0; margin-bottom: 0.5rem; margin-right: 0.6rem; position: relative; background-color: #fff; text-align: center; border-radius: 0.1rem; padding: 0 0.1rem; } .marquee-partner .img img { vertical-align: middle; max-height: 0.9rem; } .marquee-partner .item:first-child { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); } .marquee-partner .blank { width: 2rem; height: 1rem; } .isOdd .js-marquee .item:last-child { -webkit-transform: translateX(-2.6rem); transform: translateX(-2.6rem); } .isOdd .js-marquee:first-child .item:last-child { -webkit-transform: translateX(0); transform: translateX(0); } .marquee-partner span { position: absolute; left: 0; right: 0; bottom: 0; font-size: 60px; color: #f00; } .i-row4 { height: 7.08rem; background: url("../images/bg2.png") no-repeat left top; background-size: 8.22rem; margin-top: 0.9rem; } .i-row4 .wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .i-join, .i-contact { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } @-webkit-keyframes show100 { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } @keyframes show100 { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } .product-center { background-color: #f8f9fb; padding: 0.85rem 0; } .product-list { padding-top: 0.6rem; } .nav-product-box { padding: 0.15rem 0; width: 100%; -webkit-transition: 0.3s; transition: 0.3s; border-bottom: 1px solid transparent; top: 0; } .nav-product-box.Zebra_Pin { border-color: #d0d0d0; } .is-sticky .nav-product-box { background-color: #fff; -webkit-box-shadow: 0 0.01rem 0.01rem -0.01rem rgba(0,0,0,0.4); box-shadow: 0 0.01rem 0.01rem -0.01rem rgba(0,0,0,0.4); } .nav-product-box.Zebra_Pin { background-color: #fff; } .nav-product { text-align: center; } .nav-product li { display: inline-block; margin: 0 0.6rem; } .nav-product li a { display: block; line-height: 0.57rem; padding: 0 0.17rem; border: 1px solid transparent; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 0.5rem; } .nav-product li:hover span { color: #ff722c; } .nav-product li:hover img { -webkit-filter: none; filter: none; } .nav-product li a.current { border: 1px solid #ff722c; } .nav-product li a.current span { color: #ff722c; } .nav-product li a.current img { -webkit-filter: none; filter: none; } .nav-product span { font-size: 18px; color: #666; -webkit-transition: 0.3s; transition: 0.3s; vertical-align: middle; } .nav-product img { vertical-align: middle; margin-right: 0.1rem; height: 0.53rem; -webkit-transition: 0.3s; transition: 0.3s; -webkit-filter: grayscale(100%) brightness(1.2); filter: grayscale(100%) brightness(1.2); } .category-product li { position: relative; margin-bottom: 0.5rem; border-radius: 0.2rem; } .category-product a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.5rem; background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 0.3rem; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); } .category-product a:hover { -webkit-box-shadow: 0 0.08rem 0.1rem rgba(255,114,44,0.1), -0.1rem 0.08rem 0.15rem rgba(255,114,44,0.1), 0.1rem 0.08rem 0.15rem rgba(255,114,44,0.1); box-shadow: 0 0.08rem 0.1rem rgba(255,114,44,0.1), -0.1rem 0.08rem 0.15rem rgba(255,114,44,0.1), 0.1rem 0.08rem 0.15rem rgba(255,114,44,0.1); } .category-product .img-contain { width: 5.5rem; height: 3.4rem; position: relative; } .category-product .txt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding-left: 0.36rem; } .category-product h3 { font-size: 28px; position: relative; margin-top: 0.2rem; margin-bottom: 0.12rem; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .category-product h4 { font-size: 22px; margin-bottom: 0.24rem; color: #ff722c; } .category-product .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 4em; margin-bottom: 0.7rem; } .en_us .list-field .pad { padding-top: 0; } .en_us .list-field .front { position: relative; } .round-box { border: 1px solid #d0d0d0; border-radius: 0.3rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .round-box-white { border-radius: 0.3rem; background-color: #fff; overflow: hidden; padding: 0.3rem; text-align: center; } .product-brief { height: 8.8rem; background-size: cover; background-position: 50%; background-repeat: no-repeat; color: #fff; } .product-brief h1 { font-size: 48px; color: #fff; } .product-brief h2 { font-size: 48px; color: #fff; } .product-brief .wp { height: 100%; } .product-brief .cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; color: #fff; } .product-detail { 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-detail .txt { -webkit-box-flex: 0; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; } .product-detail .img { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: right; } .product-detail .space { height: 1rem; } .pro-ico { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; margin-top: 0.46rem; margin-bottom: 1.4rem; } .pro-ico span { position: relative; margin-right: 0.38rem; } .pro-ico span:nth-child(1) em { color: #ffbca1; } .pro-ico span:nth-child(2) em { color: #ff722c; } .pro-ico span:nth-child(3) em { color: #ff5227; } .pro-ico span:nth-child(4) em { color: #f43711; } .pro-ico img { width: 0.97rem; height: 0.97rem; vertical-align: bottom; } .pro-ico em { display: block; margin-top: 0.12rem; font-size: 20px; text-align: center; position: absolute; left: -0.2rem; right: -0.2rem; } .pro-ico-wider span { margin-right: 0.7rem; } .pro-ico-wider em { left: -0.6rem; right: -0.6rem; } .pro-ico-widest span { width: 1.5rem; margin-right: 0.6rem; } .product-slider { padding: 1rem 0; } .product-slider h3 { font-size: 42px; text-align: center; margin-bottom: 0.24rem; line-height: 1.4; } .product-slider h4 { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 0.1rem; color: #ff722c; } .product-slider .txt { font-size: 18px; } .product-slider .txt p { margin-bottom: 1em; color: #666; line-height: 1.78; } .product-slider .txt b { color: #ff722c; font-weight: normal; } .swiper-product-img { background-color: #f8f9fb; border-radius: 0.2rem; text-align: center; margin-top: 0.53rem; } .swiper-product-img .swiper-pagination-common { width: auto; left: 1rem; right: 1rem; } .swiper-product-img .item { height: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .swiper-product-img .img-contain { padding-top: 48%; margin: 0.4rem auto; width: 50%; } .swiper-product-img .swiper-pagination { bottom: 0.3rem; } .swiper-product-img .swiper-slide { height: auto; } .swiper-product-img .icon-preview { position: absolute; right: 0.2rem; bottom: 0.2rem; padding: 0.1rem; z-index: 100; color: #ff722c; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .swiper-product-img .icon-preview:hover { -webkit-transform: scale(1.4); transform: scale(1.4); } .video-product { width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; vertical-align: bottom; } .product-feature { margin-bottom: 1rem; } .product-ico { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.3rem; } .product-ico li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 0 0.3rem; border-right: 1px solid #f4f4f4; } .product-ico li:last-child { border-right: none; } .product-ico h4 { font-size: 20px; margin-bottom: 0.06rem; } .product-ico p { font-size: 14px; line-height: 1.8; color: #666; } .product-ico .ico { margin-bottom: 0.2rem; } .product-ico img { height: 0.45rem; } .work-flow { margin: 1rem 0; } .list-flow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #d0d0d0; border-radius: 0.3rem; overflow: hidden; background-color: #fff; } .list-flow li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0.1rem; text-align: center; border-right: 1px solid #d0d0d0; position: relative; } .list-flow li:last-child { margin-right: 0; border: none; } .list-flow .img-contain { margin-bottom: 0.2rem; } .list-flow .txt { padding: 0 0 0.3rem 0; font-size: 20px; } .list-flow .txt i { display: inline-block; width: 0.33rem; height: 0.33rem; border-radius: 50%; text-align: center; background-color: #ff722c; font-style: normal; color: #fff; line-height: 0.33rem; margin-right: 0.1rem; vertical-align: middle; } .list-flow .txt span { vertical-align: middle; } .list-flow-bg li:nth-child(1) { background-color: #f8f8f8; } .list-flow-bg li:nth-child(1):before, .list-flow-bg li:nth-child(1):after { display: none; } .list-flow-bg li:nth-child(2) { background-color: #f0f0f0; } .list-flow-bg li:nth-child(2):after { border-left-color: #f8f8f8; } .list-flow-bg li:nth-child(3) { background-color: #e5e5e5; } .list-flow-bg li:nth-child(3):after { border-left-color: #f0f0f0; } .list-flow li:before, .list-flow li:after { content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 22px solid #d0d0d0; font-size: 0; line-height: 0; } .list-flow li:after { border-left-color: #fff; } .list-flow li:after { left: -1PX; } .list-flow li:nth-child(1):before, .list-flow li:nth-child(1):after { display: none; } .list-flow-txt li { text-align: left; padding: 0.4rem; padding-bottom: 0.5rem; } .list-flow-txt .txt { padding-bottom: 0.14rem; } .list-flow-txt .pre-dot { padding-left: 0.44rem; font-size: 16px; color: #666; line-height: 1.6; } .list-flow-txt .pre-dot p { margin-bottom: 0.1rem; } .list-flow-txt .pre-dot p:before { top: 0.55em; } .list-platform { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.14rem; } .list-platform .item { padding: 0 0.14rem; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .list-platform .pad { border-radius: 0.3rem; background-color: #fff; border: 1px solid #d0d0d0; text-align: center; padding-bottom: 0.3rem; overflow: hidden; } .list-platform .circle-small-outer { padding-top: 0.65rem; overflow: hidden; margin-bottom: -2.4rem; } .circle-small { width: 3.3rem; height: 3.3rem; display: inline-block; position: relative; background: url("../images/cir_small.svg") no-repeat 50% top; background-size: 100%; } .circle-small .cell { text-align: center; } .circle-small .cell:hover i { background-color: #ff722c; color: #fff; } .circle-small .cell:hover span { opacity: 1; } .circle-small a.on i { background-color: #ff722c; color: #fff; } .circle-small a.on span { opacity: 1; } .circle-small span { color: #333; margin-top: 0.1rem; display: block; width: 1.2rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; left: 50%; position: absolute; -webkit-transition: 0.3s; transition: 0.3s; } .circle-small i { display: inline-block; width: 0.52rem; height: 0.52rem; border: 1px dashed #ff722c; font-size: 24px; border-radius: 50%; text-align: center; line-height: 0.5rem; color: #ff722c; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(254,115,57,0.2); } .circle-small a { display: block; position: absolute; top: 50%; left: 50%; width: 0.52rem; height: 0.52rem; margin: -0.26rem; opacity: 1; border-radius: 50%; } .circle-small a:nth-child(1) { -webkit-transform: rotate(-170deg) translate(1.65rem); transform: rotate(-170deg) translate(1.65rem); } .circle-small a:nth-child(1) .cell { -webkit-transform: rotate(170deg); transform: rotate(170deg); } .circle-small a:nth-child(2) { -webkit-transform: rotate(-90deg) translate(1.65rem); transform: rotate(-90deg) translate(1.65rem); } .circle-small a:nth-child(2) .cell { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .circle-small a:nth-child(3) { -webkit-transform: rotate(350deg) translate(1.65rem); transform: rotate(350deg) translate(1.65rem); } .circle-small a:nth-child(3) .cell { -webkit-transform: rotate(-350deg); transform: rotate(-350deg); } .circle-move { position: relative; display: inline-block; width: 1.81rem; height: 1.81rem; } .circle-move img { width: 100%; height: 100%; } .circle-move em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: inline-block; border-top: 3px solid #ff722c; border-right: 3px solid transparent; -webkit-animation: rotation 2s linear infinite; animation: rotation 2s linear infinite; } .circle-move em:before { content: ''; position: absolute; right: 0; top: 0; width: 0.1rem; height: 0.1rem; background-color: #ff722c; border-radius: 50%; position: absolute; -webkit-transform: translate(-0.18rem, 0.2rem); transform: translate(-0.18rem, 0.2rem); -webkit-animation: blink 1.5s linear infinite alternate; animation: blink 1.5s linear infinite alternate; } .list-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.1rem; display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 1fr; } .list-field li { padding: 0.1rem; } .list-field .pad { background: #f8f9fb; text-align: center; padding-top: 100%; position: relative; text-align: center; border-radius: 0.2rem; overflow: hidden; height: 100%; } .list-field p { -webkit-transition: 0.3s; transition: 0.3s; } .list-field h4 { font-size: 20px; margin-top: 0.1rem; -webkit-transition: 0.3s; transition: 0.3s; } .list-field .front, .list-field .back { left: 0; top: 0; width: 100%; height: 100%; position: absolute; } .list-field .front { padding-top: 20%; padding-left: 0.2rem; padding-right: 0.2rem; padding-bottom: 0.3rem; } .list-field i { font-size: 62px; -webkit-transition: 0.3s; transition: 0.3s; color: #ff722c; } .list-field .back { opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .list-field .back:after { content: ''; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } .list-field .img { height: 100%; width: 100%; } .list-field li:hover .back { opacity: 1; } .list-field li:hover h4, .list-field li:hover .front { color: #fff; } .list-field li:hover i { color: #fff; } .list-field-center .front { padding-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -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; flex-direction: column; } .list-field-txt .front { padding-top: 7%; } .list-field-txt h4 { margin-top: 0; margin-bottom: 0.08rem; } .table-product table { width: 100%; line-height: 1.78; } .table-product table td { font-size: 18px; padding: 0.11rem 0.3rem; } .table-product table td:first-child { width: 3.1rem; } .table-product table td:last-child { color: #666; } .table-product table tr:nth-child(2n-1) { background-color: #f8f9fb; } .table-product table th { background-color: #ebeef2; font-weight: bold; font-size: 18px; padding: 0.09rem 0.3rem; } .product-principle { background-color: #fff; border-radius: 0.3rem; text-align: center; padding: 0.4rem; } .product-principle .img img { width: 11.3rem; } .product-principle .ico-legend { margin-top: 0.5rem; } .product-principle .ico-legend img { height: 0.55rem; vertical-align: middle; margin-right: 0.06rem; } .product-principle .ico-legend em { vertical-align: middle; font-size: 14px; color: #666; } .product-principle .ico-legend span { margin: 0 0.12rem; display: inline-block; } .bg-gray { overflow: hidden; } .bg-gray .work-flow { margin-top: 0; } .product-performance { text-align: center; } .product-performance .txt { font-size: 18px; color: #666; line-height: 1.78; padding-left: 15%; padding-right: 15%; text-align: left; } .product-performance .txt h3 { color: #ff722c; } .list-square { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0.4rem -0.2rem 0.7rem -0.2rem; } .list-square li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 0.2rem; } .list-square .pad { height: 100%; } .list-square .img-contain { height: 3.6rem; } .table-feature { border-radius: 0.3rem; overflow: hidden; } .table-feature table { width: 100%; text-align: left; } .table-feature table td { font-size: 18px; padding: 0.24rem 0.4rem; } .table-feature table td:first-child { color: #333; } .table-feature table td:last-child { color: #666; } .table-feature table tr:nth-child(2n-1) { background-color: #ebeef2; } .table-feature table tr:nth-child(2n) { background-color: #f8f9fb; } .list-cell-flow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.15rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-cell-flow li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 0.15rem; margin-bottom: 0.3rem; } .list-cell-flow .pad { background: #f8f9fb; border-radius: 0.3rem; padding: 0.3rem; height: 100%; } .list-cell-flow .tit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2.2rem; margin-bottom: -0.4rem; } .list-cell-flow .tit i { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; text-align: center; background-color: #ff722c; font-style: normal; color: #fff; line-height: 0.3rem; margin-right: 0.1rem; vertical-align: middle; } .list-cell-flow .tit span { vertical-align: middle; font-size: 22px; line-height: 1.5; } .list-cell-flow .img { margin-bottom: 0.45rem; 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; } .list-cell-flow .img-small { padding-right: 1em; -webkit-box-flex: 0; -webkit-flex: 0 1 2.2rem; -ms-flex: 0 1 2.2rem; flex: 0 1 2.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .list-cell-flow .img-small img { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .list-cell-flow .img-big { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list-cell-flow .text { line-height: 1.75; } .cell-compared-bar h4 { color: #ff722c; font-size: 24px; margin-bottom: 0.2rem; text-align: center; } .cell-compared-bar h4 span { vertical-align: middle; margin-left: 0.12rem; } .cell-compared-bar h4 i { display: inline-block; width: 0.19rem; height: 0.19rem; border-radius: 50%; background-color: #dbdbdb; vertical-align: middle; } .cell-compared-bar h4 i:first-child { margin-right: -0.08rem; background-color: #ff722c; } .list-compared-bar li { margin-bottom: 0.15rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-compared-bar li:last-child span { color: #ff722c; } .list-compared-bar li:last-child em { background-color: #ff722c; } .list-compared-bar li:last-child .bd { -webkit-box-flex: 0; -webkit-flex: 0 1 1.7rem; -ms-flex: 0 1 1.7rem; flex: 0 1 1.7rem; } .list-compared-bar li:last-child .bd .bar { background-color: #ff722c; } .list-compared-bar em { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.09rem; line-height: 1; position: relative; top: 0.2em; width: 13PX; height: 13PX; border-radius: 50%; background-color: #dbdbdb; display: inline-block; } .list-compared-bar span { vertical-align: middle; list-style: 1.4; } .list-compared-bar .hd { -webkit-box-flex: 0; -webkit-flex: 0 1 2.1rem; -ms-flex: 0 1 2.1rem; flex: 0 1 2.1rem; padding-right: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 1.4; } .list-compared-bar .bd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-compared-bar .bar { border-radius: 0.1rem; background-color: #dbdbdb; height: 0.13rem; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; top: 0.06rem; } .list-compared-bar .tit { padding-left: 0.3rem; } .single-cell-row { padding-bottom: 0.8rem; } .progress-arrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0.34rem; overflow: hidden; } .progress-arrow .item { position: relative; margin-right: 0.06rem; height: 0.88rem; background-color: #ff722c; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; 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; } .progress-arrow .item .pad { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .progress-arrow .item span { line-height: 1.2; text-align: left; } .progress-arrow .item:after { content: ""; position: absolute; top: 0; left: 100%; border-width: 0.45rem 0.25rem 0.45rem 0.2rem; border-style: solid; border-color: transparent transparent transparent #ff722c; } .progress-arrow .item + .item { margin-left: 0.4rem; } .progress-arrow .item:before { content: ""; position: absolute; top: 0; right: 100%; border-width: 0.45rem 0.15rem 0.45rem 0.2rem; border-style: solid; border-color: #ff722c #ff722c #ff722c transparent; } .progress-arrow i { display: inline-block; width: 0.26rem; height: 0.26rem; border-radius: 50%; text-align: center; font-style: normal; line-height: 0.26rem; margin-right: 0.1rem; vertical-align: middle; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .progress-arrow span { vertical-align: middle; font-size: 22px; line-height: 1.5; } .progress-arrow .item:nth-child(2n) { background-color: #fff; } .progress-arrow .item:nth-child(2n) i { background-color: #ff722c; color: #fff; } .progress-arrow .item:nth-child(2n):after { border-color: transparent transparent transparent #fff; } .progress-arrow .item:nth-child(2n-1) { background-color: #ff722c; } .progress-arrow .item:nth-child(2n-1) i { background-color: #fff; color: #ff722c; } .progress-arrow .item:nth-child(2n-1) span { color: #fff; } .progress-arrow .item:nth-child(2n-1):after { border-color: transparent transparent transparent #ff722c; } .progress-arrow .item:nth-child(2n-1) + .item:before { border-color: #fff #fff #fff transparent; } .row-application-examples .t3 { margin-bottom: 0.3rem; } .antibody-big { margin-top: 40px; margin-bottom: 30px; } .antibody-big img { width: 1283px; } .round-box-line-arrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.3rem 0; border: 1px solid #d0d0d0; border-radius: 0.3rem; background-color: #fff; position: relative; } .round-box-line-arrow:before, .round-box-line-arrow:after { content: ""; display: block; position: absolute; top: 0; left: 40%; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 22px solid #d0d0d0; font-size: 0; line-height: 0; z-index: 20; } .round-box-line-arrow:after { border-bottom-color: #fff; top: 1PX; } .round-box-line-arrow .item { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; border-right: 1px solid #d0d0d0; text-align: center; position: relative; } .round-box-line-arrow .item:last-child { border: none; } .round-box-line-arrow .item img { width: 3.06rem; height: 2.3rem; } .round-box-line-arrow .hd { font-size: 20px; margin-top: 0.4rem; } .list-con { position: absolute; left: 0; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-con li { -webkit-box-flex: 0; -webkit-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; text-align: center; padding: 0 0.2rem; padding-top: 0.1rem; } .row-expand-application { margin-top: 1rem; } .row-expand-application h4 { font-size: 18px; margin-bottom: 0.2rem; margin-top: 0.1rem; } .expand-application { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.14rem; margin-bottom: 0.6rem; } .expand-application .item { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 0.14rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .expand-application .pad { background-color: #f4f4f4; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; height: 100%; } .expand-application .img { position: relative; } .expand-application .ico-legend { padding: 0.2rem 0.2rem 0.1rem 0.2rem; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.2rem; } .expand-application .ico-legend img { height: 0.34rem; vertical-align: middle; margin-right: 0.06rem; } .expand-application .ico-legend em { vertical-align: middle; font-size: 14px; color: #666; } .expand-application .ico-legend span { margin: 0 0.2rem; margin-bottom: 0.08rem; display: inline-block; } .functional-genomics { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .functional-genomics .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .functional-genomics .arrow { background: url("../images/arrow-r.png") no-repeat 50%; -webkit-box-flex: 0; -webkit-flex: 0 1 0.6rem; -ms-flex: 0 1 0.6rem; flex: 0 1 0.6rem; } .row-multi-dimensional { margin-top: 0.9rem; } .multi-dimensional { padding: 0.4rem 0.5rem; 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; } .multi-dimensional .img { -webkit-box-flex: 0; -webkit-flex: 0 1 58%; -ms-flex: 0 1 58%; flex: 0 1 58%; } .multi-dimensional .txt { -webkit-box-flex: 0; -webkit-flex: 0 1 42%; -ms-flex: 0 1 42%; flex: 0 1 42%; } .list-dimensional { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.16rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.3rem; } .list-dimensional li { margin-bottom: 0.24rem; -webkit-box-flex: 0; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; } .list-dimensional li:hover .pad { -webkit-transform: translateY(-0.1rem); transform: translateY(-0.1rem); } .list-dimensional .pad { border: 1px dashed #ff722c; text-align: center; width: 0.95rem; height: 0.95rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.1rem; margin: 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff0e6; color: #ff722c; line-height: 1.4; -webkit-transition: 0.4s; transition: 0.4s; } .test-kit .table-product { margin-bottom: 0.6rem; } .table-multi-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.15rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .table-multi-row .table-product { -webkit-box-flex: 0; -webkit-flex: 0 1 33.3333%; -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; padding: 0 0.15rem; } .table-multi-row .table-product td { padding-right: 0.2rem; line-height: 1.78; } .table-multi-row .table-product td:last-child { padding-left: 0; } .table-multi-row .table-product th:last-child { padding-left: 0; } .table-multi-row .t4 { margin-bottom: 0.3rem; } .row-history { background: #f8f9fb; padding-top: 0.76rem; padding-bottom: 1.35rem; } .swiper-history.paused .swiper-wrapper { -webkit-animation-play-state: paused; animation-play-state: paused; } .swiper-scrollbar-history.paused .swiper-pagination-progressbar-fill { -webkit-animation-play-state: paused; animation-play-state: paused; } .swiper-history-outer { overflow: hidden; } .swiper-history { overflow-x: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: -0.5rem; padding-bottom: 0.5rem; } .swiper-history .img { padding-top: 60%; border-radius: 0.2rem; overflow: hidden; margin-left: 0.2rem; margin-right: 0.2rem; margin-bottom: -1.4rem; position: relative; z-index: 10; } .swiper-history .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .swiper-history .cell { display: inline-block; -webkit-box-flex: 0; -webkit-flex: 0 0 5rem; -ms-flex: 0 0 5rem; flex: 0 0 5rem; width: 5rem; vertical-align: bottom; overflow: hidden; } .swiper-history .item { padding: 0 0.2rem; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: 0.5s; transition: 0.5s; } .swiper-history .item:hover { -webkit-transform: translateY(-0.15rem); transform: translateY(-0.15rem); } .swiper-history .item:hover h3 { color: #ff722c; } .swiper-history .card { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0.1rem; } .swiper-history .card:after { content: ''; position: absolute; bottom: 0; width: 100%; background-color: #fff; top: 1rem; border-radius: 0.2rem; overflow: hidden; -webkit-box-shadow: 0 0.05rem 0.16rem 0 rgba(255,114,44,0.1), 0 0.06rem 0.04rem 0 rgba(0,0,0,0.02); box-shadow: 0 0.05rem 0.16rem 0 rgba(255,114,44,0.1), 0 0.06rem 0.04rem 0 rgba(0,0,0,0.02); } .swiper-history .swiper-slide { height: auto; } .swiper-history h3 { text-align: center; font-size: 60px; color: #ffbca1; margin-bottom: 0.16rem; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-history .txt { padding-left: 0.3rem; padding-right: 0.3rem; padding-bottom: 0.3rem; padding-top: 1.8rem; position: relative; z-index: 10; } .swiper-history .js-marquee-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .swiper-history .js-marquee { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pre-dot { font-size: 14px; line-height: 2; } .pre-dot p { margin-bottom: 0.1rem; position: relative; padding-left: 0.14rem; } .pre-dot p:before { content: ''; position: absolute; left: 0; top: 0.75em; width: 7PX; height: 7PX; border-radius: 50%; background-color: #ff722c; } .row-mission { background: url("../images/bg-about2.jpg"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .row-mission h3 { color: #ff722c; } .row-mission .txt { font-size: 42px; line-height: 1.5; margin-top: 0.1rem; } .row-brief .wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .com-intro { -webkit-box-flex: 0; -webkit-flex: 0 1 45%; -ms-flex: 0 1 45%; flex: 0 1 45%; } .com-intro .t1 { margin-bottom: 0.32rem; } .com-culture { -webkit-box-flex: 0; -webkit-flex: 0 1 55%; -ms-flex: 0 1 55%; flex: 0 1 55%; padding-left: 8%; } .com-culture .t2 { margin-bottom: 0.3rem; } .list-culture { margin: 0 -0.15rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-culture li { padding: 0 0.15rem; margin-bottom: 0.7rem; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .list-culture li:hover .ico { -webkit-transform: translateY(-0.15rem); transform: translateY(-0.15rem); } .list-culture li .pad { padding: 0.3rem; background-color: #f8f9fb; border-radius: 0.2rem; position: relative; } .list-culture em { font-size: 40px; color: #ff722c; } .list-culture h5 { font-size: 20px; margin-top: 0.08rem; } .list-culture .ico { position: absolute; right: 0.3rem; -webkit-transition: 0.5s; transition: 0.5s; bottom: 0.3rem; } .list-culture .ico img { width: 1.29rem; } .list-culture .txt { margin-right: 1.4rem; } .row-team { background: #f8f9fb; } .row-team h2 { letter-spacing: 0.1em; } .list-team li { margin-bottom: 0.3rem; } .list-team li .pad { border-radius: 0.2rem; padding: 0.5rem; background: #fffefe url("../images/bg-team.jpg") no-repeat right center; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .list-team li .intro-team { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list-team h3 { margin-bottom: 0.02rem; } .list-team h3 b { font-size: 24px; } .list-team h3 em { margin: 0 0.07rem; } .list-team h3 span { color: #ff722c; font-size: 18px; } .list-team h4 { font-size: 16px; } .list-team .pre-dot { margin-top: 0.2rem; } .list-team .avt { width: 1.76rem; height: 2.4rem; border-radius: 0.1rem; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .list-team .txt { padding-left: 0.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list-team .intro-team { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-team .ico img { width: 0.9rem; height: 0.9rem; border-radius: 0.08rem; } .list-team-column li:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .list-team-column li:first-child .ico { position: absolute; right: 0.5rem; top: 0.5rem; } .list-team-column li:first-child .ico img { margin-left: 0.1rem; } .list-team-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.15rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-team-column li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 0.15rem; } .list-team-column li .pad { padding: 0.4rem 0.5rem 0.3rem 0.5rem; } .list-team-column .ico { border-top: 1px solid #f0f2f2; margin-top: 0.18rem; padding-top: 0.28rem; } .list-team-column .ico img { margin-right: 0.1rem; } .swiper-honor .item { background-color: #f7f7f7; border-radius: 0.2rem; padding-top: 0.4rem; } .swiper-honor .item:hover i, .swiper-honor .item:hover span { color: #ff722c; } .swiper-honor .img-contain { padding-top: 96%; margin-left: 0.46rem; margin-right: 0.46rem; } .swiper-honor .txt { padding-left: 0.2rem; padding-right: 0.2rem; padding-top: 0.32rem; padding-bottom: 0.22rem; 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; } .swiper-honor .txt span { -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .swiper-honor .txt i { -webkit-transition: 0.3s; transition: 0.3s; } .swiper-honor .swiper-pagination { position: static; margin-top: 0.4rem; } .row-honor .t1 { margin-bottom: 0.6rem; position: relative; text-align: center; } .row-honor .t1 .swiper-honor-arrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .row-partner { background: #f8f9fb; } .row-partner .t1, .row-investors .t1 { margin-bottom: 0.5rem; text-align: center; } .list-partner { margin: 0 -0.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-partner li { padding: 0 0.1rem; -webkit-box-flex: 0; -webkit-flex: 0 1 14.28%; -ms-flex: 0 1 14.28%; flex: 0 1 14.28%; margin-bottom: 0.2rem; } .list-partner .img { display: block; display: inline-block; overflow: hidden; width: 100%; line-height: 1rem; height: 1rem; vertical-align: top; position: relative; background-color: #fff; text-align: center; border-radius: 0.1rem; } .list-partner .img img { vertical-align: middle; max-height: 0.9rem; } .list-investors { text-align: center; margin: 0 -0.12rem; } .list-investors li { display: inline-block; padding: 0 0.12rem; margin-bottom: 0.24rem; } .list-investors .img { width: 2.8rem; height: 1.3rem; line-height: 1.3rem; background-color: #fff; border-radius: 0.1rem; -webkit-box-shadow: 0 0 0.3rem 0.1rem rgba(0,0,0,0.04), 0 0 0.06rem 0.06rem rgba(0,0,0,0.01); box-shadow: 0 0 0.3rem 0.1rem rgba(0,0,0,0.04), 0 0 0.06rem 0.06rem rgba(0,0,0,0.01); overflow: hidden; } .list-investors .img img { vertical-align: middle; max-height: 90%; } .fancybox-caption__body { font-size: 24px; padding-bottom: 40px; } .join-row1 { margin: 0.8rem 0; text-align: center; } .join-row2 { margin-bottom: 1rem; } .join-row3 { margin-bottom: 1.1rem; margin-top: 1rem; } .join-row5 { margin: 0.8rem 0 0.5rem 0; } .join-row6 { margin-bottom: 0.7rem; } .job-outer-link { background-color: #f8f9fb; padding: 0.6rem; border-radius: 0.2rem; } .external-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.34rem; } .external-link .item { margin: 0 0.45rem; position: relative; border-radius: 0.1rem; overflow: hidden; } .external-link .item:hover a { opacity: 1; } .external-link .item:hover:after { opacity: 1; } .external-link .item:after { content: ''; position: absolute; left: 0; -webkit-transition: 0.3s; transition: 0.3s; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); opacity: 0; } .external-link .img { width: 1.5rem; height: 1.5rem; } .external-link a { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background-color: #ff722c; color: #fff; padding: 0.07rem 0.2rem; white-space: nowrap; z-index: 10; border-radius: 0.1rem; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .external-link a:hover { background-color: #ff9059; } .list-recruitment-process { text-align: center; margin: 0 -0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-recruitment-process li { -webkit-box-flex: 0; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; padding: 0 0.2rem; } .list-recruitment-process .txt { padding: 0.3rem 0 0.3rem 0; } .list-recruitment-process .txt i { display: inline-block; width: 0.33rem; height: 0.33rem; border-radius: 50%; text-align: center; background-color: #ff722c; font-style: normal; color: #fff; line-height: 0.33rem; margin-right: 0.1rem; vertical-align: middle; } .list-recruitment-process .txt span { font-size: 24px; vertical-align: middle; } .list-recruitment-process .ico { background: url("../images/recruitment-process-bg.png") no-repeat 50%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 1rem; line-height: 1rem; text-align: center; } .list-recruitment-process .ico i { color: #ff722c; font-size: 40px; } .list-recruitment-process .pad { border-radius: 0.14rem; overflow: hidden; background-color: #f8f9fb; } .swiper-gallery { height: 4.5rem; margin-bottom: 0.4rem; } .swiper-gallery .img { height: 100%; border-radius: 0.2rem; overflow: hidden; display: inline-block; width: 100%; } .swiper-gallery .swiper-slide-shadow-left, .swiper-gallery .swiper-slide-shadow-right { opacity: 1; } .swiper-gallery .swiper-slide { width: 8rem; border-radius: 0.2rem; margin: 0; overflow: hidden; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .swiper-container-3d { -webkit-perspective: 1200PX; perspective: 1200PX; } .concept-row { 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; margin-bottom: 0.6rem; } .concept-row .img { -webkit-box-flex: 0; -webkit-flex: 0 1 49%; -ms-flex: 0 1 49%; flex: 0 1 49%; height: 3.8rem; overflow: hidden; border-radius: 0.2rem; } .concept-row .txt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .concept-row:nth-child(2n) .img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .concept-row:nth-child(2n) .txt { padding-right: 1rem; } .concept-row:nth-child(2n+1) .txt { padding-left: 1rem; } .list-job { margin: 0 -0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-job .item { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 0.2rem; padding-bottom: 0.3rem; min-width: 0; } .list-job .item a { display: block; background-color: #f8f9fb; position: relative; -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; border: 1px solid #fff; border-radius: 0.14rem; padding: 0.4rem 0.3rem; padding-right: 0.8rem; } .list-job .item a:hover { -webkit-box-shadow: 0 0 0.12rem 0.06rem rgba(0,0,0,0.06); box-shadow: 0 0 0.12rem 0.06rem rgba(0,0,0,0.06); } .list-job .item a:hover .more-circle { opacity: 1; } .list-job .item .meta { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .list-job .item .meta span { margin-right: 0.36rem; } .list-job .item .meta span:last-child { margin-right: 0; } .list-job .item h4 { line-height: 1; margin-bottom: 0.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list-job .item h4 span { font-size: 24px; vertical-align: bottom; margin-right: 0.12rem; display: inline-block; } .list-job .item h4 em { color: #666; display: inline-block; font-size: 18px; vertical-align: bottom; } .list-job .item .more-circle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; right: 0.3rem; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; } .list-job .item .text { margin-right: 1.2rem; } .join-row7 { text-align: center; } .join-row7 p { font-size: 24px; line-height: 2; display: inline-block; } .join-row7 i { color: #ff722c; margin-right: 0.06rem; } .join-row7 * { vertical-align: middle; } .join-row7 span { margin-right: 0.3rem; } .join-row7 .t3 { margin-bottom: 0.25rem; } .join-row7 .btn { margin-top: 0.3rem; } .marketing-activity { padding: 0.9rem 0; } .news-sticky { border-radius: 0.2rem; overflow: hidden; position: relative; } .news-sticky .img { height: 3.7rem; } .news-sticky .txt { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 0.4rem 0.5rem; } .news-sticky .date { color: #ff722c; font-size: 18px; } .news-sticky h3 { font-size: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } .news-sticky:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.65))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); content: ''; position: absolute; left: 0; right: 0; height: 30%; bottom: 0; } .list-news-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -0.16rem; margin-top: 0.5rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-news-card li { -webkit-box-flex: 0; -webkit-flex: 0 1 33.33333%; -ms-flex: 0 1 33.33333%; flex: 0 1 33.33333%; padding: 0.16rem; } .list-news-card .img-hover { height: 2.5rem; } .list-news-card .img-hover .img { height: 100%; } .list-news-card .txt { padding: 0 0.3rem; padding-top: 0.28rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list-news-card h4 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.2em; -webkit-transition: color 0.3s; transition: color 0.3s; margin-bottom: 0.34rem; line-height: 1.8; } .list-news-card .meta { 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; border-top: 1px solid #f9f9f9; padding: 0.14rem 0; } .list-news-card .meta s { color: #999; text-decoration: none; } .list-news-card .meta span { -webkit-transition: color 0.3s; transition: color 0.3s; } .list-news-card a { display: block; background-color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; border-radius: 0.2rem; overflow: hidden; } .list-news-card a:hover h4 { color: #ff722c; } .list-news-card i { -webkit-transition: 0.3s; transition: 0.3s; } .search-result .hd { text-align: center; margin-bottom: 0.5rem; } .search-result .t1 { margin-bottom: 0.3rem; } .search-result .t1 h2 { color: #000; } .search-result .bd h4 { font-size: 20px; margin-bottom: 0.2rem; } .search-result .bd h4 span { color: #ff722c; } .list-result li { padding: 0.3rem 0; border-bottom: 1px solid #ececed; } .list-result li:first-child { border-top: 1px solid #ececed; } .list-result h3 { font-size: 24px; margin-bottom: 0.06rem; -webkit-transition: 0.3s; transition: 0.3s; } .list-result h3 span { color: #ff722c; } .list-result p { color: #666; } .list-result a:hover h3 { color: #ff722c; } .search-result .pad { position: relative; width: 8rem; margin: 0 auto; } .search-result .form-ele { height: 0.6rem; font-size: 16px; } .search-result .btn-search { position: absolute; right: 0; padding-right: 0.2rem; background: none; border: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; height: 100%; -webkit-transition: 0.3s; transition: 0.3s; } .search-result .btn-search:hover { color: #ff722c; } .search-result .btn-search i { font-size: 18px; color: #ff722c; } .article-detail { padding: 0.8rem 0; position: relative; } .article-detail .hd { padding-bottom: 0.4rem; } .article-detail .hd h1 { font-size: undefined; margin-bottom: 0.1rem; } .article-detail .meta { color: #636363; font-size: 20px; } .article-detail .bd { padding: 0.1rem 0 0.3rem 0; overflow: hidden; } .article-detail .bd img { margin: 1em 0; } .article-detail .wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .article-detail .article-main { -webkit-box-flex: 0; -webkit-flex: 0 1 10rem; -ms-flex: 0 1 10rem; flex: 0 1 10rem; } .article-detail .text p { margin-bottom: 1em; margin-top: 1em; } .article-side { text-align: right; margin-left: auto; line-height: 1.1; } .article-side .more-arrow { padding-right: 0; padding-left: 0; } .article-side .more-arrow:hover { color: #ff722c; -webkit-transform: translateX(-0.1rem); transform: translateX(-0.1rem); } .swiper-news-hot { overflow: hidden; background-color: #fff; border-radius: 0.3rem; } .swiper-news-hot .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 3.9rem; } .swiper-news-hot a:hover h4 { color: #ff722c; } .swiper-news-hot h5 { color: #999; font-size: 18px; } .swiper-news-hot h4 { font-size: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 3em; margin-top: 0.06rem; line-height: 1.5; margin-bottom: 0.26rem; -webkit-transition: 0.3s; transition: 0.3s; } .swiper-news-hot .img-hover { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .swiper-news-hot .img-hover .img { height: 100%; } .swiper-news-hot .txt { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0.5rem 0.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .swiper-news-hot .text { line-height: 1.75; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 3.5em; } .swiper-news-hot .fd { 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; margin-top: 0.3rem; } .swiper-pagination-news { margin-top: 0.4rem; margin-bottom: 0.6rem; } .category-news li { position: relative; margin-bottom: 0.3rem; } .category-news a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .category-news .img-hover { width: 4.2rem; height: 2.4rem; position: relative; border-radius: 0.2rem; overflow: hidden; } .category-news .txt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding-left: 0.8rem; padding-top: 0.2rem; padding-bottom: 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .category-news h3 { font-size: 20px; position: relative; margin-top: 0.08rem; margin-bottom: 0.2rem; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .category-news h3:hover { color: #ff722c; } .category-news .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 3.5em; line-height: 1.75; } .category-news h5 { color: #999; font-size: 16px; } .category-news .more-small { margin-top: 0.1rem; } .round-box-gray { border-radius: 0.2rem; background-color: #f8f9fb; overflow: hidden; padding: 0.3rem; margin-top: 0.3rem; } .tel-contact i { font-size: 24px; margin-right: 0.12rem; vertical-align: middle; color: #666; } .tel-contact span { font-size: 28px; color: #ff722c; vertical-align: middle; font-weight: bold; } .contact-row h3 span { font-size: 24px; vertical-align: middle; font-weight: bold; color: #000; } .contact-row h3 img { width: 0.6rem; margin-right: 0.2rem; vertical-align: middle; } .contact-row .btn { min-width: 2rem; } .contact-pre-sale .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.18rem 0; border-bottom: 1px solid #ececed; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 2; } .contact-pre-sale .item:last-child { border-bottom: none; padding-bottom: 0; } .contact-pre-sale b { font-size: 18px; color: #ff722c; margin-right: 0.16rem; font-weight: normal; display: inline-block; min-width: 3em; } .contact-pre-sale em { font-weight: bold; color: #000; } .contact-pre-sale span { color: #666; } .contact-pre-sale .hd { font-size: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 1 1.1rem; -ms-flex: 0 1 1.1rem; flex: 0 1 1.1rem; } .contact-pre-sale .bd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-pre-sale .cell { margin-right: 0.56rem; } .contact-after-sale { 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; } .contact-after-sale .hd { -webkit-box-flex: 0; -webkit-flex: 0 1 4rem; -ms-flex: 0 1 4rem; flex: 0 1 4rem; } .contact-after-sale .bd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .contact-after-sale span { color: #666; margin-right: 0.3rem; } .contact-after-sale .btn { margin-left: auto; } .contact-msg { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("../images/contact-form-bg.jpg"); padding: 0.9rem 0; color: #fff; } .contact-msg h3 { color: #fff; } .contact-msg .hd { margin-bottom: 0.5rem; } .contact-msg .hd p { font-size: 18px; } @media screen and (max-width: 1600px) { body { font-size: 15px; } .text { font-size: 15px; } .text-big { font-size: 16px; } .accordion .con > .iconfont { font-size: 50px; } .accordion h3 { font-size: 30px; } .btn-big { font-size: 15px; } .btn-round { font-size: 15px; } .form-ele { font-size: 15px; } .ban-inner h3 { font-size: 34px; } .modal .hd { font-size: 24px; } a.close-modal i { font-size: 16px; } .modal-job-detail .bd h4 { font-size: 18px; } .privacy-box .pad { font-size: 15px; } .swiper-circle-arrow i { font-size: 15px; } .t1 h2 { font-size: 34px; } .t2 { font-size: 24px; } .t3 { font-size: 28px; } .t4 { font-size: 22px; } .toast { font-size: 15px; } .fd-link dt a { font-size: 16px; } .fd-tel h4 { font-size: 18px; } .fd-tel h6 { font-size: 26px; } .nav > li a { font-size: 15px; } .menu-list a { font-size: 15px; } .menu-list .ico i { font-size: 22px; } .search-ico i { font-size: 16px; } .change-lan span { font-size: 18px; } .m-change-lan span { font-size: 18px; } .search-main .btn-search i { font-size: 16px; } .search-main .icon-x { font-size: 15px; } .wp { width: 1300px; } .wp-md { width: 90%; } .page-404 p { font-size: 22px; } .ban-con .con { font-size: 34px; } .swiper-product-outer h3 { font-size: 24px; } .swiper-product-inner h4 { font-size: 22px; } .diamond-shape p { font-size: 18px; } .nav-product span { font-size: 16px; } .category-product h3 { font-size: 24px; } .category-product h4 { font-size: 18px; } .product-brief h1 { font-size: 40px; } .product-brief h2 { font-size: 40px; } .pro-ico em { font-size: 18px; } .product-slider h3 { font-size: 34px; } .product-slider h4 { font-size: 18px; } .product-slider .txt { font-size: 16px; } .product-ico h4 { font-size: 18px; } .list-flow .txt { font-size: 18px; } .list-flow-txt .pre-dot { font-size: 15px; } .list-field h4 { font-size: 18px; } .list-field i { font-size: 50px; } .table-product table td { font-size: 16px; } .table-product table th { font-size: 16px; } .product-performance .txt { font-size: 16px; } .table-feature table td { font-size: 16px; } .list-cell-flow .tit span { font-size: 18px; } .cell-compared-bar h4 { font-size: 22px; } .progress-arrow span { font-size: 18px; } .round-box-line-arrow .hd { font-size: 18px; } .row-expand-application h4 { font-size: 16px; } .swiper-history h3 { font-size: 50px; } .row-mission .txt { font-size: 34px; } .list-culture em { font-size: 34px; } .list-culture h5 { font-size: 18px; } .list-team h3 b { font-size: 22px; } .list-team h3 span { font-size: 16px; } .list-team h4 { font-size: 15px; } .fancybox-caption__body { font-size: 22px; } .list-recruitment-process .txt span { font-size: 22px; } .list-recruitment-process .ico i { font-size: 34px; } .list-job .item h4 span { font-size: 22px; } .list-job .item h4 em { font-size: 16px; } .join-row7 p { font-size: 22px; } .news-sticky .date { font-size: 16px; } .news-sticky h3 { font-size: 24px; } .list-news-card h4 { font-size: 18px; } .search-result .bd h4 { font-size: 18px; } .list-result h3 { font-size: 22px; } .search-result .form-ele { font-size: 15px; } .search-result .btn-search i { font-size: 16px; } .article-detail .hd h1 { font-size: 30px; } .article-detail .meta { font-size: 18px; } .swiper-news-hot h5 { font-size: 16px; } .swiper-news-hot h4 { font-size: 22px; } .category-news h3 { font-size: 18px; } .category-news h5 { font-size: 15px; } .tel-contact i { font-size: 22px; } .tel-contact span { font-size: 24px; } .contact-row h3 span { font-size: 22px; } .contact-pre-sale b { font-size: 16px; } .contact-pre-sale .hd { font-size: 18px; } .contact-msg .hd p { font-size: 16px; } html { font-size: 88px; } } @media screen and (max-width: 1520px) { .nav > li { margin-right: 0.4rem; } .wp { width: 1200px; } } @media screen and (max-width: 1440px) { body { font-size: 14px; } .text { font-size: 14px; } .text-big { font-size: 15px; } .accordion .con > .iconfont { font-size: 40px; } .accordion h3 { font-size: 24px; } .btn-big { font-size: 14px; } .btn-round { font-size: 14px; } .form-ele { font-size: 14px; } .ban-inner h3 { font-size: 30px; } .modal .hd { font-size: 20px; } a.close-modal i { font-size: 15px; } .modal-job-detail .bd h4 { font-size: 16px; } .more-arrow i { font-size: 12px; } .privacy-box .pad { font-size: 14px; } .swiper-circle-arrow i { font-size: 14px; } .swiper-pagination-common .swiper-pagination-bullet { width: 9PX; height: 9PX; } .t1 h2 { font-size: 30px; } .t2 { font-size: 20px; } .t3 { font-size: 24px; } .t4 { font-size: 18px; } .toast { font-size: 14px; } .fd-link dt a { font-size: 15px; } .fd-tel h4 { font-size: 16px; } .fd-tel h6 { font-size: 22px; } .nav > li a { font-size: 15px; } .menu-list a { font-size: 15px; } .search-ico i { font-size: 15px; } .change-lan span { font-size: 16px; } .m-change-lan span { font-size: 16px; } .search-main .btn-search i { font-size: 15px; } .search-main .icon-x { font-size: 14px; } .wp { width: 90%; } .page-404 p { font-size: 18px; } .ban-con .con { font-size: 30px; } .swiper-product-outer h3 { font-size: 20px; } .swiper-product-inner h4 { font-size: 18px; } .tab-product i { font-size: 32px; } .diamond-shape p { font-size: 16px; } .diamond-shape i { font-size: 34px; } .nav-product span { font-size: 15px; } .category-product h3 { font-size: 20px; } .product-brief h1 { font-size: 32px; } .product-brief h2 { font-size: 32px; } .pro-ico em { font-size: 16px; } .product-slider h3 { font-size: 30px; } .product-slider h4 { font-size: 16px; } .product-slider .txt { font-size: 15px; } .product-ico h4 { font-size: 16px; } .list-flow .txt { font-size: 16px; } .list-flow-txt .pre-dot { font-size: 14px; } .list-field h4 { font-size: 16px; } .list-field i { font-size: 44px; } .table-product table td { font-size: 15px; } .table-product table th { font-size: 15px; } .product-performance .txt { font-size: 15px; } .table-feature table td { font-size: 15px; } .cell-compared-bar h4 { font-size: 18px; } .round-box-line-arrow .hd { font-size: 16px; } .row-expand-application h4 { font-size: 15px; } .product-detail .txt { -webkit-box-flex: 0; -webkit-flex: 0 1 52%; -ms-flex: 0 1 52%; flex: 0 1 52%; } .product-detail .img { -webkit-box-flex: 0; -webkit-flex: 0 1 48%; -ms-flex: 0 1 48%; flex: 0 1 48%; } .swiper-history h3 { font-size: 40px; } .pre-dot p:before { width: 5PX; height: 5PX; top: 0.8em; } .row-mission .txt { font-size: 30px; } .list-culture em { font-size: 28px; } .list-culture h5 { font-size: 16px; } .list-team h3 b { font-size: 18px; } .list-team h3 span { font-size: 15px; } .list-team h4 { font-size: 14px; } .fancybox-caption__body { font-size: 18px; } .list-recruitment-process .txt span { font-size: 18px; } .list-recruitment-process .ico i { font-size: 28px; } .list-job .item h4 span { font-size: 18px; } .list-job .item h4 em { font-size: 15px; } .join-row7 p { font-size: 18px; } .news-sticky .date { font-size: 15px; } .news-sticky h3 { font-size: 20px; } .list-news-card h4 { font-size: 16px; } .search-result .bd h4 { font-size: 16px; } .list-result h3 { font-size: 18px; } .search-result .form-ele { font-size: 14px; } .search-result .btn-search i { font-size: 15px; } .article-detail .hd h1 { font-size: 24px; } .article-detail .meta { font-size: 16px; } .swiper-news-hot h5 { font-size: 15px; } .swiper-news-hot h4 { font-size: 18px; } .category-news h3 { font-size: 16px; } .category-news h5 { font-size: 14px; } .tel-contact i { font-size: 18px; } .tel-contact span { font-size: 20px; } .contact-row h3 span { font-size: 18px; } .contact-pre-sale b { font-size: 15px; } .contact-pre-sale .hd { font-size: 16px; } .contact-msg .hd p { font-size: 15px; } html { font-size: 78px; } } @media screen and (max-width: 1300px) { .list-field { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 1200px) { body { font-size: 12px; } .text { font-size: 12px; } .text-big { font-size: 14px; } .accordion .con > .iconfont { font-size: 36px; } .accordion h3 { font-size: 20px; } .btn-big { font-size: 12px; } .btn-round { font-size: 12px; } .form-ele { font-size: 12px; } .form-ele { font-size: 12px; } .ban-inner h3 { font-size: 28px; } .nav-inner { overflow: hidden; overflow-x: auto; } .nav-inner a { height: 0.9rem; line-height: 0.9rem; margin: 0; margin-right: 0.6rem; } .nav-inner a:before { bottom: 0; } .modal .hd { font-size: 18px; } a.close-modal i { font-size: 14px; } .modal-job-detail .bd h4 { font-size: 16px; } .more-arrow-link i { font-size: 12px; } .page { font-size: 12px; } .quick-jumper { font-size: 12px; } .privacy-box .pad { font-size: 12px; } .swiper-circle-arrow i { font-size: 12px; } .t1 h2 { font-size: 28px; } .t2 { font-size: 18px; } .toast { font-size: 12px; } .fd-link dt a { font-size: 14px; } .fd-link dd a { font-size: 12px; } .fd-copy { font-size: 12px; } .fd-tel h4 { font-size: 16px; } .qr-box p { font-size: 12px; } #fd .fd-copy .wp { display: block; text-align: center; } .search-ico i { font-size: 14px; } .change-lan span { font-size: 16px; } .header-holder { height: 1.2rem; } .m-change-lan span { font-size: 16px; } #hd { display: none; } .m_header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .search-main input { font-size: 12px; } .search-main .btn-search i { font-size: 14px; } .search-main .icon-x { font-size: 12px; } .wp-md { width: 90%; max-width: 2000px; } .wp-cn { width: 90%; max-width: 2000px; } .wp-sm { width: 90%; max-width: 2000px; } .ban-con .con { font-size: 28px; } .swiper-product-outer h3 { font-size: 18px; } .diamond-shape p { font-size: 16px; } .nav-product span { font-size: 14px; } .category-product h3 { font-size: 18px; } .category-product h4 { font-size: 16px; } .product-brief h1 { font-size: 24px; } .product-brief h2 { font-size: 24px; } .pro-ico em { font-size: 16px; } .product-slider h3 { font-size: 28px; } .product-slider h4 { font-size: 16px; } .product-slider .txt { font-size: 14px; } .product-ico h4 { font-size: 16px; } .product-ico p { font-size: 12px; } .list-flow .txt { font-size: 16px; } .list-flow-txt .pre-dot { font-size: 12px; } .circle-small span { font-size: 12px; } .list-field h4 { font-size: 16px; } .list-field i { font-size: 40px; } .table-product table td { font-size: 14px; } .table-product table th { font-size: 14px; } .product-principle .ico-legend em { font-size: 12px; } .product-performance .txt { font-size: 14px; } .table-feature table td { font-size: 14px; } .list-cell-flow .tit span { font-size: 16px; } .progress-arrow span { font-size: 16px; } .round-box-line-arrow .hd { font-size: 16px; } .row-expand-application h4 { font-size: 14px; } .expand-application .ico-legend { font-size: 12px; } .expand-application .ico-legend em { font-size: 12px; } .swiper-history h3 { font-size: 36px; } .pre-dot { font-size: 12px; } .row-mission .txt { font-size: 28px; } .list-culture h5 { font-size: 16px; } .list-team h3 span { font-size: 14px; } .list-team h4 { font-size: 12px; } .swiper-history { overflow-x: auto; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .swiper-history .cell { -webkit-box-flex: 0; -webkit-flex: 0 0 6.3rem; -ms-flex: 0 0 6.3rem; flex: 0 0 6.3rem; width: 6.3rem; } .swiper-history .card { white-space: normal; } .swiper-scrollbar-history { display: none; } .list-job .item h4 em { font-size: 14px; } .news-sticky .date { font-size: 14px; } .news-sticky h3 { font-size: 18px; } .list-news-card h4 { font-size: 16px; } .search-result .bd h4 { font-size: 16px; } .search-result .form-ele { font-size: 12px; } .search-result .btn-search i { font-size: 14px; } .search-result .form-ele { height: 0.8rem; padding-left: 0.3rem; padding-right: 0.3rem; } .search-result .t1 { margin-bottom: 0.4rem; } .search-result .pad { width: 100%; } .search-result .btn-search { padding-right: 0.3rem; } .search-result li { border-color: #ececec !important; padding-top: 0.5rem; padding-bottom: 0.5rem; } .search-result .bd h4 { margin-bottom: 0.3rem; } .article-detail .hd h1 { font-size: 20px; } .article-detail .meta { font-size: 16px; } .swiper-news-hot h5 { font-size: 14px; } .category-news h3 { font-size: 16px; } .category-news h5 { font-size: 12px; } .tel-contact span { font-size: 18px; } .contact-pre-sale b { font-size: 14px; } .contact-pre-sale .hd { font-size: 16px; } .contact-msg .hd p { font-size: 14px; } } @media screen and (max-width: 1100px) { .ban-inner h3 { font-size: 22px; } .modal-job-detail .bd h4 { font-size: 15px; } .t1 h2 { font-size: 22px; } .t4 { font-size: 16px; } .fd-tel h4 { font-size: 15px; } .change-lan span { font-size: 15px; } .m-nav-list li > a { font-size: 20px; } .m-nav-list .iconfont { font-size: 20px; } .m-change-lan a { font-size: 20px; } .m-change-lan span { font-size: 15px; } .page-404 p { font-size: 16px; } .ban-con .con { font-size: 22px; } .swiper-product-inner h4 { font-size: 16px; } .tab-product i { font-size: 26px; } .diamond-shape p { font-size: 15px; } .diamond-shape i { font-size: 28px; } .pro-ico em { font-size: 15px; } .product-slider h3 { font-size: 22px; } .product-slider h4 { font-size: 15px; } .product-ico h4 { font-size: 15px; } .list-flow .txt { font-size: 15px; } .list-field h4 { font-size: 15px; } .cell-compared-bar h4 { font-size: 16px; } .round-box-line-arrow .hd { font-size: 15px; } .row-mission .txt { font-size: 22px; } .list-culture h5 { font-size: 15px; } .list-team h3 b { font-size: 16px; } .fancybox-caption__body { font-size: 16px; } .list-recruitment-process .txt span { font-size: 16px; } .list-job .item h4 span { font-size: 16px; } .join-row7 p { font-size: 16px; } .list-news-card h4 { font-size: 15px; } .search-result .bd h4 { font-size: 15px; } .list-result h3 { font-size: 16px; } .article-detail .meta { font-size: 15px; } .swiper-news-hot h4 { font-size: 16px; } .category-news h3 { font-size: 15px; } .tel-contact i { font-size: 16px; } .contact-row h3 span { font-size: 16px; } .contact-pre-sale .hd { font-size: 15px; } html { font-size: 60px; } } @media screen and (max-width: 1000px) { .accordion .text { width: 5rem; } .form-modal li label { -webkit-box-flex: 0; -webkit-flex: 0 1 1rem; -ms-flex: 0 1 1rem; flex: 0 1 1rem; } .swiper-pagination-common .swiper-pagination-bullet { width: 6PX; height: 6PX; } .swiper-product-outer .intro { padding-right: 0.1rem; } .i-about { display: block; } .i-about .txt { margin-bottom: 0.4rem; padding-right: 0; } .i-about .img { width: 7.5rem; margin-top: 0; margin-left: auto; margin-right: auto; } .i-join { -webkit-box-flex: 0; -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; } .i-contact { -webkit-box-flex: 0; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; } .fd-link { display: none; } .product-center { padding-top: 0; } .nav-product-box { padding: 0; background-color: #fff; } .nav-product { text-align: center; white-space: nowrap; overflow: hidden; overflow-x: auto; } .nav-product img { display: none; } .nav-product li { margin: 0; display: inline-block; position: relative; } .nav-product li a { border: none; } .nav-product li a.current { border: none; } .nav-product li a { margin-right: 0.6rem; position: relative; height: 0.9rem; line-height: 0.9rem; display: block; } .nav-product li a:hover { color: #ff722c; } .nav-product li a:before { content: ''; position: absolute; left: 0; right: 0; bottom: -0.01rem; border-top: 2px solid #ff722c; display: none; } .nav-product li.on { color: #03579f; } .nav-product li.on a:before { display: block; } .nav-product a.current:before { display: block; } .table-multi-row .table-product { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .multi-dimensional .img { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .multi-dimensional .txt { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .multi-dimensional .pad { width: 1.2rem; height: 1.2rem; } .list-dimensional { padding-left: 0; padding-right: 0; } .list-field { grid-template-columns: repeat(3, 1fr); } .progress-arrow { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0.46rem; } .progress-arrow .item { height: 1.24rem; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0.2rem; } .progress-arrow .item .pad { margin-right: 0.6rem; } .progress-arrow .item span { line-height: 1.4; } .progress-arrow .item:before { border-width: 0.62rem 0.25rem 0.62rem 0.2rem; } .progress-arrow .item:after { border-width: 0.62rem 0.25rem 0.62rem 0.2rem; } .progress-arrow i { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 14px; } .list-job .item .meta span:last-child { display: block; margin-top: 0.04rem; } .list-job .item h4 { margin-bottom: 0.36rem; } .list-news-card li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .article-detail .wp { display: block; } .article-side { 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; } .article-side p:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .article-side p:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .article-side p:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 760px) { .text { font-size: 13px; } .text-big { font-size: 14px; } .m-show { display: block; } .m-hide { display: none; } .accordion .con > .iconfont { font-size: 40px; } .accordion h3 { font-size: 23px; } ul.accordion { display: none; } .accordion .text { width: auto; } .btn-big { font-size: 13px; } .btn-round { font-size: 13px; } .btn-big { width: 100%; height: 0.8rem; line-height: 0.8rem; } .btn-submit { width: 100%; height: 0.8rem; line-height: 0.8rem; margin-top: 0.48rem; } .btn-round { min-width: 3rem; height: 0.72rem; line-height: 0.7rem; } .btn-download { min-width: 3rem; height: 0.8rem; line-height: 0.8rem; } .form-ele { font-size: 13px; } .modal .form-ele { height: 0.8rem; line-height: 0.8rem; padding-left: 0.3rem; padding-right: 0.3rem; } .modal .form-box .msg-box textarea { height: 2.2rem; } .form-modal li { margin-bottom: 0.3rem; } .code-msg .btn { -webkit-box-flex: 0; -webkit-flex: 0 1 2.3rem; -ms-flex: 0 1 2.3rem; flex: 0 1 2.3rem; height: 0.8rem; } .modal-download li label { -webkit-box-flex: 0; -webkit-flex: 0 1 1rem; -ms-flex: 0 1 1rem; flex: 0 1 1rem; } .modal.modal-information { padding-left: 0.2rem; } .modal.modal-information .form-modal label { -webkit-box-flex: 0; -webkit-flex: 0 1 1.5rem; -ms-flex: 0 1 1.5rem; flex: 0 1 1.5rem; } .form-box li { margin-bottom: 0; } .form-box .inp-row { display: block; } .form-box .form-ele { height: 0.8rem; line-height: 0.8rem; padding-left: 0.3rem; padding-right: 0.3rem; } .form-box .msg-box { margin-top: 0.3rem; } .form-box select { padding-left: 0.3rem; padding-right: 0.3rem; } .form-box .inp-code .code { padding-right: 0.4rem; } .form-box .inp-code a { height: 0.62rem; } .form-box .inp-select:after { right: 0.3rem; } .form-box select { height: 0.8rem; } .form-box label { margin-left: 0.3rem; line-height: 0.8rem; } .form-box .inp-col { float: none; width: auto; margin-bottom: 0.3rem; } .form-box .row-code { margin-top: 0.3rem; display: block; } .form-box .inp-code { width: auto; } .form-box .msg-box textarea { height: 1.8rem; } .contact-msg .inp-code { width: 100%; } .contact-msg .styledSelect.form-ele, .contact-msg input.form-ele, .contact-msg select.form-ele { height: 0.8rem; line-height: 0.8rem; } .contact-msg .btn-round { height: 0.8rem; line-height: 0.8rem; min-width: 2.4rem; } .contact-msg .inp-code .code { top: 0.07rem; } .options li { height: 0.6rem; line-height: 0.6rem; } .ban-inner h3 { font-size: 24px; } .ban-inner { height: 5.6rem; } .ban-inner .text { width: auto; } #map.map-index { height: 7.5rem; } .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(1) > div img, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(2) > div img, .map > div > div:nth-child(2) > div:nth-child(5) > .BMap_Marker:nth-child(3) > div img { width: 0.8rem; } .BMap_pop { margin-top: -0.4rem !important; margin-left: -0.3rem !important; } .BMap_Marker .BMapLabel { width: 30PX; font-size: 12px !important; top: 0.5rem !important; margin-left: -0.1rem; } .BMap_bubble_content { width: 220PX !important; } .BMap_bubble_content h3 { font-size: 14px; } .modal .hd { font-size: 18px; } a.close-modal i { font-size: 14px; } .modal-job-detail .bd h4 { font-size: 14px; } .modal { padding: 0.5rem; max-width: 90%; } .modal .hd { font-size: 21px; } .more-arrow-link i { font-size: 12px; } .more-arrow { padding: 0.2rem 0.5rem; min-width: 2.55rem; font-size: 12px; } .more-arrow span { margin-right: 0.06rem; } .more-arrow i { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: right center; transform-origin: right center; } .btn-full { width: 100%; padding-top: 0; padding-bottom: 0; text-align: center; height: 0.8rem; line-height: 0.8rem; } button.btn-full { padding-top: 0; padding-bottom: 0; } .more-arrow-line { line-height: 0.78rem; } .page { font-size: 12px; } .quick-jumper { font-size: 12px; } .privacy-box .pad { font-size: 13px; } .privacy-box .pad { border-radius: 0.3rem; } .privacy-box i { width: 0.8rem; height: 0.8rem; line-height: 0.78rem; } .swiper-pagination-wider .swiper-pagination-bullet { width: 7PX; height: 7PX; } .swiper-pagination-wider .swiper-pagination-bullet-active { width: 0.58rem; } .swiper-circle-arrow i { font-size: 13px; } .swiper-pagination-circle .swiper-pagination-bullet { width: 7PX !important; height: 7PX !important; margin-left: 0.09rem !important; margin-right: 0.09rem !important; } .swiper-pagination-solid .swiper-pagination-bullet { border: none !important; background-color: #fff !important; } .swiper-pagination-solid .swiper-pagination-bullet-active { background-color: #ff722c !important; } .swiper-container-horizontal .swiper-scrollbar { margin-top: 0.8rem; position: static; width: 3rem; margin-left: auto; margin-right: auto; height: 2PX; } .swiper-container-horizontal .swiper-scrollbar-drag { background-color: #ff722c; } .swiper-circle-arrow { width: 0.7rem; height: 0.7rem; line-height: 0.7rem; } .t1 h2 { font-size: 24px; } .t2 { font-size: 18px; } .t3 { font-size: 21px; } .t4 { font-size: 16px; } .t4 { margin-bottom: 0.4rem; } .toast { font-size: 13px; } .fd-link dt a { font-size: 14px; } .fd-link dd a { font-size: 12px; } .fd-copy { font-size: 12px; } .fd-tel h4 { font-size: 14px; } .fd-tel h6 { font-size: 18px; } .qr-box p { font-size: 12px; } .fd-logo { margin-bottom: 0.7rem; margin-top: 0; } .fd-logo img { height: 1rem; } .fd-copy { margin-top: 0; padding: 0.56rem 0.4rem; text-align: left; } #fd .wp { display: block; text-align: center; } .qr-box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; margin-bottom: 0.7rem; } .qr-box img { width: 1.5rem; height: 1.5rem; } .fd-tel h6 { font-size: 28px; font-weight: bold; margin-top: 0.2rem; } .fd-copy { padding-right: 0; padding-left: 0; padding-top: 0.7rem; padding-bottom: 0; } .fd-copy span { display: block; } .fd-copy .wp { padding: 20px 0; } .go-top { width: 0.8rem; height: 0.8rem; } .search-ico i { font-size: 14px; } .change-lan span { font-size: 14px; } .hd-mask { display: none; } .m-nav-list li > a { font-size: 14px; } .m-nav-list .iconfont { font-size: 14px; } .m-change-lan a { font-size: 14px; } .m-change-lan span { font-size: 14px; } .search-main input { font-size: 12px; } .search-main .btn-search i { font-size: 14px; } .search-main .icon-x { font-size: 13px; } .wp { width: auto; padding-left: 0.4rem; padding-right: 0.4rem; } .page-404 h1 { font-size: 150px; } .page-404 p { font-size: 16px; } .page-404 .btn-row a { margin-bottom: 0.28rem; } .page-404 .btn-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-404 a { width: 2.8rem; } .ban-con h3 { font-size: 28px; } .ban-con .con { font-size: 24px; } .swiper-product-outer h3 { font-size: 18px; } .swiper-product-inner h4 { font-size: 16px; } .diamond-shape p { font-size: 14px; } .diamond-shape i { font-size: 22px; } .swiper-product-inner { margin-top: 0; } .swiper-product-inner .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-product-inner .swiper-pagination { bottom: auto; top: 4.2rem; width: 100%; } .swiper-product-outer .bg-logo { margin-bottom: 0.9rem; } .product-box { padding-right: 0; } .i-row4 { padding-bottom: 1.5rem; } #tab-product { width: auto; height: auto; position: static; background: none; margin-bottom: 1.3rem; white-space: nowrap; overflow-x: auto; text-align: center; } #tab-product a { position: static; margin: 0; border-radius: 0; -webkit-transform: none; transform: none; width: auto; height: auto; display: inline-block; } #tab-product a:first-child:before { display: none; } #tab-product a span { position: static; } #tab-product a:before { content: ''; display: inline-block; border-left: 1px solid #fff; margin: 0 0.16rem; height: 1em; vertical-align: middle; } #tab-product a:after { display: none; } #tab-product a .cell { -webkit-transform: none; transform: none; display: inline-block; vertical-align: middle; } #tab-product a .ico { display: none; } #tab-product a span { -webkit-transform: none; transform: none; margin-top: 0; } #tab-product a.on span { color: #ff722c; } .i-row4 { height: auto; background: none; margin-top: 1.1rem; } .i-row4 .wp { display: block; text-align: center; } .i-join { margin-bottom: 1.5rem; } .diamond-shape p { margin-top: 0; } .diamond-shape .item { line-height: 1.5; } .i-row1 { padding-top: 1.4rem; } .i-row1 .t1 { text-align: center; padding-top: 0; margin-bottom: 0.7rem; } .swiper-product-outer .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; min-height: 0; } .swiper-product-outer .intro { padding-right: 0; padding-top: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .swiper-product-outer h3 { font-size: 18px; } .swiper-product-inner { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-bottom: 0.1rem; } .i-row1 .wp { padding-left: 0; padding-right: 0; } .product-box { padding-left: 0.4rem; padding-right: 0.4rem; } .swiper-pro-bg { padding-top: 100%; -webkit-transform: none; transform: none; left: 0; right: 0; width: auto; top: -0.1rem; } .swiper-pro-bg .img-contain { background-size: 150%; } .i-row1 { padding-bottom: 1.5rem; } .i-row1 .t1 { display: block; } .i-row2 .t1 { text-align: center; } .i-row3 .t1 { text-align: center; } .nav-product span { font-size: 14px; } .category-product h3 { font-size: 18px; } .category-product h4 { font-size: 14px; } .category-product a { display: block; } .category-product .img-contain { width: auto; height: 3.9rem; } .category-product .txt { padding-left: 0; padding-top: 0.5rem; } .en_us .progress-arrow .item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .en_us .progress-arrow .pad { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .en_us .list-field { grid-template-columns: repeat(1, 1fr); } .pro-ico em { font-size: 14px; } .product-slider h3 { font-size: 24px; } .product-slider h4 { font-size: 14px; } .product-slider .txt { font-size: 14px; } .product-ico h4 { font-size: 14px; } .product-ico p { font-size: 12px; } .list-flow .txt { font-size: 14px; } .list-flow-txt .pre-dot { font-size: 13px; } .circle-small span { font-size: 12px; } .list-field h4 { font-size: 14px; } .table-product table td { font-size: 14px; } .table-product table th { font-size: 14px; } .product-principle .ico-legend em { font-size: 12px; } .product-performance .txt { font-size: 14px; } .table-feature table td { font-size: 14px; } .list-cell-flow .tit span { font-size: 14px; } .cell-compared-bar h4 { font-size: 16px; } .progress-arrow span { font-size: 14px; } .round-box-line-arrow .hd { font-size: 14px; } .row-expand-application h4 { font-size: 14px; } .expand-application .ico-legend { font-size: 12px; } .expand-application .ico-legend em { font-size: 12px; } .product-brief { height: auto; padding: 1.4rem 0; } .product-brief .cell { display: block; } .product-detail { display: block; text-align: center; } .product-detail .img { padding-top: 1.8rem; text-align: center; } .product-detail .img img { width: 80%; } .pro-ico { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.8rem; } .pro-ico span { margin: 0 0.22rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pro-ico img { width: 1.2rem; height: 1.2rem; } .pro-ico em { font-size: 12px; position: static; } .product-slider h3 { font-size: 21px; } .swiper-product-img .img-contain { padding-top: 80%; width: 70%; } .list-cell-flow { display: block; } .list-cell-flow .tit { width: auto; margin-bottom: 0; margin-bottom: 0.4rem; } .list-cell-flow .tit span { line-height: 0.56rem; } .list-cell-flow .tit i { width: 0.56rem; height: 0.56rem; line-height: 0.56rem; font-size: 16px; margin-right: 0.16rem; } .list-cell-flow .img-small { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .cell-compared-bar h4 i { width: 0.28rem; height: 0.28rem; } .list-compared-bar li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.3rem; } .list-compared-bar .hd { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 0.06rem; } .list-compared-bar .bd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .list-compared-bar .bar { top: 0; } .cell-compared-bar { margin-top: 0.5rem; } .cell-compared-bar h4 { margin-bottom: 0.34rem; } .antibody-big { margin-top: 10px; } .round-box-line-arrow { display: block; padding: 0 0.3rem; } .round-box-line-arrow .item { border-right: none; border-bottom: 1px solid #d0d0d0; padding: 0.5rem 0; } .round-box-line-arrow .item img { width: 4rem; height: 3rem; } .round-box-line-arrow .hd { font-size: 16px; } .expand-application { display: block; } .expand-application .item { margin-bottom: 0.7rem; } .expand-application .ico-legend span { margin: 0.1rem 0.2rem 0.1rem 0.1rem; } .functional-genomics { display: block; } .functional-genomics .arrow { height: 0.5rem; background: url("../images/arrow-b.png") no-repeat 50%; position: relative; z-index: 10; } .functional-genomics .item { margin-bottom: 0.3rem; text-align: center; } .functional-genomics .item img { width: 90%; } .multi-dimensional { display: block; } .multi-dimensional .txt { margin-top: 0.6rem; } .list-dimensional li { -webkit-box-flex: 0; -webkit-flex: 0 1 33.333%; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; } .list-dimensional .pad { width: 1.5rem; height: 1.5rem; font-size: 14px; } .table-product { overflow-x: auto; } .table-product table { width: 10rem; } .table-product table th, .table-product table td { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.28rem; padding-bottom: 0.28rem; } .table-multi-row { display: block; } .table-multi-row .table-product table { width: 100%; } .table-multi-row .table-product th:first-child, .table-multi-row .table-product td:first-child { width: 5rem; padding-right: 0; } .test-kit .table-product { margin-bottom: 1rem; } .table-multi-row .t4 { margin-bottom: 0.4rem; } .product-principle { text-align: left; } .product-principle .ico-legend span { margin: 0.06rem 0.2rem 0.06rem 0.1rem; } .list-flow { display: grid; grid-auto-rows: 1fr; } .list-flow .txt i { width: 0.56rem; height: 0.56rem; line-height: 0.56rem; font-size: 16px; margin-right: 0.16rem; } .list-flow .txt span { font-size: 16px; } .list-flow li { border: none; border-bottom: 1px solid #d0d0d0; } .list-flow li:before, .list-flow li:after { content: ""; display: block; position: absolute; top: 0; left: 50%; border: none; -webkit-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 22px solid #d0d0d0; font-size: 0; line-height: 0; z-index: 20; } .list-flow li:after { border-top-color: #fff; top: -1PX; } .list-flow-txt li { padding: 0.7rem 0.5rem; } .list-flow-txt .txt { padding-bottom: 0.2rem; } .list-field { grid-template-columns: repeat(2, 1fr); } .list-field h4 { font-size: 16px; } .product-ico { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-ico li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-bottom: 0.5rem; border: none; } .product-ico img { height: 0.6rem; } .list-flow-bg li { padding-top: 0.5rem; padding-bottom: 0.5rem; } .list-flow-bg .txt { padding-bottom: 0; } .list-flow-bg li:nth-child(2):after { border-color: transparent; border-top-color: #f8f8f8; } .list-flow-bg li:nth-child(3):after { border-color: transparent; border-top-color: #f0f0f0; } .list-flow-none .img-contain { margin: 0.2rem 0; } .list-platform { display: block; } .circle-move { width: 2.3rem; height: 2.3rem; } .circle-small { width: 5.6rem; height: 5.6rem; } .circle-small i { width: 0.66rem; height: 0.66rem; line-height: 0.64rem; font-size: 16px; } .circle-small span { width: 2rem; } .circle-small a { width: 0.66rem; height: 0.66rem; margin: -0.33rem; } .circle-small a:nth-child(1) { -webkit-transform: rotate(-170deg) translate(2.8rem); transform: rotate(-170deg) translate(2.8rem); } .circle-small a:nth-child(1) .cell { -webkit-transform: rotate(170deg); transform: rotate(170deg); } .circle-small a:nth-child(2) { -webkit-transform: rotate(-90deg) translate(2.8rem); transform: rotate(-90deg) translate(2.8rem); } .circle-small a:nth-child(2) .cell { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .circle-small a:nth-child(3) { -webkit-transform: rotate(350deg) translate(2.8rem); transform: rotate(350deg) translate(2.8rem); } .circle-small a:nth-child(3) .cell { -webkit-transform: rotate(-350deg); transform: rotate(-350deg); } .list-platform .circle-small-outer { margin-bottom: -4.2rem; padding-top: 0.75rem; } .list-platform .pad { padding-bottom: 0.4rem; } .list-platform .item { margin-bottom: 0.3rem; } .swiper-history h3 { font-size: 40px; } .pre-dot { font-size: 12px; } .pre-dot p { padding-left: 0.2rem; } .row-mission .txt { font-size: 24px; } .list-culture em { font-size: 21px; } .list-culture h5 { font-size: 14px; } .list-team h3 b { font-size: 16px; } .list-team h3 span { font-size: 14px; } .list-team h4 { font-size: 13px; } .fancybox-caption__body { font-size: 16px; } .row-mission { padding-top: 1.7rem; padding-bottom: 1.7rem; text-align: center; } .row-brief .wp { display: block; } .row-brief .com-culture { padding-left: 0; } .row-brief h5 { margin-top: 0; } .row-team .t1 { text-align: center; } .list-team-row .ico { position: static; } .list-team .avt { width: 2rem; height: 2.7rem; } .list-team h3 { margin-bottom: 0.2rem; } .list-team .pre-dot { margin-top: 0.28rem; } .list-team .ico { border-top: 1px solid #f0f2f2; margin-top: 0.18rem; padding-top: 0.28rem; } .list-team .ico img { width: 1rem; height: 1rem; } .list-team-column { display: grid; grid-auto-rows: 1fr; } .list-team-column li:first-child .ico { position: static; } .list-team-column li .intro-team { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .list-team-column li .ico { margin-top: auto; } .list-partner li { -webkit-box-flex: 0; -webkit-flex: 0 1 33.3333%; -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; } .list-investors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-investors li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .list-investors .img { height: 1.5rem; width: 100%; line-height: 1.5rem; } .fancybox-navigation .fancybox-button { width: 1.1rem; height: 1.4rem; } .fancybox-button { width: 0.8rem; height: 0.8rem; } .fancybox-button--close { text-align: center; } .fancybox-button--close svg { width: 60%; display: inline-block; } .list-recruitment-process .txt span { font-size: 16px; } .list-recruitment-process .ico i { font-size: 21px; } .list-job .item h4 span { font-size: 16px; } .list-job .item h4 em { font-size: 14px; } .join-row7 p { font-size: 16px; } .external-link { margin-top: 0.7rem; } .external-link .img { width: 2rem; height: 2rem; } .external-link a { position: static; opacity: 1; border: 1px solid #ff722c; border-radius: 0.5rem; min-width: 2rem; height: 0.72rem; line-height: 0.7rem; text-align: center; display: inline-block; -webkit-transform: none; transform: none; padding-top: 0; padding-bottom: 0; background: none; color: #ff722c; margin-top: 0.26rem; } .external-link a:hover { color: #fff; } .external-link .item:after { display: none; } .list-recruitment-process { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-recruitment-process li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-bottom: 0.3rem; } .list-recruitment-process li .txt i { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; margin-right: 0; } .list-recruitment-process li .txt span { display: block; margin-top: 0.16rem; } .concept-row { display: block; margin-bottom: 0.7rem; } .concept-row .txt { padding: 0.5rem 0 0 0; } .concept-row:nth-child(2n+1) .txt { padding-left: 0; } .concept-row:nth-child(2) .txt { padding-right: 0; } .list-job { display: block; } .list-job .item a { padding: 0.5rem 0.34rem; } .join-row7 p { display: block; line-height: 2.2; } .join-row7 .btn { margin-top: 0.5rem; } .news-sticky .date { font-size: 14px; } .news-sticky h3 { font-size: 18px; } .list-news-card h4 { font-size: 14px; } .list-news-card { display: block; } .list-news-card .img-hover { height: 3.8rem; } .list-news-card li { padding-top: 0.15rem; padding-bottom: 0.15rem; } .page-news { padding-top: 1.25rem; } .list-news-card { margin-top: 0.8rem; } .list-news-card .meta { padding-top: 0.2rem; padding-bottom: 0.2rem; } .news-sticky .img { height: 1.8rem; } .news-sticky .txt { padding-top: 0.2rem; padding-bottom: 0.2rem; } .news-sticky:after { height: 50%; } .search-result .bd h4 { font-size: 14px; } .list-result h3 { font-size: 16px; } .search-result .form-ele { font-size: 13px; } .search-result .btn-search i { font-size: 14px; } .article-detail .hd h1 { font-size: 23px; } .article-detail .meta { font-size: 14px; } .article-detail .bd { height: auto !important; } .article-detail p { font-size: 13px !important; } .article-detail span { font-size: 13px !important; } .swiper-news-hot h5 { font-size: 14px; } .swiper-news-hot h4 { font-size: 16px; } .category-news h3 { font-size: 14px; } .category-news h5 { font-size: 13px; } .swiper-news-hot .item { display: block; height: auto; } .swiper-news-hot .img-hover { height: 3.8rem; } .swiper-news-hot .txt { padding: 0.5rem 0.3rem; } .swiper-news-hot .fd { margin-top: 0.8rem; } .list-news-card { display: block; } .list-news-card .img-hover { height: 3.8rem; } .list-news-card li { padding-top: 0.15rem; padding-bottom: 0.15rem; } .page-news { padding-top: 1.25rem; } .list-news-card { margin-top: 0.8rem; } .tel-contact i { font-size: 16px; } .tel-contact span { font-size: 18px; } .contact-row h3 span { font-size: 16px; } .contact-pre-sale b { font-size: 14px; } .contact-pre-sale .hd { font-size: 14px; } .contact-msg .hd p { font-size: 14px; } .contact-pre-sale .item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 0.3rem; padding-bottom: 0.4rem; } .contact-pre-sale .item:last-child { padding-bottom: 0.1rem; } .contact-pre-sale .item .fd { width: 100%; margin-top: 0.3rem; text-align: right; } .contact-pre-sale .cell { margin-right: 0; font-size: 12px; } .contact-row .btn { min-width: 3rem; } .contact-after-sale { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .contact-after-sale .hd { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .contact-after-sale .hd h3 { 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; } .contact-after-sale .hd h3 img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 0.9rem; height: 0.9rem; } .contact-after-sale .fd { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; margin-top: 0.3rem; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; text-align: right; } .contact-after-sale .bd { margin-top: 0.4rem; font-size: 12px; } .round-box-gray { padding-top: 0.5rem; padding-bottom: 0.5rem; } #map { height: 5.6rem; } .tel-contact span { font-size: 24px; } .tel-contact i { font-size: 20px; margin-right: 0.18rem; } .contact-msg { padding-bottom: 1.3rem; } html { font-size: 50px; } } @media all and (max-width: 576px) { .fancybox-thumbs { width: 1.1rem; } .fancybox-show-thumbs .fancybox-inner { right: 1.1rem; } .fancybox-thumbs__list a { max-width: calc(100% - 0.1rem); } } @media all and (max-height: 576px) { .fancybox-slide { padding-left: 0.06rem; padding-right: 0.06rem; } .fancybox-slide--image { padding: 0.06rem 0; } .fancybox-close-small { right: -0.06rem; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 0.36rem; opacity: 1; padding: 0.06rem; right: 0; top: 0; width: 0.36rem; } .fancybox-caption { padding-left: 0.12rem; padding-right: 0.12rem; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(0.12rem, env(safe-area-inset-left)); padding-right: max(0.12rem, env(safe-area-inset-right)); } } } @media screen and (max-width: 400px) { .circle-small { width: 4rem; height: 4rem; } .circle-small a:nth-child(1) { -webkit-transform: rotate(-170deg) translate(2rem); transform: rotate(-170deg) translate(2rem); } .circle-small a:nth-child(2) { -webkit-transform: rotate(-90deg) translate(2rem); transform: rotate(-90deg) translate(2rem); } .circle-small a:nth-child(3) { -webkit-transform: rotate(350deg) translate(2rem); transform: rotate(350deg) translate(2rem); } .list-platform .circle-small-outer { margin-bottom: -2.6rem; } .circle-move { width: 1.6rem; height: 1.6rem; } } @media screen and (max-width: 320px) { html { font-size: 40px; } } @media (hover: none) { .nav-product li a:hover span { color: #333; } .nav-product li:hover span { color: #333; } .nav-product li a.current span { color: #ff722c; } .nav-inner a:hover { color: #333; } } @media screen { html:not(.no-js) [data-aos^=fade][data-aos^=fade]{ opacity:0; transition-property:opacity,-webkit-transform; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,transform; transition-property:opacity,transform,-webkit-transform } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{ opacity:1; -webkit-transform:none; transform:none } html:not(.no-js) [data-aos=fade-up]{ -webkit-transform:translate3d(0,100px,0); transform:translate3d(0,100px,0) } html:not(.no-js) [data-aos=fade-down]{ -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0) } html:not(.no-js) [data-aos=fade-right]{ -webkit-transform:translate3d(-100px,0,0); transform:translate3d(-100px,0,0) } html:not(.no-js) [data-aos=fade-left]{ -webkit-transform:translate3d(100px,0,0); transform:translate3d(100px,0,0) } html:not(.no-js) [data-aos=fade-up-right]{ -webkit-transform:translate3d(-100px,100px,0); transform:translate3d(-100px,100px,0) } html:not(.no-js) [data-aos=fade-up-left]{ -webkit-transform:translate3d(100px,100px,0); transform:translate3d(100px,100px,0) } html:not(.no-js) [data-aos=fade-down-right]{ -webkit-transform:translate3d(-100px,-100px,0); transform:translate3d(-100px,-100px,0) } html:not(.no-js) [data-aos=fade-down-left]{ -webkit-transform:translate3d(100px,-100px,0); transform:translate3d(100px,-100px,0) } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{ opacity:0; transition-property:opacity,-webkit-transform; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,transform; transition-property:opacity,transform,-webkit-transform } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{ opacity:1; -webkit-transform:translateZ(0) scale(1); transform:translateZ(0) scale(1) } html:not(.no-js) [data-aos=zoom-in]{ -webkit-transform:scale(.6); transform:scale(.6) } html:not(.no-js) [data-aos=zoom-in-up]{ -webkit-transform:translate3d(0,100px,0) scale(.6); transform:translate3d(0,100px,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-down]{ -webkit-transform:translate3d(0,-100px,0) scale(.6); transform:translate3d(0,-100px,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-right]{ -webkit-transform:translate3d(-100px,0,0) scale(.6); transform:translate3d(-100px,0,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-left]{ -webkit-transform:translate3d(100px,0,0) scale(.6); transform:translate3d(100px,0,0) scale(.6) } html:not(.no-js) [data-aos=zoom-out]{ -webkit-transform:scale(1.2); transform:scale(1.2) } html:not(.no-js) [data-aos=zoom-out-up]{ -webkit-transform:translate3d(0,100px,0) scale(1.2); transform:translate3d(0,100px,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-down]{ -webkit-transform:translate3d(0,-100px,0) scale(1.2); transform:translate3d(0,-100px,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-right]{ -webkit-transform:translate3d(-100px,0,0) scale(1.2); transform:translate3d(-100px,0,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-left]{ -webkit-transform:translate3d(100px,0,0) scale(1.2); transform:translate3d(100px,0,0) scale(1.2) } html:not(.no-js) [data-aos^=slide][data-aos^=slide]{ transition-property:-webkit-transform; -webkit-transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; transition-property:transform,-webkit-transform; visibility:hidden } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{ visibility:visible; -webkit-transform:translateZ(0); transform:translateZ(0) } html:not(.no-js) [data-aos=slide-up]{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } html:not(.no-js) [data-aos=slide-down]{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } html:not(.no-js) [data-aos=slide-right]{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } html:not(.no-js) [data-aos=slide-left]{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } html:not(.no-js) [data-aos^=flip][data-aos^=flip]{ -webkit-backface-visibility:hidden; backface-visibility:hidden; transition-property:-webkit-transform; -webkit-transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; transition-property:transform,-webkit-transform } html:not(.no-js) [data-aos=flip-left]{ -webkit-transform:perspective(2500px) rotateY(-100deg); transform:perspective(2500px) rotateY(-100deg) } html:not(.no-js) [data-aos=flip-left].aos-animate{ -webkit-transform:perspective(2500px) rotateY(0); transform:perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-right]{ -webkit-transform:perspective(2500px) rotateY(100deg); transform:perspective(2500px) rotateY(100deg) } html:not(.no-js) [data-aos=flip-right].aos-animate{ -webkit-transform:perspective(2500px) rotateY(0); transform:perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-up]{ -webkit-transform:perspective(2500px) rotateX(-100deg); transform:perspective(2500px) rotateX(-100deg) } html:not(.no-js) [data-aos=flip-up].aos-animate{ -webkit-transform:perspective(2500px) rotateX(0); transform:perspective(2500px) rotateX(0) } html:not(.no-js) [data-aos=flip-down]{ -webkit-transform:perspective(2500px) rotateX(100deg); transform:perspective(2500px) rotateX(100deg) } html:not(.no-js) [data-aos=flip-down].aos-animate{ -webkit-transform:perspective(2500px) rotateX(0); transform:perspective(2500px) rotateX(0) } } @media screen and (max-width: 760PX) { .page-left .page { text-align: center; } .page em { display: none; } .ant-pagination-custom .pagination-count { display: none; } .quick-jumper { display: none; } .go-page { display: none !important; } } /*# sourceMappingURL=style.css.map */