Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 6
@charset "utf-8"; /*reset*/ body, button, dd, dl, dt, h1, h2, h3, h4, h5, h6, hr, input, li, ol, option, p, pre, select, td, textarea, th, ul { margin: 0; padding: 0; -webkit-box-sizing: content-box; box-sizing: content-box; outline: 0 none; } :focus, :hover { outline: 0 none; } :link, :visited { text-decoration: none; } ::-moz-focus-inner { border: 0; } article, aside, dialog, figuer, footer, header, menu, nav, section { display: block; } em, i { font-style: normal; } b, caption, h1, h2, h3, h4, h5, h6, th { font-weight: 400; } li { list-style: none; } img { border: none; -ms-interpolation-mode: bicubic; -webkit-filter: inherit; filter: inherit; vertical-align: middle; } a, s, u { text-decoration: none; } sub, sup { font-size: 67%; } textarea { border: none; background: 0 0; overflow: auto; resize: none; } button, input, select, textarea { font-family: 'Microsoft YaHei', '微软雅黑'; vertical-align: top; } input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; top: -1px; } input::-ms-clear { display: none; } input:focus { -webkit-user-modify: read-write-plaintext-only; } button, input { background: 0 0; border: none; border-radius: 0; } button, input[type=reset], input[type=button], input[type=submit] { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } a { vertical-align: baseline; } .ysqMoveBox:after, .ysqJsBox:after, .box:after, .cle:after, .list:after, .tapList:after, .container:after, .row:after, .w:after, .imax:after, .w-p:after, .w-m:after { height: 0; content: ' '; display: block; clear: both; visibility: hidden; font-size: 0; } video::-internal-media-controls-download-button { display: none; } video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } video.videoBg::-webkit-media-controls, video.videoBg::-ms-media-controls, video.videoBg::-moz-media-controls, video.videoBg::-webkit-media-controls-enclosure { display: none !important; } video.videoBg::-webkit-media-controls-panel, video.videoBg::-webkit-media-controls-panel-container, video.videoBg::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .btn, .more, .button, .link, .ctr, label, [data-fancybox] { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03); } /*--自定义部分--*/ html { margin: 0 auto; word-break: break-word; word-wrap: break-word; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .imax { position: relative; } .imax center, .imax video { margin-left: auto !important; margin-right: auto !important; display: block !important; } .imax * { max-width: 100%; white-space: normal !important; } .imax img, .imax video { height: auto !important; } .imax tr, .imax td { border-style: solid; border-width: 1px; border-color: windowtext; } .imax b, .imax th { font-weight: bold; } .imax i { font-style: italic; } .imax s { text-decoration: line-through; } .imax u { text-decoration: underline; } p, div { max-height: 10000rem; } .info, h1, h2, h3, h4, h5, h6, strong, em, b, i, span, a, s, textarea, input, select { font: inherit; font-size: 1em; color: inherit; } strong { font-weight: bold; } .oh, .shade { position: relative; overflow: hidden; } .TAlert { z-index: 99998 !important; } .shade { display: block; width: 100%; height: 100%; } .contain { position: relative; } img.fixedbg, img.bg, .pic img, .videoBg { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .icoImg { -o-object-fit: contain; object-fit: contain; } div.bg { background-size: cover; background-repeat: no-repeat; background-position: center; } .pic img { position: absolute; left: 0; top: 0; z-index: 1; border-radius: inherit; width: 100% !important; height: 100% !important; } .img img, .fiture img { position: relative; z-index: 1; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: contain; object-fit: contain; } .img.Dh img, .fiture.Dh img { width: 100%; } .img.Dv img, .fiture.Dv img { height: 100%; } ._pen, .bg, .fixedbg, .z-1, .MouseMove a, .TouchMove a, .MouseMove .skin, .TouchMove .skin, .dct { pointer-events: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .img, .pic, .vm { position: relative; overflow: hidden; display: block; font-size: 0; } .img, .fiture { text-align: center; } .img img, .vmbox { position: relative; z-index: 1; display: inline-block; max-width: 100% !important; max-height: 100% !important; width: auto; height: auto; vertical-align: middle; } .fiture img { display: inline-block; max-width: 100% !important; max-height: 100% !important; vertical-align: middle; } .imgScroll.x { overflow-x: auto; max-width: 100%; } .imgScroll.y { overflow-y: auto; } .imgScroll img { max-width: none !important; width: auto !important; height: auto !important; } .bg, .shadow, .wh100, .mask, .shade > .box, .shade > .ysqMoveBox, .shade > .ysqJsBox, .videoBg { z-index: 2; position: absolute !important; left: 0; top: 0; max-width: none !important; width: 100%; height: 100%; } .shade > .slideBox { width: 300%; } .shade [data-fancybox] { width: 100%; height: 100%; display: block; } .fixedbg { position: fixed !important; left: 0; top: 0; max-width: none !important; width: 100%; height: 100%; pointer-events: none; } .z1, .shade { z-index: 1; } .shadow { z-index: 4; } .mask { z-index: 6; } .z90 { z-index: 90; } #loadingMask { z-index: 2117 !important; } .fixedbg, .bg, .z-1 { z-index: -1; } .ctr.reject { display: none; } .reject { cursor: default; } .ysqUEO .reject { cursor: not-allowed; } .waiting { cursor: wait; } .loading, .loading-m, .load-error { background-color: #fff; background-repeat: no-repeat; background-position: center; transition: none !important; -webkit-transition: none !important; } .load-error img { display: none; } .Tt > .box, .Tt > .ysqMoveBox, .Tt > .ysqJsBox { display: none; } .Tt > .box.on, .Tt > .ysqMoveBox.on, .Tt > .ysqJsBox.on { display: block; } .Tg .btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .getWordsWidth { position: fixed; white-space: nowrap; visibility: hidden; } .getWordsWidth * { display: inline !important; } .getWordsWidth br { display: none !important; } /*布局*/ .scroll-wrap { position: relative; } .scroll-wrap.show { opacity: 1; -webkit-transition: opacity 250ms,background 250ms; transition: opacity 250ms,background 250ms; } .db { display: block!important; } .dn { display: none!important; } .ma, .w, .container { margin-left: auto; margin-right: auto; display: block; } .m0 { margin: 0!important; } .p0 { padding: 0!important; } .nw, .aft { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wsn { white-space: nowrap; } .hr { width: 100%; height: 1px; } .vr { width: 1px; height: 100%; } .h100 { height: 100% !important; } .w100 { width: 100% !important; } .t0 { top: 0; } .b0 { bottom: 0; } .l0 { left: 0; } .r0 { right: 0; } .t50 { top: 50% !important; } .l50 { left: 50% !important; } .poa { position: absolute !important; } .por { position: relative !important; } .pod { position: static !important; } .pof { position: fixed !important; } .fl, .fld, .l { float: left; } .fr, .frd, .r { float: right; } .tsn { -webkit-transition: none !important; transition: none !important; } .ts { -webkit-transition: 250ms; transition: 250ms; } /* font */ .lh1 { line-height: 1; } .ti2 { text-indent: 2em; } .ttu { text-transform: uppercase; } .wmrl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .wmlr { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .ffw { font-family: 'Microsoft YaHei', '微软雅黑' !important; } .ffh { font-family: 'SimHei', '黑体' !important; } .ffs { font-family: 'SimSun', '宋体' !important; } .ffk { font-family: 'KaiTi', '楷体' !important; } .ffa { font-family: Arial, sans-serif !important; } .ffv { font-family: verdana, sans-serif !important; } .fft { font-family: Tahoma, sans-serif !important; } .fb, .fwb { font-weight: 700; } .fwl { font-weight: 100; } .fi { font-style: italic; } .cfff { color: #fff; } .c000 { color: #000; } .c333 { color: #333; } .c666 { color: #666; } .c999 { color: #999; } .cf00 { color: #f00; } .tac { text-align: center!important; } .tal { text-align: left!important; } .tar { text-align: right!important; } .taj { text-align: justify!important; } /* css3 default */ .AniDo { position: relative; } .AniDo { opacity: 0; -webkit-transition: 0s !important; transition: 0s !important; } .lazyimg { opacity: 0; } .AniDoing, .Done { opacity: 1; -webkit-transition: .3s !important; transition: .3s !important; } .AniDone { -webkit-animation-duration: 0s !important; animation-duration: 0s !important; opacity: 1 !important; -webkit-transition: 0s !important; transition: 0s !important; -wekit-transition: 0s !important; } .lazyimg { -webkit-transition: none !important; transition: none !important; } .jsAct { -webkit-animation-duration: 133ms; animation-duration: 133ms; } .AniStart .op0 { visibility: hidden; } .AniDid .op0 { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .lazyimg.Done { -webkit-transition: opacity 0.8s, -webkit-transform 0.8s !important; -webkit-transition: opacity .8s,-webkit-transform .8s !important; transition: opacity .8s,-webkit-transform .8s !important; transition: opacity .8s,transform .8s !important; transition: opacity .8s,transform .8s,-webkit-transform .8s !important; } .AniDo, .HovAni, .ActAni { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .aniSerialize { -webkit-animation-duration: .25s; animation-duration: .25s; } .AniDoFast { -webkit-animation-duration: .4s; animation-duration: .4s; } .AniDoSlow { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .AniDoTortoise { -webkit-animation-duration: 3s; animation-duration: 3s; } .scroll-wrap { opacity: 1 !important; } .pagination { display: none; } .pagination._show { display: block; } .willdrag .box, .MouseDown .box { cursor: all-scroll; } .MouseMove .box, .MouseMove .link, .MouseMove .btn { cursor: all-scroll; } /* 下划线 */ .ysqUEO.pc .aft { display: inline-block; max-width: 100%; vertical-align: top; } .ysqUEO.pc .aft.aftl { padding-bottom: 0; } .ysqUEO.pc .aftl, .ysqUEO.pc .aftm, .ysqUEO.pc .aftr { position: relative; overflow: hidden; padding-bottom: 1px; } .aftl:hover, .aftm:hover, .aftr:hover, .tduh:hover { text-decoration: underline; } .ysqUEO.pc .aftl, .ysqUEO.pc .aftm, .ysqUEO.pc .aftr { text-decoration: none; } .ysqUEO.pc .aftl:after, .ysqUEO.pc .aftm:after, .ysqUEO.pc .aftr:after { position: absolute; bottom: 0px; content: " "; width: 0; border-bottom: solid 1px; -webkit-transition: width 0.33s,left 0.33s ; transition: width 0.33s,left 0.33s ; } .ysqUEO.pc .aftl:hover:after, .ysqUEO.pc .aftr:hover:after { width: 100%; -webkit-transition: width 0.33s; transition: width 0.33s; } /*L*/ .ysqUEO.pc .aftl:after { left: 100%; } .ysqUEO.pc .aftl:hover:after { left: 0; } /*M*/ .ysqUEO.pc .aftm:after { left: 50%; } .ysqUEO.pc .aftm:hover:after { left: 0; width: 100%; } /*R*/ .ysqUEO.pc .aftr:after { right: 100%; } .ysqUEO.pc .aftr:hover:after { right: 0; } /*style*/ @charset "utf-8"; /*! Project : 晨明电动车 +---------style.css----------+ | | | Author | yeshiqiu | | Q__Q | 337676937 | | Addr | SC_Chengdu | | Date | 2021.05.10 | | | +--!-_-!--------------!-_-!--+ */ .pf100 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pa100 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pr100 { position: relative; left: 0; top: 0; width: 100%; height: 100%; } .bge { background-color: #eee; } .bgf { background-color: #fff; } .bgf1 { background-color: #f1f1f1; } .bgf5 { background-color: #f5f5f5; } select { -webkit-appearance: none ; -moz-appearance: none ; appearance: none ; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII="); } select { background-size: 16px auto; background-position: 95% 50%; background-repeat: no-repeat; } /* 固定调用animations-start */ @-webkit-keyframes AniDotScaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50%, 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @keyframes AniDotScaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50%, 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @-webkit-keyframes fadeInRightm { 0% { opacity: 0.6; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightm { 0% { opacity: 0.6; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightm { -webkit-animation-name: fadeInRightm; animation-name: fadeInRightm; } @-webkit-keyframes fadeInLeftm { 0% { opacity: 0.6; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftm { 0% { opacity: 0.6; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftm { -webkit-animation-name: fadeInLeftm; animation-name: fadeInLeftm; } @-webkit-keyframes fadeInUpm { 0% { opacity: 0.6; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpm { 0% { opacity: 0.6; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpm { -webkit-animation-name: fadeInUpm; animation-name: fadeInUpm; } @-webkit-keyframes fadeInDownm { 0% { opacity: 0.6; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownm { 0% { opacity: 0.6; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownm { -webkit-animation-name: fadeInDownm; animation-name: fadeInDownm; } @-webkit-keyframes slideInRightm { 0% { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes slideInRightm { 0% { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { -webkit-transform: none; transform: none; } } .slideInRightm { -webkit-animation-name: slideInRightm; animation-name: slideInRightm; opacity: 1 !important; } @-webkit-keyframes slideInLeftm { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes slideInLeftm { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { -webkit-transform: none; transform: none; } } .slideInLeftm { -webkit-animation-name: slideInLeftm; animation-name: slideInLeftm; opacity: 1 !important; } @-webkit-keyframes slideInUpm { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } to { -webkit-transform: none; transform: none; } } @keyframes slideInUpm { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } to { -webkit-transform: none; transform: none; } } .slideInUpm { -webkit-animation-name: slideInUpm; animation-name: slideInUpm; opacity: 1 !important; } @-webkit-keyframes slideInDownm { 0% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { -webkit-transform: none; transform: none; } } @keyframes slideInDownm { 0% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { -webkit-transform: none; transform: none; } } .slideInDownm { -webkit-animation-name: slideInDownm; animation-name: slideInDownm; opacity: 1 !important; } @-webkit-keyframes fadeIns { 0% { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeIns { 0% { opacity: 0.5; } to { opacity: 1; } } .fadeIns { -webkit-animation-name: fadeIns; animation-name: fadeIns; } @-webkit-keyframes dotShake { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg); } 30% { -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg); } 45% { -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg); } 60% { -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg); } 75% { -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes dotShake { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg); } 30% { -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg); } 45% { -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg); } 60% { -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg); } 75% { -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .dotShake { -webkit-animation-name: dotShake; animation-name: dotShake; } @-webkit-keyframes rotate360 { 0% { -webkit-transform: none !important; transform: none !important; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate360 { 0% { -webkit-transform: none !important; transform: none !important; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .rotate360 { -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes rotateInYm { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInYm { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInYm { -webkit-animation-name: rotateInYm; animation-name: rotateInYm; } @-webkit-keyframes AniStriking { 0%, 50%, to { -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } } @keyframes AniStriking { 0%, 50%, to { -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } } .AniStriking { -webkit-animation-name: AniStriking; animation-name: AniStriking; } @-webkit-keyframes AniOpStriking { 0%, 50%, to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } } @keyframes AniOpStriking { 0%, 50%, to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 25%, 75% { opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } } .AniOpStriking { -webkit-animation-name: AniOpStriking; animation-name: AniOpStriking; } @-webkit-keyframes AniShiny { 0% { opacity: 0; } to { opacity: 1; } } @keyframes AniShiny { 0% { opacity: 0; } to { opacity: 1; } } .AniShiny { -webkit-animation-name: AniShiny; animation-name: AniShiny; } @-webkit-keyframes scaleInDown { 0% { -webkit-transform: scale(1, 1.25) translateY(20%); transform: scale(1, 1.25) translateY(20%); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%; } 100% { -webkit-transform: none !important; transform: none !important; } } @keyframes scaleInDown { 0% { -webkit-transform: scale(1, 1.25) translateY(20%); transform: scale(1, 1.25) translateY(20%); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%; } 100% { -webkit-transform: none !important; transform: none !important; } } .scaleInDown { -webkit-animation-name: scaleInDown; animation-name: scaleInDown; } @-webkit-keyframes scaleInRight { 0% { -webkit-transform: scale(1.25, 1) translateX(20%); transform: scale(1.25, 1) translateX(20%); -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%; } 100% { -webkit-transform: none !important; transform: none !important; } } @keyframes scaleInRight { 0% { -webkit-transform: scale(1.25, 1) translateX(20%); transform: scale(1.25, 1) translateX(20%); -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%; } 100% { -webkit-transform: none !important; transform: none !important; } } .scaleInRight { -webkit-animation-name: scaleInRight; animation-name: scaleInRight; } @-webkit-keyframes scaleInUp { 0% { -webkit-transform: scale(1, 1.25) translateY(-20%); transform: scale(1, 1.25) translateY(-20%); -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%; } 100% { -webkit-transform: none !important; transform: none !important; } } @keyframes scaleInUp { 0% { -webkit-transform: scale(1, 1.25) translateY(-20%); transform: scale(1, 1.25) translateY(-20%); -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%; } 100% { -webkit-transform: none !important; transform: none !important; } } .scaleInUp { -webkit-animation-name: scaleInUp; animation-name: scaleInUp; } @-webkit-keyframes scaleInLeft { 0% { -webkit-transform: scale(1.25, 1) translateX(-20%); transform: scale(1.25, 1) translateX(-20%); -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%; } 100% { -webkit-transform: none !important; transform: none !important; } } @keyframes scaleInLeft { 0% { -webkit-transform: scale(1.25, 1) translateX(-20%); transform: scale(1.25, 1) translateX(-20%); -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%; } 100% { -webkit-transform: none !important; transform: none !important; } } .scaleInLeft { -webkit-animation-name: scaleInLeft; animation-name: scaleInLeft; } @-webkit-keyframes animateStay { 0, 100% { opacity: 1; } } @keyframes animateStay { 0, 100% { opacity: 1; } } .animateStay { -webkit-animation-name: animateStay; animation-name: animateStay; } @-webkit-keyframes AniNone { 0, 100% { -webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible; } } @keyframes AniNone { 0, 100% { -webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible; } } .AniNone { -webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1; } @-webkit-keyframes AniCalmdown { } @keyframes AniCalmdown { } .AniCalmdown { -webkit-animation-name: AniCalmdown; animation-name: AniCalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none; } .waitAniTitleBlock, .waitAniBlock { display: inline-block; vertical-align: top; } .waitAniTitleBlock, .waitAniBlock { position: relative; overflow: hidden; -webkit-animation-duration: 2s !important; animation-duration: 2s !important; } .waitAniTitleBlock:before, .waitAniBlock:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background-color: currentColor; } .waitAniTitleBlock:before, .waitAniBlock:before { -webkit-transform: translateX(-105%); transform: translateX(-105%); } .waitAniTitleBlock._dirv:before, .waitAniBlock._dirv:before { -webkit-transform: translateY(-105%); transform: translateY(-105%); } .waitAniTitleBlock.AniStart .hideWord, .waitAniBlock.AniStart .hideWord, .waitAniTitleBlock.AniStart .hidePic, .waitAniBlock.AniStart .hidePic, .waitAniTitleBlock.AniStart .hideBlock, .waitAniBlock.AniStart .hideBlock { -webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden; } .waitAniTitleBlock.AniStart:before, .waitAniBlock.AniStart:before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 500ms cubic-bezier(0, 0, 0.3, 0.6) 0s; transition: all 500ms cubic-bezier(0, 0, 0.3, 0.6) 0s; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .waitAniTitleBlock.AniStart._dirv:before, .waitAniBlock.AniStart._dirv:before { -webkit-transform: translateY(0); transform: translateY(0); } .waitAniTitleBlock.AniDid .hideWord, .waitAniBlock.AniDid .hideWord, .waitAniTitleBlock.AniDid .hidePic, .waitAniBlock.AniDid .hidePic, .waitAniTitleBlock.AniDid .hideBlock, .waitAniBlock.AniDid .hideBlock { -webkit-transition: all 0ms ease-out 10ms; transition: all 0ms ease-out 10ms; opacity: 1; visibility: visible; } .waitAniTitleBlock.AniDid:before, .waitAniBlock.AniDid:before { -webkit-transform: translateX(105%); transform: translateX(105%); -webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .waitAniTitleBlock.AniDid._dirv:before, .waitAniBlock.AniDid._dirv:before { -webkit-transform: translateY(105%); transform: translateY(105%); } /* 固定调用animations-end */ /* baseCss */ .en { word-break: keep-all; } .tdu { text-decoration: underline; } .oh { position: relative; overflow: hidden; } .ma { margin-left: auto; margin-right: auto; } .dib { display: inline-block; vertical-align: top; } .vab { vertical-align: bottom; } .vam { vertical-align: middle; } .vat { vertical-align: top; } .unsel, .dct { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .insel { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .op0 { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .op1 { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .tapList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .tapList:after { display: none; } .tapList .item { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .lhd5 { height: .5em; } .reject { cursor: not-allowed; } .poss { position: static !important; } .emptyList { text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold; } .hidePoint { position: absolute; height: 0; visibility: hidden; top: 0; left: 0; } .viewport { position: relative; font-size: 0; } .pc .viewport { overflow: hidden; } .hScroll { width: 100%; white-space: nowrap; } .hScroll .scrollBox, .hScroll .overview { display: inline-block; vertical-align: top; } .wap .hScroll { overflow-x: auto; overflow-y: hidden; } .vScroll { height: 100%; } .wap .vScroll { overflow-y: auto; overflow-x: hidden; } .oScroll { width: 100%; height: 100%; } .invisible { visibility: hidden; position: absolute !important; z-index: -1; } .ensp { display: inline-block; vertical-align: middle; width: .5em; height: 1px; } .cnsp { display: inline-block; vertical-align: middle; width: 1em; height: 1px; } .pa100.link { position: absolute !important; right: 0; bottom: 0; width: auto; height: auto; z-index: 8; text-indent: -9999px; overflow: hidden; white-space: nowrap; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: left !important; } .pa4 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .bgct { background-color: transparent !important; } .enter, .reset { position: relative; overflow: hidden; } .enter .iptBtn, .reset .iptBtn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .kong { pointer-events: none; } .aniSpan { position: static !important; min-height: 1px; display: block; } .TAlert.nohead .head, .TAlert.nohead .foot { display: none; } .lazybox { z-index: 1; } .lazybox:before { content: " "; position: absolute; left: 50%; top: 50%; border-radius: 50%; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; width: 20px; height: 20px; margin: -10px 0 0 -10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-width: 2px; border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .lazybox._loaded:before { -webkit-transition: all 100ms ease-out 0ms; transition: all 100ms ease-out 0ms; opacity: 0; visibility: hidden; } .loding000 { border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); } .lodingFFF { border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1); } .scs.hbgOn img, .scst.hbgOn img, .scs:hover img, .scst:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .scs img { -webkit-transition-duration: 330ms; transition-duration: 330ms; } .scst img { -webkit-transition-duration: 330ms; transition-duration: 330ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } /* resetEnd */ .c1 { color: #d81920; } .bgc1 { background-color: #d81920; } .c2 { color: #fe8300; } .bgc2 { background-color: #fe8300; } .c3 { color: #e6e6e6; } .bgc3 { background-color: #e6e6e6; } .c1b { color: #c2161d; } .bgc1b { background-color: #c2161d; } .c4 { color: #fffc00; } .ca { color: #333333; } .cb { color: #666666; } .cs { color: #999999; } html { min-width: 440px; } @media screen and (min-width: 1025px) { html { min-width: 1200px; } } body { color: #666666; font: 14px/1 Microsoft YaHei, '微软雅黑', Arial, sans-serif; } a { color: #333333; } a.on { color: #d81920; } @media screen and (min-width: 1025px) { a:hover { color: #d81920; } } @media screen and (max-width: 1024px) { a:active { color: #d81920; } } .vmbox { font-size: 14px; line-height: 1; font-family: Microsoft YaHei, '微软雅黑'; } .info { font-size: 14px; line-height: 1.7143; } .info * { background-color: transparent !important; } .imax { font-size: 16px; line-height: 2; } @media screen and (max-width: 1024px) { .imax { font-size: 14px; line-height: 1.75; } } ::-moz-selection { background: #aa1419; color: #fff; text-shadow: none; } ::selection { background: #aa1419; color: #fff; text-shadow: none; } .pc ::-webkit-scrollbar { position: absolute; width: 8px; height: 8px; } .pc ::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.25); } .pc ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .pc ::-webkit-scrollbar-corner { background: transparent; height: 0; width: 0; } .load-error { background-image: url(../images/based/error.gif); } @font-face { font-family: "Helvetica Neue"; font-weight: normal; font-style: normal; src: url("fonts/Helvetica Neue.woff2") format("woff2"), url("fonts/Helvetica Neue.woff") format("woff"), url("fonts/Helvetica Neue.ttf") format("truetype"), url("fonts/Helvetica Neue.eot") format("embedded-opentype"), url("fonts/Helvetica Neue.svg") format("svg"), url("fonts/Helvetica Neue.otf") format("opentype"); } @font-face { font-family: "Humnst777"; src: url("fonts/Humnst777 Lt BT.woff2") format("woff2"), url("fonts/Humnst777 Lt BT.woff") format("woff"), url("fonts/Humnst777 Lt BT.ttf") format("truetype"), url("fonts/Humnst777 Lt BT.eot") format("embedded-opentype"), url("fonts/Humnst777 Lt BT.svg") format("svg"), url("fonts/Humnst777 Lt BT.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Mohave"; src: url("fonts/Mohave.woff2") format("woff2"), url("fonts/Mohave.woff") format("woff"), url("fonts/Mohave.ttf") format("truetype"), url("fonts/Mohave.eot") format("embedded-opentype"), url("fonts/Mohave.svg") format("svg"), url("fonts/Mohave.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Alien Encounters Solid"; src: url("fonts/Alien Encounters Solid.woff2") format("woff2"), url("fonts/Alien Encounters Solid.woff") format("woff"), url("fonts/Alien Encounters Solid.ttf") format("truetype"), url("fonts/Alien Encounters Solid.eot") format("embedded-opentype"), url("fonts/Alien Encounters Solid.svg") format("svg"), url("fonts/Alien Encounters Solid.otf") format("opentype"); font-weight: normal; font-style: normal; } .maxmw { width: auto; width: calc(100% - 30px); margin-left: auto !important; margin-right: auto !important; max-width: 720px; } .container, .w { -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; } @media screen and (min-width: 1025px) { .container, .w { width: 1200px; } } @media screen and (max-width: 1024px) { .container, .w { width: auto !important; width: calc(100% - 30px) !important; margin-left: auto !important; margin-right: auto !important; max-width: 720px !important; } } /* 组件 */ /* keyframes use */ .AniDo { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes fadeInRights { 0% { opacity: 0.6; -webkit-transform: translate3d(35px, 0, 0); transform: translate3d(35px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRights { 0% { opacity: 0.6; -webkit-transform: translate3d(35px, 0, 0); transform: translate3d(35px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRights { -webkit-animation-name: fadeInRights; animation-name: fadeInRights; } @-webkit-keyframes fadeInLefts { 0% { opacity: 0.6; -webkit-transform: translate3d(-35px, 0, 0); transform: translate3d(-35px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLefts { 0% { opacity: 0.6; -webkit-transform: translate3d(-35px, 0, 0); transform: translate3d(-35px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLefts { -webkit-animation-name: fadeInLefts; animation-name: fadeInLefts; } @-webkit-keyframes fadeInUps { 0% { opacity: 0.6; -webkit-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUps { 0% { opacity: 0.6; -webkit-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUps { -webkit-animation-name: fadeInUps; animation-name: fadeInUps; } @-webkit-keyframes fadeInDowns { 0% { opacity: 0.6; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDowns { 0% { opacity: 0.6; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDowns { -webkit-animation-name: fadeInDowns; animation-name: fadeInDowns; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes zoomIns { 0% { opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77); } 50%, 100% { opacity: 1; } } @keyframes zoomIns { 0% { opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77); } 50%, 100% { opacity: 1; } } .zoomIns { -webkit-animation-name: zoomIns; animation-name: zoomIns; } .AnflashOver { position: relative; overflow: hidden; -webkit-animation-duration: 333ms; animation-duration: 333ms; } .AnflashOver:before { -webkit-animation-name: AnflashOver; animation-name: AnflashOver; -webkit-animation-duration: 333ms; animation-duration: 333ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); } @-webkit-keyframes AnflashOver { 0% { -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); } to { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); } } @keyframes AnflashOver { 0% { -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); } to { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); } } @-webkit-keyframes swings { 20% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 40% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 60% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swings { 20% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 40% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 60% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swings { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swings; animation-name: swings; } @-webkit-keyframes bgHmove { 0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } } @keyframes bgHmove { 0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } } @-webkit-keyframes breath_dot { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes breath_dot { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes updownFloat { 0% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes updownFloat { 0% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .updownFloat { -webkit-animation-name: updownFloat; animation-name: updownFloat; } /* ------------------- htmls ------------------- */ .consultBtnX, .index-flow .consult-btn, .landing-section .consult-btn { display: block; margin-left: auto; margin-right: auto; margin-top: 50px; width: 144px; padding-left: 0; height: 44px; line-height: 44px; position: relative; z-index: 1; border-radius: 44px; overflow: hidden; text-align: center; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; padding-left: 290px; } .consultBtnX:before, .index-flow .consult-btn:before, .landing-section .consult-btn:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; border: #d81920 solid 1px; border-radius: 44px; } .consultBtnX .span1, .index-flow .consult-btn .span1, .landing-section .consult-btn .span1 { position: absolute; left: 0; top: 0; width: 0; text-align: center; color: #d81920; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; white-space: nowrap; } .consultBtnX .span2, .index-flow .consult-btn .span2, .landing-section .consult-btn .span2 { width: 144px; height: 44px; position: absolute; right: 0; top: 0; background-color: #d81920; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .consultBtnX .span2:after, .index-flow .consult-btn .span2:after, .landing-section .consult-btn .span2:after { content: " "; display: inline-block; vertical-align: top; width: 36px; height: 44px; background-image: url(../images/ico-touch.png); background-size: 20px auto; background-position: 100% 15px; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; pointer-events: none; } .consultBtnX .span1, .index-flow .consult-btn .span1, .landing-section .consult-btn .span1 { width: 290px; } @media screen and (min-width: 1025px) { .consultBtnX:hover .span2, .index-flow .consult-btn:hover .span2, .landing-section .consult-btn:hover .span2 { padding-right: 0; } .consultBtnX:hover .span2:after, .index-flow .consult-btn:hover .span2:after, .landing-section .consult-btn:hover .span2:after { background-size: 22px auto; background-position: 60% 10px; width: 36px; -webkit-transition: all 150ms ease-out 0s; transition: all 150ms ease-out 0s; } } @media screen and (max-width: 1024px) { .consultBtnX, .index-flow .consult-btn, .landing-section .consult-btn { margin-top: 1rem; padding-left: 240px; } .consultBtnX .span1, .index-flow .consult-btn .span1, .landing-section .consult-btn .span1 { width: 240px; } } .formItem { position: relative; } .formItem .aftPD { position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .formItem .skin::-webkit-input-placeholder { color: #999999; } .formItem .skin:-moz-placeholder { color: #999999; } .formItem .skin::-moz-placeholder { color: #999999; } .formItem .skin:-ms-input-placeholder { color: #999999; } .formItem .skin._focus { border-color: #2e9fd9 !important; /* box-shadow: 0 0 1px 2px fade(@c1,15%); */ } .formItem.red .skin { color: #f00 ; border-color: #f00 ; } .formItem.red .skin::-webkit-input-placeholder { color: #ff0000; } .formItem.red .skin:-moz-placeholder { color: #ff0000; } .formItem.red .skin::-moz-placeholder { color: #ff0000; } .formItem.red .skin:-ms-input-placeholder { color: #ff0000; } .ysqUEO .aBtnMask { position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .ysqUEO .aBtnMask:after { background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; } @media screen and (min-width: 1025px) { .ysqUEO .aBtnMask:after { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .aBtnMask:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } } .ysqUEO .aBtnSc { position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .ysqUEO .aBtnSc:after { background-color: rgba(255, 255, 255, 0.1); content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; width: 120%; padding-bottom: 120%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: -1; pointer-events: none; } @media screen and (min-width: 1025px) { .ysqUEO .aBtnSc:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .ysqUEO .aBtnSc:hover:after { -webkit-transition: all 350ms ease-in 0ms; transition: all 350ms ease-in 0ms; opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .ysqUEO .aBtnlr { position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .ysqUEO .aBtnlr:after { background-color: #d81920; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; content: " "; position: absolute; left: 100%; top: 0; width: 0; height: 100%; z-index: -1; pointer-events: none; } @media screen and (min-width: 1025px) { .ysqUEO .aBtnlr:hover:after { width: 100%; left: 0; -webkit-transition: left 0ms ease-out 0s, width 400ms ease-out 0s; transition: left 0ms ease-out 0s, width 400ms ease-out 0s; } } /* ysq _ ROW */ .ysqRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .ysqRow:after { display: none; } .ysqRow:after { display: none; } .ysqRow > .item { position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: transform 250ms,background 250ms,color 250ms; transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box; } li.kong { height: 0 !important; min-height: 0 !important; visibility: hidden; margin-top: 0 !important; } /* 滚动加载 */ .scrollAjax #loadState { position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #d81920; color: #fff; font-size: 16px; } .scrollAjax #loadState.off { background-color: #ddd; color: #333; cursor: default; cursor: not-allowed; } .scrollAjax #loadState.ing:after { content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes dotMove { 0%, 100% { content: "."; } 33% { content: ".."; } 66% { content: "..."; } } @keyframes dotMove { 0%, 100% { content: "."; } 33% { content: ".."; } 66% { content: "..."; } } .scrollAjax #loadState.retry { overflow: hidden; background-color: #d81920; cursor: pointer; } .scrollAjax #loadState.retry:before { content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 250ms ease-out 0s; transition: none 250ms ease-out 0s; } .scrollAjax #loadState.retry:hover:before { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; } .scrollAjax .pageList { display: none; } /* 模态窗 */ .TAlert { display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto; } .ysqUEO .TAlert .contain { opacity: 0; -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; -webkit-transform: scale(0.2); transform: scale(0.2); } .ysqUEO .TAlert.showUp .contain { opacity: 1; -webkit-transform: none !important; transform: none !important; } .ysqUEO .TAlert.hideOut .contain { opacity: 0; -webkit-transform: scale(0.2) !important; transform: scale(0.2) !important; } .TAlert .contain { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; } .TAlert .contain .head { border-bottom: #cccccc solid 1px; color: #333; background-color: #fff; } .TAlert .contain .body { background-color: #fff; color: #444; } .TAlert .contain .foot { position: relative; width: 100%; border-top: #cccccc solid 1px; } .TAlert .contain .foot .btn { position: absolute; top: 0; width: 50%; text-align: center; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .TAlert .contain .foot .btn.enter { left: 0; background-color: #d81920; color: #fff; } .TAlert .contain .foot .btn.close { right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333; } .TAlert .contain .foot .btn.w100 { border-left: none; } .TAlert .TAlert .contain { width: 320px; max-width: 90%; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ; } .TAlert .TAlert .contain .Tclose { position: absolute; top: 2px; right: 2px; width: 40px; height: 40px; } .TAlert .TAlert .contain .Tclose s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 20px; color: #333333; font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .ysqUEO .TAlert .TAlert .contain .Tclose s { overflow: hidden; text-indent: 120%; } .ysqUEO .TAlert .TAlert .contain .Tclose s:before, .ysqUEO .TAlert .TAlert .contain .Tclose s:after { pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; } .ysqUEO .TAlert .TAlert .contain .Tclose s:before { top: 14px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 9px; } .ysqUEO .TAlert .TAlert .contain .Tclose s:after { bottom: 14px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 9px; } @media screen and (min-width: 1025px) { .ysqUEO .TAlert .TAlert .contain .Tclose s:before, .ysqUEO .TAlert .TAlert .contain .Tclose s:after { -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; } .TAlert .TAlert .contain .Tclose s:hover { color: #333333; } } @media screen and (max-width: 1024px) { .TAlert .TAlert .contain .Tclose s:active { color: #333333; } } .TAlert .TAlert .contain .Tclose s:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .TAlert .TAlert .contain .head { padding: 10px 15px; } .TAlert .TAlert .contain .body { padding: 15px; font-size: 14px; } .TAlert .TAlert .contain .foot { height: 40px; } .TAlert .TAlert .contain .foot .btn { overflow: hidden; z-index: 0; height: 40px; line-height: 40px; font-size: 15px; } .TAlert .TAlert .contain .foot .btn:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0); } .TAlert .TAlert .contain .foot .btn:hover:before { background-color: rgba(0, 0, 0, 0.1); } .TAlert .TAlert.qrcode_ { background-color: rgba(0, 0, 0, 0.6); } .TAlert .TAlert.qrcode_ .contain { width: auto; overflow: visible; } .TAlert .TAlert.qrcode_ .contain .head { padding: 0; } .TAlert .TAlert.qrcode_ .contain .Tclose { top: -40px; right: -5px; } .TAlert .TAlert.qrcode_ .contain .Tclose s { color: #fff; } .TAlert .TAlert.qrcode_ .contain .pic { width: 160px; height: 160px; } .TAlert .TAlert.qrcode_ .contain .foot { display: none !important; } .TAlert .contain { width: 320px; max-width: 90%; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ; } .TAlert .contain .Tclose { position: absolute; top: 2px; right: 2px; width: 40px; height: 40px; } .TAlert .contain .Tclose s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 20px; color: #333333; font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .ysqUEO .TAlert .contain .Tclose s { overflow: hidden; text-indent: 120%; } .ysqUEO .TAlert .contain .Tclose s:before, .ysqUEO .TAlert .contain .Tclose s:after { pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; } .ysqUEO .TAlert .contain .Tclose s:before { top: 14px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 9px; } .ysqUEO .TAlert .contain .Tclose s:after { bottom: 14px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 9px; } @media screen and (min-width: 1025px) { .ysqUEO .TAlert .contain .Tclose s:before, .ysqUEO .TAlert .contain .Tclose s:after { -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; } .TAlert .contain .Tclose s:hover { color: #333333; } } @media screen and (max-width: 1024px) { .TAlert .contain .Tclose s:active { color: #333333; } } .TAlert .contain .Tclose s:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .TAlert .contain .head { padding: 10px 15px; } .TAlert .contain .body { padding: 15px; font-size: 14px; } .TAlert .contain .foot { height: 40px; } .TAlert .contain .foot .btn { overflow: hidden; z-index: 0; height: 40px; line-height: 40px; font-size: 15px; } .TAlert .contain .foot .btn:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0); } .TAlert .contain .foot .btn:hover:before { background-color: rgba(0, 0, 0, 0.1); } .TAlert.qrcode_ { background-color: rgba(0, 0, 0, 0.6); } .TAlert.qrcode_ .contain { width: auto; overflow: visible; } .TAlert.qrcode_ .contain .head { padding: 0; } .TAlert.qrcode_ .contain .Tclose { top: -40px; right: -5px; } .TAlert.qrcode_ .contain .Tclose s { color: #fff; } .TAlert.qrcode_ .contain .pic { width: 160px; height: 160px; } .TAlert.qrcode_ .contain .foot { display: none !important; } .pageListBox { padding-top: 0.9rem; } .pageListBox .pageList { position: relative; line-height: 34px; font-size: 0; text-align: center; white-space: nowrap; overflow-x: hidden; } .pageListBox .pageList ul { position: relative; float: none !important; } .pageListBox .pageList ul, .pageListBox .pageList ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .pageListBox .pageList ul li { margin: 0 4px; font-size: 14px; } .pageListBox .pageList a { display: block; min-width: 14px; height: 34px; padding: 0 10px; font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑'; color: #333333; z-index: 2; position: relative; background-color: transparent; color: #333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-size: 14px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .pageListBox .pageList a:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #dddddd solid 1px; z-index: -1; } .pageListBox .pageList a.selected { background-color: #d81920; color: #fff; } .pageListBox .pageList a.selected:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .pageListBox .pageList a:active:after { -webkit-transition: all 0ms ease-out 0ms !important; transition: all 0ms ease-out 0ms !important; opacity: 1 !important; visibility: visible !important; border-color: #fff; } @media screen and (min-width: 1025px) { .pageListBox .pageList { max-width: 1200px; margin-left: auto; margin-right: auto; } .pageListBox .pageList a:hover { background-color: #d81920; color: #fff; } .pageListBox .pageList a:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } } @media screen and (max-width: 1024px) { .pageListBox .pageList { overflow-x: auto; overflow-y: hidden; } .pageListBox .pageList a:active { background-color: #d81920; color: #fff; -webkit-transition: none !important; transition: none !important; } .pageListBox .pageList a:active:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } } @media screen and (max-width: 768px) { .pageListBox .pageList ul li { margin-left: 4px; margin-right: 4px; } } /*模拟滚动条*/ .module-Scrollbox { position: relative; height: 100%; } .module-Scrollbox.y { padding-right: 20px; } .module-Scrollbox.y .scrollbar { right: 0; width: 3px; height: 100%; top: 0; } .module-Scrollbox.y .scrollbar .track { position: absolute; top: 0; right: 0px; width: 3px; height: 100%; background-color: #e5e5e5; } .module-Scrollbox.y .scrollbar .thumb { height: 0; right: 0px; width: 3px; background-color: #d81920; } .module-Scrollbox.x .scrollbar { height: 3px; width: 100%; bottom: 0; } .module-Scrollbox.x .scrollbar .track { position: absolute; top: 0; right: 0; height: 3px; background-color: #e5e5e5; } .module-Scrollbox.x .scrollbar .thumb { width: 0; left: 0; height: 3px; background-color: #d81920; } .module-Scrollbox.x .overview { display: inline-block; } .module-Scrollbox .scrollbar { /* display: none; */ position: absolute; z-index: 3; right: 0; } .module-Scrollbox .scrollbar .track { position: relative; } .module-Scrollbox .scrollbar .thumb { position: absolute; top: 0; cursor: pointer; border-radius: 1.5px; -webkit-transition: all 80ms ease-out 0s; transition: all 80ms ease-out 0s; } .module-Scrollbox .scrollbar .thumb .end { height: 3px; width: 3px; } .module-Scrollbox .viewport { position: relative; overflow: hidden; width: 100%; height: 100%; } .module-Scrollbox .overview { position: relative; -webkit-transition: all 150ms ease-in 0s; transition: all 150ms ease-in 0s; } .module-Scrollbox .disable { display: none; } @media screen and (max-width: 1024px) { .module-Scrollbox { overflow: auto; padding-right: 0; } .module-Scrollbox .viewport { width: auto; height: auto; } .module-Scrollbox .scrollbar { display: none !important; } } html { font-size: 50px; } @media screen and (max-width: 1600px) { html { font-size: 40px; } } @media screen and (max-width: 1024px) { html { font-size: 30px; } } @media screen and (max-width: 768px) { html { font-size: 25px; } } @media screen and (max-width: 560px) { html { font-size: 20px; } } @media screen and (max-width: 1024px) { .fzRes { font-size: 100px; } } @media screen and (max-width: 749px) { .fzRes { font-size: 90px; } } @media screen and (max-width: 699px) { .fzRes { font-size: 85px; } } @media screen and (max-width: 649px) { .fzRes { font-size: 80px; } } @media screen and (max-width: 599px) { .fzRes { font-size: 75px; } } @media screen and (max-width: 549px) { .fzRes { font-size: 70px; } } @media screen and (max-width: 499px) { .fzRes { font-size: 65px; } } @media screen and (max-width: 449px) { .fzRes { font-size: 60px; } } .fz60, .sAbout-intro .digitalData .col .sdt i, .index-about .digitalData .col .sdt i { font-size: 60px; } @media screen and (max-width: 1024px) { .fz60, .sAbout-intro .digitalData .col .sdt i, .index-about .digitalData .col .sdt i { font-size: 42px; } } @media screen and (max-width: 768px) { .fz60, .sAbout-intro .digitalData .col .sdt i, .index-about .digitalData .col .sdt i { font-size: 32px; } } .fz48, .subpage-head .en, .index-head .en, .index-head2 .en, .landing-head.skin1, .landing-project .head .sdt, .landing-project .head2 .sdt { font-size: 48px; } @media screen and (max-width: 1024px) { .fz48, .subpage-head .en, .index-head .en, .index-head2 .en, .landing-head.skin1, .landing-project .head .sdt, .landing-project .head2 .sdt { font-size: 36px; } } @media screen and (max-width: 768px) { .fz48, .subpage-head .en, .index-head .en, .index-head2 .en, .landing-head.skin1, .landing-project .head .sdt, .landing-project .head2 .sdt { font-size: 28px; } } .fz40, .index-banner .fns .counts .now { font-size: 40px; } @media screen and (max-width: 1024px) { .fz40, .index-banner .fns .counts .now { font-size: 30px; } } .fz36, .subpage-head .cn, .index-system .oList .oLi .txt .wrapIn { font-size: 36px; } @media screen and (max-width: 1024px) { .fz36, .subpage-head .cn, .index-system .oList .oLi .txt .wrapIn { font-size: 28px; } } @media screen and (max-width: 768px) { .fz36, .subpage-head .cn, .index-system .oList .oLi .txt .wrapIn { font-size: 24px; } } .fz32, .sProject-list .item .snum, .sProject-list .item .txt .title, .sContact-intro .head .dib, .index-head2 .cn, .landing-project .list .item .txt .snum, .landing-project .list .item .txt .dt .p1 { font-size: 32px; } @media screen and (max-width: 1024px) { .fz32, .sProject-list .item .snum, .sProject-list .item .txt .title, .sContact-intro .head .dib, .index-head2 .cn, .landing-project .list .item .txt .snum, .landing-project .list .item .txt .dt .p1 { font-size: 24px; } } .fz28, .sAfterSale-section2 .head, .sAbout-factory .head, .index-head .cn, .landing-project .list .item .txt .dt .p2 { font-size: 28px; } @media screen and (max-width: 1024px) { .fz28, .sAfterSale-section2 .head, .sAbout-factory .head, .index-head .cn, .landing-project .list .item .txt .dt .p2 { font-size: 20px; } } .fz24, .subpage-head .aside, .sProduct-intro .head .title, .sProduct-project-tab .Tg .btn .wrapIn, .sCase-intro .head .title, .sAfterSale-section2 .list6 .item .dt, .sQuestion-list .item .question .snum, .sAbout-culture .oList .oLi .txt .wrapIn .dt, .sContact-intro .head .btn, .sContact-list .item .txt .title, .index-banner .fns .counts .all, .index-informations .contain .head .this, .index-informations-inform .dt, .landing-product-tab .Tg .btn1 { font-size: 24px; } @media screen and (max-width: 1024px) { .fz24, .subpage-head .aside, .sProduct-intro .head .title, .sProduct-project-tab .Tg .btn .wrapIn, .sCase-intro .head .title, .sAfterSale-section2 .list6 .item .dt, .sQuestion-list .item .question .snum, .sAbout-culture .oList .oLi .txt .wrapIn .dt, .sContact-intro .head .btn, .sContact-list .item .txt .title, .index-banner .fns .counts .all, .index-informations .contain .head .this, .index-informations-inform .dt, .landing-product-tab .Tg .btn1 { font-size: 18px; } } .fz20, .consultBtnX .span1, .sProduct-list .item .txt .title, .sProduct-relative-resMove .item .txt .title, .sMaintenance-tab .contain .Tg .btn .wrapIn, .sQuestion-list .item .question .title, .sContact-intro .oList .oLi .sdt, .index-flow .consult-btn .span1, .landing-section .consult-btn .span1 { font-size: 20px; } @media screen and (max-width: 1024px) { .fz20, .consultBtnX .span1, .sProduct-list .item .txt .title, .sProduct-relative-resMove .item .txt .title, .sMaintenance-tab .contain .Tg .btn .wrapIn, .sQuestion-list .item .question .title, .sContact-intro .oList .oLi .sdt, .index-flow .consult-btn .span1, .landing-section .consult-btn .span1 { font-size: 16px; } } .fz18, .consultBtnX .span2, .landing-btn1, .index-flow .consult-btn .span2, .landing-section .consult-btn .span2 { font-size: 18px; } @media screen and (max-width: 1024px) { .fz18, .consultBtnX .span2, .landing-btn1, .index-flow .consult-btn .span2, .landing-section .consult-btn .span2 { font-size: 14px; } } .fz16 { font-size: 16px; } @media screen and (max-width: 1440px) { .fz16 { font-size: 14px; } } .fz14 { font-size: 14px; } @media screen and (max-width: 1440px) { .fz14 { font-size: 12px; } } .fzx16, .floatMessageBoard .Tt .formCheck, .footer-b, .subpage-nav .link2, .subpage-thirdNav .link3, .subpage-form, .sNews-list .item .txt .title, .sNews-view-head .aside, .sView-foot .ctr, .sView-foot .backToList, .sView-foot2, .sProduct-list .item .txt .abstract, .sProduct-filter .sel-Line, .sProduct-intro .head .abstract, .sProduct-detail-section .head .consult_btns .btn, .sProduct-parameter-tab .Tg .btn, .sProduct-parameter-table .tr, .sProduct-relative-resMove .item .txt .abstract, .sProduct-project-tab .Tt .box .txt, .sCase-relative-resMove .item .title, .sCase-list .item .title, .sCase-switch .Tt .box .wrapIn .abstract, .sFactory-resMove .item .title, .sAfterSale-section2 .aside, .sAfterSale-section2 .list6 .item .dd, .sDepreciation-list .item .title, .sComponent-list .item .title, .sProject-list .item .txt .oList .oLi, .sAbout-intro .digitalData .col .sdd, .sAbout-factory .description, .sAbout-culture .oList .oLi .txt .wrapIn .dd, .sHonor-brand .oList .oLi .dt span, .sTerritory-distribution .description, .sHr-list, .sContact-intro .oList .oLi .sdd, .index-about .digitalData .col .sdd, .index-about .lr .right .body, .index-about .lr .right .more, .index-system .oList .oLi .txt .dd .abstract, .index-flow .oList .oLi p, .index-case-tab .Tg .btn, .index-case-swiper .item .title, .index-informations .contain .head .more, .index-informations-news .item, .landing-product-list .item .title, .landing-axdvantage .body .item .sdd, .landing-service .oList .oLi, .landing-project .list .item .txt .oList .oLi, .landing-case-tab .Tg .btn { font-size: 16px; } @media screen and (max-width: 1024px) { .fzx16, .floatMessageBoard .Tt .formCheck, .footer-b, .subpage-nav .link2, .subpage-thirdNav .link3, .subpage-form, .sNews-list .item .txt .title, .sNews-view-head .aside, .sView-foot .ctr, .sView-foot .backToList, .sView-foot2, .sProduct-list .item .txt .abstract, .sProduct-filter .sel-Line, .sProduct-intro .head .abstract, .sProduct-detail-section .head .consult_btns .btn, .sProduct-parameter-tab .Tg .btn, .sProduct-parameter-table .tr, .sProduct-relative-resMove .item .txt .abstract, .sProduct-project-tab .Tt .box .txt, .sCase-relative-resMove .item .title, .sCase-list .item .title, .sCase-switch .Tt .box .wrapIn .abstract, .sFactory-resMove .item .title, .sAfterSale-section2 .aside, .sAfterSale-section2 .list6 .item .dd, .sDepreciation-list .item .title, .sComponent-list .item .title, .sProject-list .item .txt .oList .oLi, .sAbout-intro .digitalData .col .sdd, .sAbout-factory .description, .sAbout-culture .oList .oLi .txt .wrapIn .dd, .sHonor-brand .oList .oLi .dt span, .sTerritory-distribution .description, .sHr-list, .sContact-intro .oList .oLi .sdd, .index-about .digitalData .col .sdd, .index-about .lr .right .body, .index-about .lr .right .more, .index-system .oList .oLi .txt .dd .abstract, .index-flow .oList .oLi p, .index-case-tab .Tg .btn, .index-case-swiper .item .title, .index-informations .contain .head .more, .index-informations-news .item, .landing-product-list .item .title, .landing-axdvantage .body .item .sdd, .landing-service .oList .oLi, .landing-project .list .item .txt .oList .oLi, .landing-case-tab .Tg .btn { font-size: 14px; } } @media screen and (min-width: 1025px) { .pc-hide, .m-link { display: none !important; } } @media screen and (max-width: 1024px) { .m-hide { display: none !important; } .m-link { display: block; z-index: 11; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); } } /* 自定义响应结构 */ .ctr.ctr_pdtView { z-index: 20; position: absolute; right: 0; top: 50%; margin-top: -28px; width: 56px; height: 56px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ctr.ctr_pdtView:before, .ctr.ctr_pdtView:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; } .ctr.ctr_pdtView:before { z-index: -1; pointer-events: none; background-image: url(../images/arrows-pdtView.png); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ctr.ctr_pdtView:after { z-index: -2; pointer-events: none; border: #d81920 solid 1px; } .ctr.ctr_pdtView > span { position: absolute; left: 0; width: 100%; top: 100%; margin-top: 0.4rem; text-align: center; font-size: 14px; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ctr.ctr_pdtView.prev { left: 0; } .ctr.ctr_pdtView.prev:before { background-position: 0 0; } .ctr.ctr_pdtView.prev:hover:before { margin-left: -5px; } .ctr.ctr_pdtView.prev:hover > span { color: #d81920; } .ctr.ctr_pdtView.next { right: 0; } .ctr.ctr_pdtView.next:before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .ctr.ctr_pdtView.next:hover:before { margin-right: -5px; } .ctr.ctr_pdtView.next:hover > span { color: #d81920; } .ctr.ctr_pdtView[href="#"], .ctr.ctr_pdtView[href=""] { cursor: not-allowed; } .ctr.ctr_pdtView[href="#"] > span, .ctr.ctr_pdtView[href=""] > span { color: #999999 !important; } .ctr.ctr_pdtView[href="#"]:before, .ctr.ctr_pdtView[href=""]:before { -webkit-filter: grayscale(100%); filter: grayscale(100%); margin: 0 !important; } .ctr.ctr_pdtView[href="#"]:after, .ctr.ctr_pdtView[href=""]:after { border-color: #999999; background-color: #eee; } @media screen and (max-width: 1024px) { .ctr.ctr_pdtView { margin-top: -18px; width: 36px; height: 36px; } .ctr.ctr_pdtView > span { display: none; } } .ctr.ctr_pdtAlbum { display: none; z-index: 20; position: absolute; top: 50%; margin-top: -30px; width: 40px; height: 60px; line-height: 60px; color: #333333; } .ctr.ctr_pdtAlbum s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 36px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_pdtAlbum s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_pdtAlbum s:before, .ysqUEO .ctr.ctr_pdtAlbum s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 18px; height: 2.5px; margin-top: -1.25px; background-color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_pdtAlbum:hover { color: #d81920; } } @media screen and (max-width: 1024px) { .ctr.ctr_pdtAlbum:active { color: #d81920; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_pdtAlbum { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_pdtAlbum s:before, .ysqUEO .ctr.ctr_pdtAlbum s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_pdtAlbum:hover s:before, .ysqUEO .ctr.ctr_pdtAlbum:hover s:after { background-color: #d81920; } } @media screen and (max-width: 1024px) { .ctr.ctr_pdtAlbum:active s:before, .ctr.ctr_pdtAlbum:active s:after { background-color: #d81920; } } .ysqUEO .ctr.ctr_pdtAlbum.prev s:before, .ysqUEO .ctr.ctr_pdtAlbum.prev s:after { margin-left: -6.5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_pdtAlbum.prev s:before { -webkit-transform: rotate(-42deg) translateX(-1.25px); transform: rotate(-42deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_pdtAlbum.prev s:after { -webkit-transform: rotate(42deg) translateX(-1.25px); transform: rotate(42deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_pdtAlbum.next s:before, .ysqUEO .ctr.ctr_pdtAlbum.next s:after { margin-left: -11.5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_pdtAlbum.next s:before { -webkit-transform: rotate(-42deg) translateX(1.25px); transform: rotate(-42deg) translateX(1.25px); } .ysqUEO .ctr.ctr_pdtAlbum.next s:after { -webkit-transform: rotate(42deg) translateX(1.25px); transform: rotate(42deg) translateX(1.25px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_pdtAlbum.prev:hover s:before { -webkit-transform: rotate(-46deg) translateX(-1.25px); transform: rotate(-46deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_pdtAlbum.prev:hover s:after { -webkit-transform: rotate(46deg) translateX(-1.25px); transform: rotate(46deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_pdtAlbum.next:hover s:before { -webkit-transform: rotate(-46deg) translateX(1.25px); transform: rotate(-46deg) translateX(1.25px); } .ysqUEO .ctr.ctr_pdtAlbum.next:hover s:after { -webkit-transform: rotate(46deg) translateX(1.25px); transform: rotate(46deg) translateX(1.25px); } } @media screen and (max-width: 1024px) { .ctr.ctr_pdtAlbum.prev:active s:before, .ctr.ctr_pdtAlbum.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_pdtAlbum.prev:active s:before { -webkit-transform: rotate(-46deg) translateX(-1.25px); transform: rotate(-46deg) translateX(-1.25px); } .ctr.ctr_pdtAlbum.prev:active s:after { -webkit-transform: rotate(46deg) translateX(-1.25px); transform: rotate(46deg) translateX(-1.25px); } .ctr.ctr_pdtAlbum.next:active s:before, .ctr.ctr_pdtAlbum.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_pdtAlbum.next:active s:before { -webkit-transform: rotate(-46deg) translateX(1.25px); transform: rotate(-46deg) translateX(1.25px); } .ctr.ctr_pdtAlbum.next:active s:after { -webkit-transform: rotate(46deg) translateX(1.25px); transform: rotate(46deg) translateX(1.25px); } } .ctr.ctr_pdtAlbum.prev { left: 0; } .ctr.ctr_pdtAlbum.next { right: 0; } @media screen and (max-width: 1024px) { .ctr.ctr_pdtAlbum { width: 30px; height: 45px; margin-top: -22.5px; } .ctr.ctr_pdtAlbum s { -webkit-transform: scale(0.75); transform: scale(0.75); } .ctr.ctr_pdtAlbum:active { color: #fff; -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_pdtAlbum:active:after { background-color: #d81920 !important; -webkit-transition: 0ms; transition: 0ms; } } .ctr.ctr_navLR { z-index: 20; position: absolute; right: 0; top: 0; width: 32px; height: 100%; background-color: #c2161d; color: #ffffff; } .ctr.ctr_navLR.reject { display: none; } .ctr.ctr_navLR s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 20px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_navLR s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_navLR s:before, .ysqUEO .ctr.ctr_navLR s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; margin-top: -1px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_navLR:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_navLR:active { color: #ffffff; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_navLR { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_navLR s:before, .ysqUEO .ctr.ctr_navLR s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_navLR:hover s:before, .ysqUEO .ctr.ctr_navLR:hover s:after { background-color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_navLR:active s:before, .ctr.ctr_navLR:active s:after { background-color: #ffffff; } } .ysqUEO .ctr.ctr_navLR.prev s:before, .ysqUEO .ctr.ctr_navLR.prev s:after { margin-left: -3px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_navLR.prev s:before { -webkit-transform: rotate(-35deg) translateX(-1px); transform: rotate(-35deg) translateX(-1px); } .ysqUEO .ctr.ctr_navLR.prev s:after { -webkit-transform: rotate(35deg) translateX(-1px); transform: rotate(35deg) translateX(-1px); } .ysqUEO .ctr.ctr_navLR.next s:before, .ysqUEO .ctr.ctr_navLR.next s:after { margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_navLR.next s:before { -webkit-transform: rotate(-35deg) translateX(1px); transform: rotate(-35deg) translateX(1px); } .ysqUEO .ctr.ctr_navLR.next s:after { -webkit-transform: rotate(35deg) translateX(1px); transform: rotate(35deg) translateX(1px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_navLR.prev:hover s:before { -webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px); } .ysqUEO .ctr.ctr_navLR.prev:hover s:after { -webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px); } .ysqUEO .ctr.ctr_navLR.next:hover s:before { -webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px); } .ysqUEO .ctr.ctr_navLR.next:hover s:after { -webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px); } } @media screen and (max-width: 1024px) { .ctr.ctr_navLR.prev:active s:before, .ctr.ctr_navLR.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_navLR.prev:active s:before { -webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px); } .ctr.ctr_navLR.prev:active s:after { -webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px); } .ctr.ctr_navLR.next:active s:before, .ctr.ctr_navLR.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_navLR.next:active s:before { -webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px); } .ctr.ctr_navLR.next:active s:after { -webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px); } } .ctr.ctr_navLR.prev { left: 0; } .ctr.ctr_navLR.next { right: 0; } .ctr.ctr_circle { display: none; z-index: 20; position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 50%; background-color: #d81920; color: #ffffff; } .ctr.ctr_circle s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 20px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_circle s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_circle s:before, .ysqUEO .ctr.ctr_circle s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; margin-top: -1px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_circle:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_circle:active { color: #ffffff; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_circle { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_circle s:before, .ysqUEO .ctr.ctr_circle s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_circle:hover s:before, .ysqUEO .ctr.ctr_circle:hover s:after { background-color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_circle:active s:before, .ctr.ctr_circle:active s:after { background-color: #ffffff; } } .ysqUEO .ctr.ctr_circle.prev s:before, .ysqUEO .ctr.ctr_circle.prev s:after { margin-left: -3px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_circle.prev s:before { -webkit-transform: rotate(-44deg) translateX(-1px); transform: rotate(-44deg) translateX(-1px); } .ysqUEO .ctr.ctr_circle.prev s:after { -webkit-transform: rotate(44deg) translateX(-1px); transform: rotate(44deg) translateX(-1px); } .ysqUEO .ctr.ctr_circle.next s:before, .ysqUEO .ctr.ctr_circle.next s:after { margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_circle.next s:before { -webkit-transform: rotate(-44deg) translateX(1px); transform: rotate(-44deg) translateX(1px); } .ysqUEO .ctr.ctr_circle.next s:after { -webkit-transform: rotate(44deg) translateX(1px); transform: rotate(44deg) translateX(1px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_circle.prev:hover s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ysqUEO .ctr.ctr_circle.prev:hover s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ysqUEO .ctr.ctr_circle.next:hover s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ysqUEO .ctr.ctr_circle.next:hover s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } @media screen and (max-width: 1024px) { .ctr.ctr_circle.prev:active s:before, .ctr.ctr_circle.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_circle.prev:active s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ctr.ctr_circle.prev:active s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ctr.ctr_circle.next:active s:before, .ctr.ctr_circle.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_circle.next:active s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ctr.ctr_circle.next:active s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } .ctr.ctr_circle.prev { left: 0; } .ctr.ctr_circle.next { right: 0; } .ctr.ctr_pdt { display: none; z-index: 20; position: absolute; width: 48px; height: 48px; line-height: 48px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 50%; color: #d81920; } .ctr.ctr_pdt:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; border: #d81920 solid 1px; border-radius: 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ctr.ctr_pdt s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 32px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_pdt s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_pdt s:before, .ysqUEO .ctr.ctr_pdt s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 3px; margin-top: -1.5px; background-color: #d81920; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_pdt:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_pdt:active { color: #ffffff; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_pdt { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_pdt s:before, .ysqUEO .ctr.ctr_pdt s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_pdt:hover s:before, .ysqUEO .ctr.ctr_pdt:hover s:after { background-color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_pdt:active s:before, .ctr.ctr_pdt:active s:after { background-color: #ffffff; } } .ysqUEO .ctr.ctr_pdt.prev s:before, .ysqUEO .ctr.ctr_pdt.prev s:after { margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_pdt.prev s:before { -webkit-transform: rotate(-44deg) translateX(-1.5px); transform: rotate(-44deg) translateX(-1.5px); } .ysqUEO .ctr.ctr_pdt.prev s:after { -webkit-transform: rotate(44deg) translateX(-1.5px); transform: rotate(44deg) translateX(-1.5px); } .ysqUEO .ctr.ctr_pdt.next s:before, .ysqUEO .ctr.ctr_pdt.next s:after { margin-left: -11px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_pdt.next s:before { -webkit-transform: rotate(-44deg) translateX(1.5px); transform: rotate(-44deg) translateX(1.5px); } .ysqUEO .ctr.ctr_pdt.next s:after { -webkit-transform: rotate(44deg) translateX(1.5px); transform: rotate(44deg) translateX(1.5px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_pdt.prev:hover s:before { -webkit-transform: rotate(-50deg) translateX(-1.5px); transform: rotate(-50deg) translateX(-1.5px); } .ysqUEO .ctr.ctr_pdt.prev:hover s:after { -webkit-transform: rotate(50deg) translateX(-1.5px); transform: rotate(50deg) translateX(-1.5px); } .ysqUEO .ctr.ctr_pdt.next:hover s:before { -webkit-transform: rotate(-50deg) translateX(1.5px); transform: rotate(-50deg) translateX(1.5px); } .ysqUEO .ctr.ctr_pdt.next:hover s:after { -webkit-transform: rotate(50deg) translateX(1.5px); transform: rotate(50deg) translateX(1.5px); } } @media screen and (max-width: 1024px) { .ctr.ctr_pdt.prev:active s:before, .ctr.ctr_pdt.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_pdt.prev:active s:before { -webkit-transform: rotate(-50deg) translateX(-1.5px); transform: rotate(-50deg) translateX(-1.5px); } .ctr.ctr_pdt.prev:active s:after { -webkit-transform: rotate(50deg) translateX(-1.5px); transform: rotate(50deg) translateX(-1.5px); } .ctr.ctr_pdt.next:active s:before, .ctr.ctr_pdt.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_pdt.next:active s:before { -webkit-transform: rotate(-50deg) translateX(1.5px); transform: rotate(-50deg) translateX(1.5px); } .ctr.ctr_pdt.next:active s:after { -webkit-transform: rotate(50deg) translateX(1.5px); transform: rotate(50deg) translateX(1.5px); } } @media screen and (min-width: 1025px) { .ctr.ctr_pdt:hover:after { background-color: #d81920; } } @media screen and (max-width: 1024px) { .ctr.ctr_pdt:active:after { background-color: #d81920; -webkit-transition: 0ms; transition: 0ms; } } .ctr.ctr_banner { display: none; z-index: 20; position: absolute; top: 50%; margin-top: -18px; width: 24px; height: 36px; line-height: 36px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; color: #d81920; color: #ffffff; } .ctr.ctr_banner s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 36px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_banner s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_banner s:before, .ysqUEO .ctr.ctr_banner s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin-top: -1px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_banner:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_banner:active { color: #ffffff; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_banner { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_banner s:before, .ysqUEO .ctr.ctr_banner s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_banner:hover s:before, .ysqUEO .ctr.ctr_banner:hover s:after { background-color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_banner:active s:before, .ctr.ctr_banner:active s:after { background-color: #ffffff; } } .ysqUEO .ctr.ctr_banner.prev s:before, .ysqUEO .ctr.ctr_banner.prev s:after { margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_banner.prev s:before { -webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px); } .ysqUEO .ctr.ctr_banner.prev s:after { -webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px); } .ysqUEO .ctr.ctr_banner.next s:before, .ysqUEO .ctr.ctr_banner.next s:after { margin-left: -11px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_banner.next s:before { -webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px); } .ysqUEO .ctr.ctr_banner.next s:after { -webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_banner.prev:hover s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ysqUEO .ctr.ctr_banner.prev:hover s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ysqUEO .ctr.ctr_banner.next:hover s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ysqUEO .ctr.ctr_banner.next:hover s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } @media screen and (max-width: 1024px) { .ctr.ctr_banner.prev:active s:before, .ctr.ctr_banner.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_banner.prev:active s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ctr.ctr_banner.prev:active s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ctr.ctr_banner.next:active s:before, .ctr.ctr_banner.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_banner.next:active s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ctr.ctr_banner.next:active s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } .ctr.ctr_banner.prev { left: 0; } .ctr.ctr_banner.next { right: 0; } .ctr.ctr_event { display: none; z-index: 20; position: absolute; top: 50%; margin-top: -50px; width: 60px; height: 100px; line-height: 100px; color: #b9b9b9; } .ctr.ctr_event s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 64px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_event s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_event s:before, .ysqUEO .ctr.ctr_event s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 32px; height: 2.5px; margin-top: -1.25px; background-color: #b9b9b9; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_event:hover { color: #d81920; } } @media screen and (max-width: 1024px) { .ctr.ctr_event:active { color: #d81920; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_event { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_event s:before, .ysqUEO .ctr.ctr_event s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_event:hover s:before, .ysqUEO .ctr.ctr_event:hover s:after { background-color: #d81920; } } @media screen and (max-width: 1024px) { .ctr.ctr_event:active s:before, .ctr.ctr_event:active s:after { background-color: #d81920; } } .ysqUEO .ctr.ctr_event.prev s:before, .ysqUEO .ctr.ctr_event.prev s:after { margin-left: -13.5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_event.prev s:before { -webkit-transform: rotate(-42deg) translateX(-1.25px); transform: rotate(-42deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_event.prev s:after { -webkit-transform: rotate(42deg) translateX(-1.25px); transform: rotate(42deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_event.next s:before, .ysqUEO .ctr.ctr_event.next s:after { margin-left: -18.5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_event.next s:before { -webkit-transform: rotate(-42deg) translateX(1.25px); transform: rotate(-42deg) translateX(1.25px); } .ysqUEO .ctr.ctr_event.next s:after { -webkit-transform: rotate(42deg) translateX(1.25px); transform: rotate(42deg) translateX(1.25px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_event.prev:hover s:before { -webkit-transform: rotate(-46deg) translateX(-1.25px); transform: rotate(-46deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_event.prev:hover s:after { -webkit-transform: rotate(46deg) translateX(-1.25px); transform: rotate(46deg) translateX(-1.25px); } .ysqUEO .ctr.ctr_event.next:hover s:before { -webkit-transform: rotate(-46deg) translateX(1.25px); transform: rotate(-46deg) translateX(1.25px); } .ysqUEO .ctr.ctr_event.next:hover s:after { -webkit-transform: rotate(46deg) translateX(1.25px); transform: rotate(46deg) translateX(1.25px); } } @media screen and (max-width: 1024px) { .ctr.ctr_event.prev:active s:before, .ctr.ctr_event.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_event.prev:active s:before { -webkit-transform: rotate(-46deg) translateX(-1.25px); transform: rotate(-46deg) translateX(-1.25px); } .ctr.ctr_event.prev:active s:after { -webkit-transform: rotate(46deg) translateX(-1.25px); transform: rotate(46deg) translateX(-1.25px); } .ctr.ctr_event.next:active s:before, .ctr.ctr_event.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_event.next:active s:before { -webkit-transform: rotate(-46deg) translateX(1.25px); transform: rotate(-46deg) translateX(1.25px); } .ctr.ctr_event.next:active s:after { -webkit-transform: rotate(46deg) translateX(1.25px); transform: rotate(46deg) translateX(1.25px); } } .ctr.ctr_event.prev { left: 0; } .ctr.ctr_event.next { right: 0; } @media screen and (max-width: 1024px) { .ctr.ctr_event { width: 30px; height: 50px; margin-top: -25px; } .ctr.ctr_event s { -webkit-transform: scale(0.4); transform: scale(0.4); } .ctr.ctr_event:active { color: #fff; -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_event:active:after { background-color: #d81920 !important; -webkit-transition: 0ms; transition: 0ms; } } .ctr.ctr_case { display: none; z-index: 20; position: absolute; width: 48px; height: 48px; line-height: 48px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; background-color: #e0e0e0; color: #d81920; } @media screen and (min-width: 1025px) { .ctr.ctr_case:hover { background-color: #d81920; color: #fff; } } @media screen and (max-width: 1024px) { .ctr.ctr_case { width: 32px; height: 48px; } .ctr.ctr_case:active { background-color: #d81920; color: #fff; -webkit-transition: 0ms; transition: 0ms; } } .ctr.ctr_case s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 24px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_case s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_case s:before, .ysqUEO .ctr.ctr_case s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin-top: -1px; background-color: #d81920; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_case:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_case:active { color: #ffffff; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_case { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_case s:before, .ysqUEO .ctr.ctr_case s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_case:hover s:before, .ysqUEO .ctr.ctr_case:hover s:after { background-color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_case:active s:before, .ctr.ctr_case:active s:after { background-color: #ffffff; } } .ysqUEO .ctr.ctr_case.prev s:before, .ysqUEO .ctr.ctr_case.prev s:after { margin-left: -4px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_case.prev s:before { -webkit-transform: rotate(-44deg) translateX(-1px); transform: rotate(-44deg) translateX(-1px); } .ysqUEO .ctr.ctr_case.prev s:after { -webkit-transform: rotate(44deg) translateX(-1px); transform: rotate(44deg) translateX(-1px); } .ysqUEO .ctr.ctr_case.next s:before, .ysqUEO .ctr.ctr_case.next s:after { margin-left: -8px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_case.next s:before { -webkit-transform: rotate(-44deg) translateX(1px); transform: rotate(-44deg) translateX(1px); } .ysqUEO .ctr.ctr_case.next s:after { -webkit-transform: rotate(44deg) translateX(1px); transform: rotate(44deg) translateX(1px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_case.prev:hover s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ysqUEO .ctr.ctr_case.prev:hover s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ysqUEO .ctr.ctr_case.next:hover s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ysqUEO .ctr.ctr_case.next:hover s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } @media screen and (max-width: 1024px) { .ctr.ctr_case.prev:active s:before, .ctr.ctr_case.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_case.prev:active s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ctr.ctr_case.prev:active s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ctr.ctr_case.next:active s:before, .ctr.ctr_case.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_case.next:active s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ctr.ctr_case.next:active s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } .ctr.ctr_caseAlbum { display: none; z-index: 20; position: absolute; width: 64px; height: 128px; line-height: 128px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; top: 50%; margin-top: -64px; overflow: hidden; color: #ffffff; } .ctr.ctr_caseAlbum:after { content: " "; position: absolute; top: 0; width: 128px; height: 128px; border-radius: 128px; background-color: #d81920; z-index: -1; pointer-events: none; } .ctr.ctr_caseAlbum.prev:after { right: 0; } .ctr.ctr_caseAlbum.next:after { left: 0; } @media screen and (max-width: 1024px) { .ctr.ctr_caseAlbum { width: 32px; height: 64px; line-height: 64px; margin-top: -32px; } .ctr.ctr_caseAlbum:after { width: 64px; height: 64px; border-radius: 64px; } .ctr.ctr_caseAlbum s { -webkit-transform: scale(0.75); transform: scale(0.75); } } .ctr.ctr_caseAlbum s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 32px; font-weight: bold; pointer-events: none; } .ysqUEO .ctr.ctr_caseAlbum s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; } .ysqUEO .ctr.ctr_caseAlbum s:before, .ysqUEO .ctr.ctr_caseAlbum s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin-top: -1px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .ctr.ctr_caseAlbum:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_caseAlbum:active { color: #ffffff; } } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_caseAlbum { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .ctr.ctr_caseAlbum s:before, .ysqUEO .ctr.ctr_caseAlbum s:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .ysqUEO .ctr.ctr_caseAlbum:hover s:before, .ysqUEO .ctr.ctr_caseAlbum:hover s:after { background-color: #ffffff; } } @media screen and (max-width: 1024px) { .ctr.ctr_caseAlbum:active s:before, .ctr.ctr_caseAlbum:active s:after { background-color: #ffffff; } } .ysqUEO .ctr.ctr_caseAlbum.prev s:before, .ysqUEO .ctr.ctr_caseAlbum.prev s:after { margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ysqUEO .ctr.ctr_caseAlbum.prev s:before { -webkit-transform: rotate(-44deg) translateX(-1px); transform: rotate(-44deg) translateX(-1px); } .ysqUEO .ctr.ctr_caseAlbum.prev s:after { -webkit-transform: rotate(44deg) translateX(-1px); transform: rotate(44deg) translateX(-1px); } .ysqUEO .ctr.ctr_caseAlbum.next s:before, .ysqUEO .ctr.ctr_caseAlbum.next s:after { margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ysqUEO .ctr.ctr_caseAlbum.next s:before { -webkit-transform: rotate(-44deg) translateX(1px); transform: rotate(-44deg) translateX(1px); } .ysqUEO .ctr.ctr_caseAlbum.next s:after { -webkit-transform: rotate(44deg) translateX(1px); transform: rotate(44deg) translateX(1px); } @media screen and (min-width: 1025px) { .ysqUEO .ctr.ctr_caseAlbum.prev:hover s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ysqUEO .ctr.ctr_caseAlbum.prev:hover s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ysqUEO .ctr.ctr_caseAlbum.next:hover s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ysqUEO .ctr.ctr_caseAlbum.next:hover s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } @media screen and (max-width: 1024px) { .ctr.ctr_caseAlbum.prev:active s:before, .ctr.ctr_caseAlbum.prev:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_caseAlbum.prev:active s:before { -webkit-transform: rotate(-50deg) translateX(-1px); transform: rotate(-50deg) translateX(-1px); } .ctr.ctr_caseAlbum.prev:active s:after { -webkit-transform: rotate(50deg) translateX(-1px); transform: rotate(50deg) translateX(-1px); } .ctr.ctr_caseAlbum.next:active s:before, .ctr.ctr_caseAlbum.next:active s:after { -webkit-transition: 0ms; transition: 0ms; } .ctr.ctr_caseAlbum.next:active s:before { -webkit-transform: rotate(-50deg) translateX(1px); transform: rotate(-50deg) translateX(1px); } .ctr.ctr_caseAlbum.next:active s:after { -webkit-transform: rotate(50deg) translateX(1px); transform: rotate(50deg) translateX(1px); } } .pagination.pagination_banner { overflow: hidden; white-space: nowrap; line-height: 0; position: relative; margin-top: 20px; width: 100%; text-align: center; } .pagination.pagination_banner .btn { display: inline-block; vertical-align: top; position: relative; z-index: 1; width: 12px; height: 12px; border: 0 solid #d81920; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 12px; background-color: #fff; } .pagination.pagination_banner .btn:nth-child(1n+2) { margin-left: 20px; } .pagination.pagination_banner .btn > em { display: none; } .pagination.pagination_banner .btn.on { background-color: #d81920 !important; } @media screen and (max-width: 1024px) { .pagination.pagination_banner { margin-top: 0.4rem; } .pagination.pagination_banner .btn { width: 8px; height: 8px; } .pagination.pagination_banner .btn:nth-child(1n+2) { margin-left: 8px; } } .pagination.pagination_case { overflow: hidden; white-space: nowrap; line-height: 0; position: relative; margin-top: 20px; width: 100%; text-align: center; } .pagination.pagination_case .btn { display: inline-block; vertical-align: top; position: relative; z-index: 1; width: 10px; height: 10px; border: 0 solid #d81920; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 10px; background-color: #e0e0e0; } .pagination.pagination_case .btn:nth-child(1n+2) { margin-left: 20px; } .pagination.pagination_case .btn > em { display: none; } .pagination.pagination_case .btn.on { background-color: #d81920 !important; } @media screen and (max-width: 1024px) { .pagination.pagination_case { margin-top: 0.4rem; } .pagination.pagination_case .btn { width: 8px; height: 8px; } .pagination.pagination_case .btn:nth-child(1n+2) { margin-left: 8px; } } /* floatFns */ .floatFns { position: fixed; z-index: 88; right: 0; top: 100%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .floatFns .item { position: relative; z-index: 2; display: block; margin-top: 2px; width: 72px; height: 72px; text-align: center; } .floatFns .item:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; border: solid 1px #d81920; background-color: #fff; } .floatFns .item:first-child { margin-top: 0; } .floatFns .item .stay { z-index: 2; position: relative; display: block; width: 72px; height: 24px; padding-top: 48px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .floatFns .item .stay, .floatFns .item .stay a { color: #d81920; } .floatFns .item .icon { position: absolute; top: 8px; left: 50%; margin-left: -18px; width: 36px; height: 36px; background-position: -9999px 0; background-repeat: no-repeat; } .floatFns .item .icon:before, .floatFns .item .icon:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: inherit; background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; } .floatFns .item .icon:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .floatFns .item .icon:after { -webkit-filter: grayscale(100%) brightness(500%); filter: grayscale(100%) brightness(500%); -webkit-transform: scale(2); transform: scale(2); } .floatFns .item .hide { z-index: 1; position: absolute; right: 100%; top: 0; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2); box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2); } .floatFns .item .padbox { background-color: #d81920; min-height: 22px; line-height: 22px; padding: 14px 24px; color: #fff; font-size: 14px; white-space: nowrap; text-align: left; } .floatFns .item .padbox a { color: #fff; } .floatFns .item .qrcode { width: 120px; height: 120px; background-color: #fff; } .floatFns .item .qrcode img { display: block; width: 100%; height: 100%; } .floatFns .item:hover .stay { background-color: #d81920; } .floatFns .item:hover .stay, .floatFns .item:hover .stay a { color: #ffffff; } .floatFns .item:hover .icon:before { -webkit-transition: all 330ms ease-out 0ms; transition: all 330ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); } .floatFns .item:hover .icon:after { -webkit-transition: all 330ms ease-out 0ms; transition: all 330ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .floatFns .item:hover .hide { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } @media screen and (max-width: 1024px) { .floatFns { display: none; } } /* floatMessageBoard */ .floatMessageBoard { position: fixed; bottom: 5%; left: 0; z-index: 80; } .floatMessageBoard .Tg { position: fixed; left: -5px; bottom: 0; width: 65px; height: 144px; border-radius: 0 6px 6px 0; background-color: #d81920; color: #fff; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .floatMessageBoard .Tg span { width: 1em; font-size: 24px; line-height: 1.12; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-right: 4px; } .floatMessageBoard .Tg .arrow { position: absolute; right: -16px; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 40px; background-color: #d81920; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; z-index: -1; color: #ffffff; } .floatMessageBoard .Tg .arrow s { -webkit-transform: translateX(3px); transform: translateX(3px); } .floatMessageBoard .Tg .arrow s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 24px; font-weight: bold; pointer-events: none; } .ysqUEO .floatMessageBoard .Tg .arrow s { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .ysqUEO .floatMessageBoard .Tg .arrow s:before, .ysqUEO .floatMessageBoard .Tg .arrow s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin-top: -1px; background-color: #ffffff; margin-left: -8px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .floatMessageBoard .Tg .arrow s:before { -webkit-transform: rotate(-44deg) translateX(1px); transform: rotate(-44deg) translateX(1px); } .ysqUEO .floatMessageBoard .Tg .arrow s:after { -webkit-transform: rotate(44deg) translateX(1px); transform: rotate(44deg) translateX(1px); } @media screen and (min-width: 1025px) { .floatMessageBoard .Tg .arrow:hover { color: #ffffff; } .floatMessageBoard .Tg .arrow:hover s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .floatMessageBoard .Tg .arrow:hover s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } @media screen and (max-width: 1024px) { .floatMessageBoard .Tg .arrow:active { color: #ffffff; } .floatMessageBoard .Tg .arrow:active s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .floatMessageBoard .Tg .arrow:active s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } .floatMessageBoard .Tg:hover { left: 0; } .floatMessageBoard .Tt { position: fixed; right: 100%; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); height: 144px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; min-width: 1200px; } .floatMessageBoard .Tt .contain { padding: 30px 0 25px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .floatMessageBoard .Tt .head { position: absolute; font-size: 28px; color: #fff; } .floatMessageBoard .Tt .head:after { content: " "; display: block; margin-top: 15px; width: 64px; height: 2px; background-color: #fff; } .floatMessageBoard .Tt .head .cn { line-height: 32px; } .floatMessageBoard .Tt .head .en { margin-top: 8px; text-transform: uppercase; font-family: "Mohave", Tahoma, Arial, sans-serif; } .floatMessageBoard .Tt .formCheck { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; padding-left: 240px; } .floatMessageBoard .Tt .formCheck:after { display: none; } .floatMessageBoard .Tt .formCheck .formItem { margin-bottom: 10px; margin-left: 10px; } .floatMessageBoard .Tt .formCheck .formItem .skin { width: 100%; border: #ffffff solid 1px !important; padding: 8px 15px; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; background-color: #fff; } .floatMessageBoard .Tt .formCheck .formItem .skin._focus { -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15); } .floatMessageBoard .Tt .formCheck .formItem .skin { height: 40px; } .floatMessageBoard .Tt .formCheck .formItem.w1 { width: 240px; } .floatMessageBoard .Tt .formCheck .formItem.w2 { width: 450px; } .floatMessageBoard .Tt .formCheck .formItem.yzm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 100%; } .floatMessageBoard .Tt .formCheck .formItem.yzm:after { display: none; } .floatMessageBoard .Tt .formCheck .formItem.yzm .skin { float: left; width: 240px; } .floatMessageBoard .Tt .formCheck .formItem.yzm .refreshVC { float: left; width: 40px; height: 40px; margin-left: 10px; background-image: url(../images/ico-refresh.png); background-size: 32px auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .floatMessageBoard .Tt .formCheck .formItem.yzm .refreshVC:active { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: 0ms; transition: 0ms; } .floatMessageBoard .Tt .formCheck .formItem.yzm .bindClick { float: left; height: 40px; width: 120px; margin-left: 10px; } .floatMessageBoard .Tt .formCheck .formItem .enter { width: 160px; height: 40px; line-height: 40px; background-color: #d81920; color: #fff; text-align: center; font-weight: bold; } .floatMessageBoard .Tt .formCheck .close { position: absolute; top: 0; right: -44px; width: 24px; height: 24px; cursor: pointer; z-index: 80; border-radius: 50%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .floatMessageBoard .Tt .formCheck .close:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #ffffff solid 1px; border-radius: 50%; z-index: -1; pointer-events: none; } .floatMessageBoard .Tt .formCheck .close s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 21.6px; font-size: 12px; color: #ffffff; font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; } .ysqUEO .floatMessageBoard .Tt .formCheck .close s { overflow: hidden; text-indent: 120%; } .ysqUEO .floatMessageBoard .Tt .formCheck .close s:before, .ysqUEO .floatMessageBoard .Tt .formCheck .close s:after { pointer-events: none !important; content: " "; position: absolute; left: 6px; width: 12px; height: 1px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; } .ysqUEO .floatMessageBoard .Tt .formCheck .close s:before { top: 10px; -webkit-transform: rotate(45deg) translate(2.38172798px, 0); transform: rotate(45deg) translate(2.38172798px, 0); top: 5.5px; } .ysqUEO .floatMessageBoard .Tt .formCheck .close s:after { bottom: 10px; -webkit-transform: rotate(-45deg) translate(2.38172798px, 0); transform: rotate(-45deg) translate(2.38172798px, 0); bottom: 5.5px; } @media screen and (min-width: 1025px) { .ysqUEO .floatMessageBoard .Tt .formCheck .close s:before, .ysqUEO .floatMessageBoard .Tt .formCheck .close s:after { -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; } .floatMessageBoard .Tt .formCheck .close s:hover { color: #ffffff; } } @media screen and (max-width: 1024px) { .floatMessageBoard .Tt .formCheck .close s:active { color: #ffffff; } } .floatMessageBoard .Tt .formCheck .close s:hover { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } @media screen and (max-width: 1280px) { .floatMessageBoard .Tt .formCheck { padding-left: 0; width: 960px; } .floatMessageBoard .Tt .head { display: none; } } @media screen and (max-width: 1024px) { .floatMessageBoard { display: none !important; } } .floatMessageBoard.unfold .Tg { left: 100%; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .floatMessageBoard.unfold .Tt { right: 0; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } .floatMessageBoard.unfold .Tt .close { -webkit-transition: all 250ms ease-out 200ms; transition: all 250ms ease-out 200ms; opacity: 1; visibility: visible; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; 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-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { 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-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { 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: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; 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; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; 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--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 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: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 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-pan .fancybox-content, .fancybox-can-swipe .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--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .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-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; cursor: not-allowed; opacity: .5 !important; } .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--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; 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; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; 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; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px 44px 25px 44px; } } .fancybox-caption--separate { margin-top: -50px; } .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; } .fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .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: translateZ(0); transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .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(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .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: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding:max(0px)) { .fancybox-caption { padding-left: 12px; padding-right: 12px; } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; 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:link, .fancybox-share__button:visited { 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: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .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: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; 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: 212px; } .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: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 2px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } [data-fancybox-close]:hover svg { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .fancy_zoomer { position: relative; display: inline-block; vertical-align: top; cursor: -webkit-zoom-in; cursor: zoom-in; } .fancy_zoomer:before, .fancy_zoomer:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .fancy_zoomer:before { z-index: 2; background-color: rgba(0, 0, 0, 0.2); } .fancy_zoomer:after { z-index: 3; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAAzFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jif6XAAAAQ3RSTlMAAel+6hkQBjHtTEGAA8XSBew9WNCS+ehnx5OBPMDB+Fc3rZY59/pA0cLGkfX2lGjMyU1/60tkxPypZu/uo18rGwv9Pt5kUAAAAT9JREFUOMuFk+d2gkAQhdelSVFAQMSGPbHE9F5Mct//nUJRdwlt/szu4ePsvVMIOYWlbTd+GPqbrWaRgpANEed4MOQc4PiAKeiSoki6YAK+k/3emgPrDrt3xsC8xQMzLHsN/pdGb4kZh/Txvvj/7OID+/NlgqtpXvp0h8nJBcV1kbs30KMjA2umIWgzLWMYyUERwbkA2HkIUYmzhktSTBAXWpw83JcRAvpxeoZeRlwgUSVCKiMkiHHqIpFDbsBF6khBlydcnrjlifpX2rVKPQg1bisrdpfIsTGsrnrUuRHrnOmyzo2OnSvt/hNEuXKCHndg07yHmpvCAfBaPckvgN3MbsOY34YREGYR4tB0oywr3SjqNFVA5RF5YLPG2YPIRQ6JNtsL6GpFA09LC5VHcpEgh1rkk1Qj9PermiA/3+QPtGA20vrliSMAAAAASUVORK5CYII="); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transform: scale(0); transform: scale(0); } .fancy_zoomer:hover:before, .fancy_zoomer:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .swiper-container { overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; 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 { -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 { -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; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { 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)); } .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-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .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: 10px; 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: 10px; 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: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .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: 8px; height: 8px; 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: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .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: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .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: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; 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; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; 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: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; 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); } } .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-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { 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: .6; -webkit-filter: blur(50px); filter: blur(50px); 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-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-horizontal .swiper-slide { width: auto; white-space: normal; font-size: 0; } /* header */ :root { --headerH: 190px; } :root .scroll-wrap { padding-top: 190px; } :root .hidePoint { top: -60px; margin-top: -1rem; } @media screen and (max-width: 1024px) { :root { --headerH: 64px; } :root .scroll-wrap { padding-top: 64px; } :root .hidePoint { top: -64px; } } .header { position: fixed; left: 0; top: 0; width: 100%; z-index: 20; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; background-color: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } .header .bg { display: none; z-index: 5; } .header .contain { height: 100%; } .header .logo { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 52px; } .header .logo img { display: block; height: 100%; } .header .logo .words { position: absolute; left: 100%; top: 50%; margin-top: -26px; margin-left: 15px; padding-left: 16px; white-space: nowrap; line-height: 26px; color: #333333; } .header .logo .words:before { content: " "; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background-image: -webkit-linear-gradient(90deg, #ffffff, #bbbbbb, #ffffff); } .header .logo .words .p1 { font-size: 16px; font-weight: bold; } .header .logo .words .p2 { font-size: 14px; } .header .secNav { display: none; } .header .navbtn { display: none; } .header.fixedNav { -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 1025px) { .header { min-width: 1200px; height: 190px; } .header.fixedNav { -webkit-transform: translateY(-130px); transform: translateY(-130px); } .header-t { height: 30px; line-height: 30px; background-color: #eaeaea; } .header-t .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .header-t .contain:after { display: none; } .header-m { height: 100px; line-height: 100px; background-color: #fff; } .header-m .tels { position: absolute; right: 0; top: 50%; margin-top: -26px; padding-left: 24px; padding-top: 24px; height: 20px; line-height: 20px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .header-m .tels, .header-m .tels a { color: #d81920; } .header-m .tels:after { display: none; } .header-m .tels:before { content: " "; position: absolute; left: 0; top: 0; background-image: url(../images/dct-hotline.png); background-size: auto 100%; background-position: 0 0; background-repeat: no-repeat; width: 50px; height: 44px; z-index: -1; pointer-events: none; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation-name: swings; animation-name: swings; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .header-m .tels .sdt { font-size: 14px; } .header-m .tels .sdd { font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; } .header-b { height: 60px; line-height: 60px; background-color: #d81920; color: #fff; } .header .firNav { position: relative; z-index: 2; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .header .firNav:after { display: none; } .header .firNav:before, .header .firNav:after { content: " "; position: absolute; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: rgba(255, 255, 255, 0.33); z-index: -1; pointer-events: none; display: block; } .header .firNav:before { left: 0; } .header .firNav:after { right: 0; } .header .firNav .firItem { z-index: 2; position: relative; width: 50%; text-align: center; } .header .firNav .firItem:nth-child(1n+2):before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: rgba(255, 255, 255, 0.33); z-index: -1; pointer-events: none; } .header .firNav .firItem .link1 { position: relative; overflow: hidden; display: block; font-size: 16px; color: #fff; padding: 0 0.4rem; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .header .firNav .firItem .link1:after { content: " "; position: absolute; left: 50%; top: 50%; margin-top: 1em; margin-left: -0.5em; width: 1em; height: 1px; background-color: #fff; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); } .header .firNav .firItem.on .link1:after, .header .firNav .firItem:hover .link1:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .header .secNav { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 6px 0; z-index: 30; font-size: 0; line-height: 0; text-align: left; background-color: rgba(216, 25, 32, 0.98); text-align: center; min-width: 100%; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } .header .secNav .col { display: block; white-space: nowrap; font-size: 14px; } .header .secNav .col:nth-child(1n+2) { margin-left: 10px; } .header .secNav .secItem { position: relative; display: block; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .header .secNav .secItem .link2 { color: #fff; display: block; min-width: 64px; padding: 5px 12px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; line-height: 24px; font-size: 14px; } .header .secNav .secItem.on, .header .secNav .secItem:hover { background-color: rgba(0, 0, 0, 0.08); color: #d81920; } } @media screen and (max-width: 1024px) { .header { height: 64px; line-height: 64px; } .header .contain.w { width: 100% !important; max-width: 100% !important; } .header-t { display: none; } .header-m { height: 100%; } .header-m .tels { display: none; } .header-m .logo { left: 15px; height: 44px; } .header-m .logo .words { display: none; } .header-b { position: absolute; right: 0; top: 0; } .header .bg { position: fixed !important; background-color: rgba(0, 0, 0, 0.2); } .header .navbtn { z-index: 45; position: absolute; overflow: hidden; display: block; right: -5px; top: 9px; padding: 5px; width: 36px; height: 36px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); margin-right: 15px; } .header .navbtn s { position: absolute; left: 5px; display: block; width: 36px; height: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #d81920; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .header .navbtn .i1 { top: 9px; } .header .navbtn .i2 { top: 50%; margin-top: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .header .navbtn .i3 { bottom: 9px; } .navShow .header .navbtn { position: fixed; z-index: 80; margin-right: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navShow .header .navbtn .i1 { -webkit-transform: rotate(45deg) translate(7.038px, 0); transform: rotate(45deg) translate(7.038px, 0); top: 3px; } .navShow .header .navbtn .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .navShow .header .navbtn .i3 { -webkit-transform: rotate(-45deg) translate(7.038px, 0); transform: rotate(-45deg) translate(7.038px, 0); bottom: 3px; } .header .firNav { position: fixed; z-index: 29; right: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; padding-right: 5%; overflow-y: auto; background-color: #fff; padding-top: 64px; -webkit-transform: translateX(100%); transform: translateX(100%); text-align: center; } .header .firNav .link { display: block; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .header .firNav .firItem { position: relative; overflow: hidden; font-size: 18px; line-height: 40px; border-bottom: #d7e2e8 solid 1px; padding: 0 8px; } .header .firNav .firItem.on > .link { color: #d81920; } .header .firNav .firItem.on .secNav { display: block; } .header .firNav .firItem.on .ctr { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header .secNav { padding: 8px 0 !important; line-height: 1.5; font-size: 16px; display: none; border-top: #eeeeee solid 1px; margin-left: 3%; margin-right: 3%; } .header .secNav .col { display: block; } .header .secNav .secItem { line-height: 32px; display: block; white-space: nowrap; color: #777; } .header .secNav .secItem:active { color: #111; } .header .secNav .secItem.on { color: #111; text-decoration: underline; } .header .secNav + .ctr { display: block; } .navShow .header .bg { display: block; } .navShow .header .contain { z-index: 8; } .navShow .firNav { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform: none !important; transform: none !important; } } /* footer */ .footer { position: relative; z-index: 1; background-color: #202530; font-size: 16px; } .footer, .footer a { color: rgba(255, 255, 255, 0.22); } .footer-nav { height: 64px; line-height: 64px; background-color: #d81920; color: #fff; } .footer-nav .contain { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .footer-nav .contain:after { display: none; } .footer-nav .contain:before, .footer-nav .contain:after { content: " "; position: absolute; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: rgba(255, 255, 255, 0.33); z-index: -1; pointer-events: none; display: block; } .footer-nav .contain:before { left: 0; } .footer-nav .contain:after { right: 0; } .footer-nav .contain .link1 { position: relative; overflow: hidden; display: block; font-size: 16px; color: #fff; padding: 0 0.4rem; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; width: 50%; text-align: center; } .footer-nav .contain .link1:nth-child(1n+2):before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background-color: rgba(255, 255, 255, 0.33); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .footer-nav { display: none; } } .footer-t { padding: 55px 0 35px; } .footer-t .contain { padding-right: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 144px; } .footer-t .left { position: relative; } .footer-t .searchBox { position: absolute; right: 280px; top: 0; height: 32px; line-height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer-t .searchBox .skin { width: 292px; height: 32px; line-height: 32px; padding: 0 48px 0 20px; border-radius: 32px; background-color: #fff; font-size: 14px; color: #666666; } .footer-t .searchBox .enter { position: absolute; right: 8px; top: 0; width: 32px; height: 32px; background-image: url(../images/btn-zoomer.png); background-size: 32px 32px; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; text-indent: -9999px; } .footer-t .searchBox .enter:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .footer-t .links { color: #fff; padding-right: 400px; line-height: 32px; } .footer-t .links .link { color: #fff; } .footer-t .qrcode { position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 220px; } .footer-t .qrcode:after { display: none; } .footer-t .qrcode .item { width: 100px; text-align: center; color: rgba(255, 255, 255, 0.5); } .footer-t .qrcode .item .pic { width: 100px; height: 100px; } .footer-t .qrcode .item p { margin-top: 15px; } .footer-t .qrcode .item:nth-child(1n+2) { margin-right: 20px; } .footer-t .contact { margin-top: 30px; border-top: rgba(255, 255, 255, 0.2) solid 1px; padding-top: 30px; line-height: 1.5; } .footer-t .contact .dib { margin-right: 10px; } @media screen and (max-width: 1024px) { .footer-t { padding-top: 1rem; padding-bottom: 0.8rem; } .footer-t .contain { padding-right: 0; text-align: center; } .footer-t .searchBox { position: relative; right: auto; width: 360px; max-width: 100%; margin-left: auto; margin-right: auto; } .footer-t .links { margin-top: 0.8rem; text-align: center; padding-right: 0; line-height: 24px; } .footer-t .links .sdt { display: none; } .footer-t .links .sdd .link { margin: 0 5px; } .footer-t .qrcode { margin-top: 0.6rem; position: relative; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-t .qrcode .item { display: inline-block; vertical-align: top; margin: 0 5px; } .footer-t .contact { margin-top: 0.8rem; padding-top: 0.8rem; } .footer-t .contact .dib { margin: 0 5px; } } .footer-b { line-height: 20px; padding: 0.4rem 0; background-color: #1e222b; } .footer-b .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .footer-b .contain:after { display: none; } @media screen and (max-width: 1024px) { .footer-b .contain { display: block; } } @media screen and (max-width: 1024px) { .footer-b { text-align: center; } .footer-b .contain > span { float: none; display: inline-block; vertical-align: top; margin: 0 5px; } } /* subpage */ .subpage { position: relative; z-index: 2; background-color: #ffffff; } .subpage-banner { position: relative; overflow: hidden; z-index: 2; height: 560px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; height: 440px; } .subpage-banner:after { display: none; } .subpage-banner .bg { background-color: #eee; } .subpage-banner .words { text-align: center; color: #fff; font-size: 40px; line-height: 1.8; } .subpage-banner.skin-about .words { text-align: right; font-size: 36px; line-height: 1.66666667; } .subpage-banner.skin-about .words .wrapIn { position: relative; display: inline-block; vertical-align: top; text-align: left; padding: 0 55px 0 30px; color: #333333; } .subpage-banner.skin-about .words .wrapIn .dct { position: absolute; right: 100%; bottom: 0; width: 8.33333333em; } @media screen and (max-width: 1024px) { .subpage-banner.skin-about .words { font-size: 18px; } .subpage-banner.skin-about .words .wrapIn { padding-right: 0; padding-left: 0.6rem; } } .subpage-banner.skin-product .words { text-align: left; padding-bottom: 1rem; } .subpage-banner.skin-case .words { text-align: right; } .subpage-banner.skin-case .words p:nth-child(1) { padding-right: 2em; } .subpage-banner.skin-aftsale .words { text-align: right; } .subpage-banner.skin-aftsale .words .wrapIn { display: inline-block; vertical-align: top; text-align: left; line-height: 1.5; } .subpage-banner.skin-aftsale .words .wrapIn p { padding: 0 2rem; font-size: 52px; } @media screen and (max-width: 1024px) { .subpage-banner.skin-aftsale .words .wrapIn p { font-size: 24px; } } @media screen and (max-width: 1024px) { .subpage-banner { height: 100px; padding: 3.6rem 0; padding: 3rem 0; } .subpage-banner .words { font-size: 24px; line-height: 1.5; } } .subpage-neck { position: relative; margin-top: 1rem; } @media screen and (max-width: 1024px) { .subpage-neck { margin-top: 0; } .sSearch-pdt + .subpage-neck { display: none; } } .subpage-crumbs { position: relative; margin-top: 1rem; height: 50px; padding-bottom: 40px; } .subpage-crumbs .r { margin-top: 22px; font-size: 16px; line-height: 20px; text-align: right; color: #999999; } .subpage-crumbs .r .link { color: #999999; } .subpage-crumbs .r .link:hover { color: #d81920; } .subpage-crumbs .now { position: absolute; left: 0; top: 0; z-index: 8; } .subpage-crumbs .now .en { height: 50px; line-height: 50px; font-weight: bold; color: #707070; font-size: 50px; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; } .subpage-crumbs .now .en s { text-transform: uppercase; color: #d81920; } .subpage-crumbs .now .hr { margin-top: 20px; width: 24px; height: 3px; background-color: #d81920; } .subpage-crumbs .now .cn { margin-top: 16px; height: 42px; line-height: 42px; font-size: 30px; } .subpage-crumbs .now .slogan { display: inline-block; vertical-align: bottom; margin-left: 30px; color: #999999; font-size: 16px; line-height: 24px; } .subpage-crumbs + .subpage-nav { margin-top: 0; } @media screen and (max-width: 1024px) { .subpage-crumbs { display: none; } } .subpage-nav { z-index: 2; position: relative; overflow: hidden; margin-top: 40px; height: 42px; } .subpage-nav .contain { height: 100%; } .subpage-nav .contain:before, .subpage-nav .contain:after { content: " "; position: absolute; z-index: -1; pointer-events: none; height: 100%; width: 1000px; top: 0; visibility: visible; } .subpage-nav .contain:before { right: 100%; margin-right: 30px; background-color: #e6e6e6; } .subpage-nav .contain:after { left: 100%; margin-left: 30px; background-color: #d81920; } .subpage-nav .wrapIn { position: relative; padding-left: 500px; height: 100%; text-align: right; z-index: 6; } .subpage-nav .wrapIn .viewport { background-color: #fff; margin-left: auto; width: 100%; } .subpage-nav .wrapIn .hr { position: absolute; top: 28px; right: 0; left: 500px; background-color: rgba(216, 25, 32, 0.2); width: auto; } .subpage-nav .link2 { position: relative; z-index: 3; display: inline-block; vertical-align: top; min-width: 4em; padding: 0 25px; height: 42px; line-height: 42px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; color: #333333; } .subpage-nav .link2:nth-child(1n+2) { margin-left: 10px; } .subpage-nav .link2:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #e6e6e6 solid 1px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; z-index: -1; pointer-events: none; } .subpage-nav .link2.on { color: #d81920; } .subpage-nav .link2.on:after { border-color: #d81920; } .subpage-nav._bindjs .wrapIn { padding-right: 40px; } @media screen and (max-width: 1024px) { .subpage-nav { width: 100%; padding: 0; height: 36px; margin-top: 0; padding: 10px 0; background-color: #eaeaea; } .subpage-nav .contain:before, .subpage-nav .contain:after { display: none; } .subpage-nav .wrapIn { padding: 0 !important; text-align: center; } .subpage-nav .wrapIn .viewport { background-color: #eaeaea; width: 100%; } .subpage-nav .wrapIn .hr { display: none; } .subpage-nav .link2 { height: 36px; line-height: 36px; padding: 0 0.6rem; } .subpage-nav .link2:after { display: none; } .subpage-nav .link2.on { color: #fff; background-color: #d81920; } } .subpage-thirdNav { z-index: 5; position: relative; overflow: hidden; height: 48px; background-color: #d81920; padding: 0 35px; text-align: center; } .subpage-thirdNav .link3 { position: relative; z-index: 3; display: inline-block; vertical-align: top; height: 48px; line-height: 48px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; color: #fff; width: 220px; padding: 0 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.05); } .subpage-thirdNav .link3:after { content: " "; position: absolute; left: 50%; bottom: -1px; margin-left: -10px; overflow: hidden; width: 0; height: 0; border-width: 8px 10px; border-color: transparent transparent #ffffff transparent; border-style: solid; -webkit-transform: translateY(105%); transform: translateY(105%); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .subpage-thirdNav .link3.on:after { -webkit-transform: none !important; transform: none !important; -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 1; visibility: visible; } .subpage-thirdNav + div { margin-top: 40px; } @media screen and (max-width: 1024px) { .subpage-thirdNav { height: 40px; padding: 0; } .subpage-thirdNav .link3 { height: 40px; line-height: 40px; width: auto; padding: 0 0.6rem; } .subpage-thirdNav + div { margin-top: 0.8rem; } } .subpage-imax { padding: 40px 0; color: #333333; line-height: 2.5; } .subpage-imax + .axd { margin-top: 0 !important; } @media screen and (max-width: 1024px) { .subpage-imax { line-height: 1.75; padding: 0.8rem 0; } } .subpage-wrap { position: relative; overflow: hidden; z-index: 2; padding-top: 50px; } @media screen and (max-width: 1024px) { .subpage-wrap { padding-top: 1rem; } } .subpage-wrap .axd { margin-top: 50px; z-index: -1; width: 100%; text-align: center; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .subpage-wrap .axd .qImg { display: block; position: relative; left: 50%; width: 1920px; margin-left: -960px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .subpage-wrap .axd:hover .qImg { -webkit-transform: scale(1.025); transform: scale(1.025); } } @media screen and (max-width: 1024px) { .subpage-wrap .axd { margin-top: 1rem; } .subpage-wrap .axd .qImg { left: 0; margin-left: 0; width: 100%; } } .subpage-section0 { background-color: #fff; padding-top: 50px; padding-bottom: 50px; margin-top: -50px; } @media screen and (max-width: 1024px) { .subpage-section0 { padding-top: 1rem; padding-bottom: 1rem; margin-top: -1rem; } } .subpage-head { text-align: center; position: relative; overflow: hidden; z-index: 2; padding-top: 20px; } .subpage-head .en { position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; width: 100%; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; color: #f7f7f7; text-align: center; padding-left: 0.05em; letter-spacing: 0.05em; } .subpage-head .cn { color: #d81920; font-weight: bold; text-align: center; padding-left: 0.05em; letter-spacing: 0.05em; } .subpage-head .cn s { color: #333333; } .subpage-head .aside { margin-top: 25px; line-height: 1.5; color: #333333; font-weight: lighter; } .subpage-head .imax { margin-top: 25px; } @media screen and (max-width: 1024px) { .subpage-head { padding-top: 0.4rem; } .subpage-head .aside, .subpage-head .imax { margin-top: 0.5rem; } } @media screen and (max-width: 640px) { .subpage-head .en { font-size: 26px; } .subpage-head .cn { font-size: 22px; } .subpage-head .aside { font-size: 16px; } } .subpage-lr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; padding-bottom: 1rem; } .subpage-lr:after { display: none; } @media screen and (max-width: 1024px) { .subpage-lr { display: block; } } .subpage-lr + .axd { margin-top: 0; } @media screen and (min-width: 1025px) { .subpage-main { width: 900px; } } .subpage-side { width: 240px; position: -webkit-sticky; position: sticky; top: 80px; } .subpage-side .head { height: 22px; line-height: 22px; font-size: 16px; color: #333333; margin-bottom: 20px; } .subpage-side .head span { position: relative; } .subpage-side .head span:before { position: absolute; left: 100%; top: 100%; margin-top: -12px; content: " "; overflow: hidden; width: 0; height: 0; border-width: 8px 8px; border-color: transparent #d81920 transparent transparent; border-style: solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: none; } @media screen and (max-width: 1024px) { .subpage-side { display: none; } } .subpage-form { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .subpage-form:after { display: none; } .subpage-form .formItem { margin-bottom: 15px; } .subpage-form .formItem .focus { width: 100%; display: block; color: #333333; padding: 10px 0; line-height: 20px; } .subpage-form .formItem .skin { width: 100%; border: #d9d9d9 solid 1px; padding: 10px 15px; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } .subpage-form .formItem .skin { height: 46px; } .subpage-form .formItem textarea.skin { height: 300px; } .subpage-form .formItem.w33 { width: 380px; } .subpage-form .formItem.w50 { width: 590px; } .subpage-form .formItem.w100 { width: 100%; } .subpage-form .formItem.yzm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .subpage-form .formItem.yzm:after { display: none; } .subpage-form .formItem.yzm .skin { float: left; width: 360px; } .subpage-form .formItem.yzm .refreshVC { float: left; width: 46px; height: 46px; margin-left: 2px; margin-right: 2px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABoVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACZEnYaAAAAinRSTlMA7YsPgg0FgMHwM+eulHqoMStuWYerLxopfIjVFN2kiigtE1bmZScs26Ih6o1PkhH5BknuKhA0ulig44GlUkxR1zCm3sboZwpNLvfYufy+PeJCzWvxjw64Nxhb4R1BhANG647Rb/WTNlpA5acmy6wMsfRztpfa/pzffcBeoeRjRCXz1FOWm7/EYk6rfx5LAAACCklEQVRIx+2W1VrDQBCFS2lJSmmBClK0SHF3d3d3d3d3h31qupsGaLKZTXtL5/Kc+TMrJ/mi0QQqUH5X2YNF+5ZVlZS+pfeRDLbWpiGxqputB+rReFsQ8q4cXYFKdrUEyWspXRUbhugV1sFmK8XmJ95kM+tOr0dFIdPFhJeFzsO8FI9QkCeupbuUBUfgtokmLy3DLtCGaBbdyVdUysSbc0JfhviVmSgjoRP9S1y0cPcRCrZ+F6RLCRyn4NoL4dmfhG6g7wqhXJjew/AH1ZpxO1EgXE5GZ1McLQkRPHoF98QqZAMhHQhbcAsv11s8EYyB4EcSM1lQksT0N4Kj02jPj/x982IhuBV3FEvEv+9tPQA344ZQiZjPceEkPxznqFMAGxwcF4ebwjluXeKFYr0WmPr1d3kSrxhrrdCGdb9sssSKwWIbeNbidcrTEGLAshOCm5Sv8515UZpc+qLdZcZ6AhzuatxTQzGyyVMXQXjD3XFGdXgM98CjTQhFUo05MvoYpgt3FIxhQneBsGsc/FKwv+z0IvlGRqdf8EICofvuZc5mBV/PomfXhBiceB/pZD/tVZRVRo4ngvsvZR4pJbVXkMaYK596FtNv4F9rzA4TfyQKqex9F9kV/gyqVB3btJGCloyoPHT91Z0EDbLFq7+zorrb7R9yMNEa7Ot/3ED7fH7WhdYypNcE6l/XN+gpHB/8pOaXAAAAAElFTkSuQmCC"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .subpage-form .formItem.yzm .refreshVC:active { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: 0ms; transition: 0ms; } .subpage-form .formItem.yzm .bindClick { height: 46px; width: 130px; } .subpage-form .formItem .enter { width: 200px; height: 46px; line-height: 46px; background-color: #d81920; color: #fff; text-align: center; } @media screen and (max-width: 1024px) { .subpage-form .formItem { width: 100% !important; margin-bottom: 0; } .subpage-form .formItem:nth-child(1n+2) { margin-top: 0.3rem; } .subpage-form .formItem.yzm .l { width: 100%; } .subpage-form .formItem.yzm .skin { width: calc(100% - 180px); } .subpage-form .formItem textarea.skin { height: 180px; } .subpage-form .formItem .enter { width: 100%; margin-top: 0.4rem; } } /* sNews */ .sNews-list { position: relative; } .sNews-list .item { position: relative; overflow: hidden; width: 100%; border-bottom: #e2e2e2 solid 1px; } .sNews-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 56.44444444%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sNews-list .item .txt { padding: 0.76rem 0; } .sNews-list .item .txt .date { font-size: 14px; color: #666666; } .sNews-list .item .txt .title { margin-top: 0.4rem; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-weight: bold; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } .sNews-list .item .txt .abstract { margin-top: 0.4rem; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; color: #999999; } @media screen and (min-width: 1025px) { .sNews-list .item:hover .txt .title { color: #d81920; } } @media screen and (max-width: 1024px) { .sNews-list .item:active .txt .title { color: #d81920; -webkit-transition: 0ms; transition: 0ms; } } .sNews-relative .item { position: relative; width: 100%; } .sNews-relative .item:nth-child(1n+2) { margin-top: 22px; } .sNews-relative .item .pic { width: 100%; height: 0 !important; padding-bottom: 56.44444444%; background-color: #f1f1f1; /* img {object-fit:contain;} */ overflow: visible; } .sNews-relative .item .title { padding: 10px 0; font-size: 14px; line-height: 24px; color: #666666; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border-bottom: #e5e5e5 solid 1px; } .sNews-relative .item:hover .title { color: #d81920; } .sNews-view-wrap { overflow: visible; } .sNews-view-wrap .contain { padding-left: 210px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sNews-view-wrap .side { float: left; margin-left: -210px; position: -webkit-sticky; position: sticky; top: 80px; padding-bottom: 40px; } .sNews-view-wrap .side .date { width: 132px; height: 132px; padding: 20px; background-color: #d81920; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; } .sNews-view-wrap .side .date .d { font-size: 50px; line-height: 1; } .sNews-view-wrap .side .date .my { border-top: rgba(255, 255, 255, 0.22) solid 1px; margin-top: 20px; padding-top: 10px; font-size: 16px; } .sNews-view-wrap .side .sNews-view-foot { margin-top: 2.4rem; } .sNews-view-wrap .side .sNews-view-foot .page_ctr .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sNews-view-wrap .side .sNews-view-foot .page_ctr.next .icon { right: auto; left: 0; } @media screen and (max-width: 1024px) { .sNews-view-wrap .contain { padding-left: 0; } .sNews-view-wrap .side { display: none; } } .sNews-view-head { padding-bottom: 0.9rem; } .sNews-view-head h1 { font-size: 28px; line-height: 1.42857143; color: #333333; } .sNews-view-head .aside { margin-top: 0.6rem; color: #d81920; } .sNews-view-head .aside span { margin-right: 10px; } @media screen and (max-width: 1024px) { .sNews-view-head h1 { font-size: 18px; } } .sNews-view-foot { line-height: 40px; position: relative; } .sNews-view-foot .page_ctr { position: relative; padding-left: 40px; height: 40px; display: block; } .sNews-view-foot .page_ctr:nth-child(1n+2) { margin-top: 36px; } .sNews-view-foot .page_ctr .icon { display: block; } .sNews-view-foot .page_ctr span { margin-left: 8px; color: #666666; white-space: nowrap; } .sNews-view-foot .page_ctr[href="#"], .sNews-view-foot .page_ctr[href=""] { cursor: not-allowed; } .sNews-view-foot .page_ctr[href="#"] .icon, .sNews-view-foot .page_ctr[href=""] .icon { background-color: #ddd; } .sNews-view-foot .page_ctr[href="#"] span, .sNews-view-foot .page_ctr[href=""] span { color: #999999; } .sNews-view-foot .backToList .icon { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-color: #d81920; border-radius: 50%; } .sNews-view-foot .backToList .icon > s { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #fff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sNews-view-foot .backToList .icon > s:before, .sNews-view-foot .backToList .icon > s:after { content: " "; position: absolute; left: 50%; top: 50%; background-color: #d81920; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms; } .sNews-view-foot .backToList .icon > s:before { width: 2px; height: 10px; margin-left: -1px; margin-top: -5px; } .sNews-view-foot .backToList .icon > s:after { width: 10px; height: 2px; margin-left: -5px; margin-top: -1px; } @media screen and (max-width: 1024px) { .sNews-view-foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; margin-top: 0.8rem; } .sNews-view-foot:after { display: none; } .sNews-view-foot .page_ctr { margin-top: 0 !important; } } /* sEvent */ .sEvent-list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .sEvent-list:after { display: none; } .sEvent-list .item { position: relative; } .sEvent-list .item:before { content: " "; z-index: -2; pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-top: #dfdfdf solid 1px; border-bottom: rgba(223, 223, 223, 0.54) solid 1px; } .sEvent-list .item:after { content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 0; width: 0; height: 0; border-top: #d81920 solid 1px; border-bottom: rgba(216, 25, 32, 0.54) solid 1px; } .sEvent-list .item:nth-child(1n+1) { width: 32%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sEvent-list .item:nth-child( 3n+1) { margin-left: 0; } .sEvent-list .item:nth-child( 1n+4) { margin-top: 2%; } .sEvent-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.63157895%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sEvent-list .item .title { line-height: 24px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; padding: 12px 0; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } @media screen and (min-width: 1025px) { .sEvent-list .item:hover .title { color: #d81920; } .sEvent-list .item:hover:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s; } } @media screen and (max-width: 1024px) { .sEvent-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sEvent-list .item:nth-child( 2n+1) { margin-left: 0; } .sEvent-list .item:nth-child( 1n+3) { margin-top: 2%; } .sEvent-list .item .title { padding: 8px 0; } .sEvent-list .item:active .title { color: #d81920; -webkit-transition: 0ms; transition: 0ms; } .sEvent-list .item:active:before { border-top: #d81920 solid 1px; border-bottom: rgba(216, 25, 32, 0.54) solid 1px; -webkit-transition: 0ms; transition: 0ms; } } .sEvent-tab { position: relative; padding-bottom: 35px; border-bottom: #d81920 5px solid; } .sEvent-tab .Tt { position: relative; overflow: hidden; border: #efefef solid 1px; padding: 60px 120px 0; } .sEvent-tab .Tt .box { position: relative; } .sEvent-tab .Tt .box .pic { width: 100%; height: 0 !important; padding-bottom: 62.63157895%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sEvent-tab .Tt .box .title { padding: 30px; font-size: 24px; line-height: 1.5; text-align: center; color: #333333; } .sEvent-tab .Tt .ctr_event.prev { left: 35px; } .sEvent-tab .Tt .ctr_event.next { right: 35px; } .sEvent-tab .Tg { position: relative; overflow: hidden; margin-top: 30px; } .sEvent-tab .Tg .btn { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 152px; } .sEvent-tab .Tg .btn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #d81920 solid 2px; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; z-index: 8; pointer-events: none; } .sEvent-tab .Tg .btn:nth-child(1n+2) { margin-left: 8px; } .sEvent-tab .Tg .btn .pic { width: 100%; height: 0 !important; padding-bottom: 62.63157895%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sEvent-tab .Tg .btn.on:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } @media screen and (max-width: 1024px) { .sEvent-tab { padding-bottom: 0.6rem; } .sEvent-tab .Tt { padding: 0; } .sEvent-tab .Tt .box .title { padding: 0.6rem; font-size: 16px; } .sEvent-tab .Tt .ctr_event { background-color: rgba(0, 0, 0, 0.5); margin-top: 31.31578947%; top: -30px; } .sEvent-tab .Tt .ctr_event.prev { left: 0; } .sEvent-tab .Tt .ctr_event.next { right: 0; } .sEvent-tab .Tg { margin-top: 0.6rem; } .sEvent-tab .Tg .btn { width: 120px; } } /* sSearch */ .sSearch-pdt { position: relative; z-index: 8; width: 100%; height: 60px; line-height: 60px; background-color: #d81920; color: #fff; margin-top: 1px; } .subpage-banner + .sSearch-pdt { margin-top: -60px; } .sSearch-pdt .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; height: 100%; } .sSearch-pdt .contain:after { display: none; } @media screen and (max-width: 1024px) { .sSearch-pdt .contain { display: block; } } .sSearch-pdt .keywords { padding: 18px 0 18px 6.5em; line-height: 24px; height: 24px; } .sSearch-pdt .keywords .sdt { float: left; margin-left: -6.5em; } .sSearch-pdt .keywords .sdd { position: relative; width: 480px; height: 24px; line-height: 24px; } .sSearch-pdt .keywords .sdd._bindjs { padding-right: 40px; } .sSearch-pdt .keywords .sdd .link { color: #fff; display: inline-block; vertical-align: top; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; line-height: 24px; font-size: 14px; } .sSearch-pdt .keywords .sdd .link:nth-child(1n+2) { margin-left: 15px; } .sSearch-pdt .keywords .sdd .ctr_navLR { height: 40px; line-height: 40px; top: 50%; margin-top: -20px; } .sSearch-pdt .result .ci { text-decoration: underline; margin: 0 2px; font-size: 1.1em; } .sSearch-pdt .searchBox { position: relative; height: 32px; line-height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sSearch-pdt .searchBox .skin { width: 360px ; height: 32px; line-height: 32px; padding: 0 48px 0 20px; border-radius: 32px; background-color: #fff; font-size: 14px; color: #666666; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .sSearch-pdt .searchBox .enter { position: absolute; right: 8px; top: 0; width: 32px; height: 32px; background-image: url(../images/btn-zoomer.png); background-size: 32px 32px; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; text-indent: -9999px; } .sSearch-pdt .searchBox .enter:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } @media screen and (max-width: 1024px) { .sSearch-pdt { height: 32px; line-height: 32px; padding: 8px 0; } .subpage-banner + .sSearch-pdt { margin-top: -48px; } .sSearch-pdt .keywords, .sSearch-pdt .result { display: none; } .sSearch-pdt .searchBox { margin-left: auto; } .sSearch-pdt .searchBox .skin { width: 100%; } } .sSearch-list .item { position: relative; border-bottom: #d9d9d9 solid 1px; padding-top: 15px; padding-bottom: 15px; line-height: 24px; } .sSearch-list .item .title { margin-right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sSearch-list .item .keyColor { color: #d81920; } .sSearch-list .item .date { position: absolute; right: 0; top: 15px; color: #999999; } .sSearch-list .item .abstract { margin-top: 4px; font-size: 14px; line-height: 22px; } .sSearch-list .emptyList { border-bottom: none; font-weight: normal; letter-spacing: 2px; } @media screen and (max-width: 1024px) { .sSearch-list .item { padding: 10px 0; } .sSearch-list .item .date { top: 10px; } } /* sView */ .sView-content { padding: 30px 0; color: #333333; } @media screen and (max-width: 1024px) { .sView-content { padding: 0.6rem 0; } } .sView-foot { position: relative; background-color: #d81920; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sView-foot:after { display: none; } .sView-foot .ctr, .sView-foot .backToList { height: 20px; line-height: 20px; padding: 20px 20px; color: #fff; } .sView-foot .ctr[href="#"], .sView-foot .ctr[href=""] { cursor: not-allowed; } .sView-foot .ctr[href="#"]:after, .sView-foot .ctr[href=""]:after { display: none; } @media screen and (max-width: 1024px) { .sView-foot { height: 48px; } .sView-foot .ctr, .sView-foot .backToList { padding: 14px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sView-foot .ctr:active, .sView-foot .backToList:active { background-color: rgba(255, 255, 255, 0.15); -webkit-transition: 0ms; transition: 0ms; } } .sView-foot2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; border-top: #dddddd solid 1px; border-bottom: #dddddd solid 1px; margin-top: 40px; } .sView-foot2:after { display: none; } .sView-foot2 .ctr { padding: 15px 0; line-height: 20px; } @media screen and (max-width: 1024px) { .sView-foot2 { margin-top: 0.8rem; } .sView-foot2 .ctr { padding: 10px 0; } } /* sProduct */ .sProduct-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .sProduct-list:after { display: none; } .sProduct-filter + .sProduct-list { margin-top: 60px; } .sProduct-list .item { position: relative; } .sProduct-list .item .tag { position: absolute; top: 6px; right: 12px; z-index: 9; pointer-events: none; } .sProduct-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; overflow: visible; background-color: transparent !important; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sProduct-list .item .pic img { -o-object-fit: contain; object-fit: contain; } .sProduct-list .item .txt { padding: 0.9rem 0.4rem; text-align: center; } .sProduct-list .item .txt .vmbox { text-align: left; } .sProduct-list .item .txt .title { line-height: 30px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sProduct-list .item .txt .abstract { margin-top: 10px; color: #999999; line-height: 1.25em; } .sProduct-list .item .txt .abstract p { position: relative; } .sProduct-list .item .txt .abstract p:nth-child(1n+2) { margin-top: 0.375em; } .sProduct-list .item:hover .pic { -webkit-filter: brightness(106%); filter: brightness(106%); } .sProduct-list .item:hover .txt .title { color: #d81920; } @media screen and (max-width: 1024px) { .sProduct-list .item .txt { padding-left: 0; padding-right: 0; } .sProduct-list .item .txt .abstract { margin-top: 5px; } } .sProduct-list .item:nth-child(1n+1) { width: 32%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sProduct-list .item:nth-child( 3n+1) { margin-left: 0; } .sProduct-list .item:nth-child( 1n+4) { margin-top: 2%; } @media screen and (max-width: 1024px) { .sProduct-filter + .sProduct-list { margin-top: 1rem; } .sProduct-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sProduct-list .item:nth-child( 2n+1) { margin-left: 0; } .sProduct-list .item:nth-child( 1n+3) { margin-top: 2%; } } .sProduct-filter { position: relative; overflow: hidden; } .sProduct-filter .sel-Line { position: relative; border-bottom: #ededed solid 1px; margin-top: -1px; padding: 15px 5px 15px 100px; color: #333333; } .sProduct-filter .sel-Line .sel-Param { position: absolute; left: 0; top: 15px; line-height: 40px; width: 4.25em; text-align: right; font-weight: bold; } .sProduct-filter .sel-Line .sel-Param .panel { color: #d81920; } .sProduct-filter .sel-Line .sel-Param .panel:before { content: ":"; color: #333333; } .sProduct-filter .sel-Line .sel-Param .showAll { position: absolute; right: 4px; top: 4px; width: 24px; height: 24px; border-radius: 24px; background-color: #999999; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; color: #ffffff; } .sProduct-filter .sel-Line .sel-Param .showAll s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 16px; font-weight: bold; pointer-events: none; } .ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:before, .ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; margin-top: -0.5px; background-color: #ffffff; margin-left: -5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:before { -webkit-transform: rotate(-44deg) translateX(0.5px); transform: rotate(-44deg) translateX(0.5px); } .ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:after { -webkit-transform: rotate(44deg) translateX(0.5px); transform: rotate(44deg) translateX(0.5px); } @media screen and (min-width: 1025px) { .sProduct-filter .sel-Line .sel-Param .showAll:hover { color: #ffffff; } .sProduct-filter .sel-Line .sel-Param .showAll:hover s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sProduct-filter .sel-Line .sel-Param .showAll:hover s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } @media screen and (max-width: 1024px) { .sProduct-filter .sel-Line .sel-Param .showAll:active { color: #ffffff; } .sProduct-filter .sel-Line .sel-Param .showAll:active s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sProduct-filter .sel-Line .sel-Param .showAll:active s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } .sProduct-filter .sel-Line .sel-Param.unfold .showAll { background-color: #d81920; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sProduct-filter .sel-Line .sel-Value { position: relative; overflow: hidden; font-size: 0; min-height: 32px; margin-right: -8px; } .sProduct-filter .sel-Line .sel-Value .btn { display: inline-block; vertical-align: top; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-size: 14px; height: 32px; line-height: 32px; padding-left: 20px; padding-right: 20px; color: #333333; margin: 4px 8px; border-radius: 40px; } .sProduct-filter .sel-Line .sel-Value .btn:hover { color: #d81920; } .sProduct-filter .sel-Line .sel-Value .btn.on { background-color: #d81920; color: #fff; } @media screen and (max-width: 1024px) { .sProduct-filter .sel-Line { padding: 10px 5px; } .sProduct-filter .sel-Line .sel-Param { position: relative; top: auto; left: auto; line-height: 30px; width: auto; text-align: left; } .sProduct-filter .sel-Line .sel-Value { margin-right: -4px; display: none; margin-top: 6px; -webkit-transition: none !important; transition: none !important; min-height: 0; } .sProduct-filter .sel-Line .sel-Value .btn { margin: 2px 4px; line-height: 30px; height: 30px; padding-left: 12px; padding-right: 12px; } } .sProduct-intro { position: relative; padding: 40px 0 50px; margin-top: -50px; background-image: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5); } .sProduct-intro .head { position: relative; padding-right: 140px; } .sProduct-intro .head .title { line-height: 1.5; color: #333333; font-weight: bold; } .sProduct-intro .head .abstract { margin-top: 10px; color: #999999; line-height: 1.5; } .sProduct-intro .head .abstract span { display: inline-block; vertical-align: top; margin-right: .5em; } .sProduct-intro .head .backToList { position: absolute; right: 0; bottom: 0; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #d81920; } .sProduct-intro .body { margin-top: 40px; position: relative; min-height: 200px; padding: 0 200px; } .sProduct-intro .body .ctr_pdtView { top: 225px; } @media screen and (max-width: 1024px) { .sProduct-intro .body { padding: 0; } .sProduct-intro .body .ctr_pdtView { display: none; } } @media screen and (max-width: 1024px) { .sProduct-intro { padding: 0.8rem 0 1rem; margin-top: -1rem; } .sProduct-intro .head { padding-right: 100px; } .sProduct-intro .head .abstract { margin-top: 0.2rem; } .sProduct-intro .head .backToList { width: 84px; height: 32px; line-height: 32px; } .sProduct-intro .body { margin-top: 0.7rem; } } .sProduct-album .Tt { position: relative; overflow: hidden; width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; } .sProduct-album .Tt img { -o-object-fit: contain; object-fit: contain; } .sProduct-album .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sProduct-album .Tt .box .pic { width: 100%; height: 100%; background-color: #f1f1f1; } .sProduct-album .Tt .box.on { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; z-index: 6; } .sProduct-album .Tg { position: relative; padding: 0 165px; margin-top: 30px; } .sProduct-album .Tg .btn { display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 108px; z-index: 2; } .sProduct-album .Tg .btn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #d81920 solid 2px; z-index: 8; pointer-events: none; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sProduct-album .Tg .btn:nth-child(1n+2) { margin-left: 12px; } .sProduct-album .Tg .btn .pic { width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; background-color: #fff; } .sProduct-album .Tg .btn .pic img { -o-object-fit: contain; object-fit: contain; } .sProduct-album .Tg .btn.on:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0.8; visibility: visible; } .sProduct-album .Tg .ctr_pdtAlbum.prev { left: 100px; } .sProduct-album .Tg .ctr_pdtAlbum.next { right: 100px; } @media screen and (max-width: 1024px) { .sProduct-album .Tg { padding: 0 36px; margin-top: 0.6rem; } .sProduct-album .Tg .btn { width: 86px; height: 48px; } .sProduct-album .Tg .ctr_pdtAlbum.prev { left: 0; } .sProduct-album .Tg .ctr_pdtAlbum.next { right: 0; } } .sProduct-detail { position: relative; overflow: hidden; z-index: 2; margin-top: 40px; } @media screen and (max-width: 1024px) { .sProduct-detail { margin-top: 0.8rem; } .sProduct-detail > .contain { padding-top: 0.4rem; } } .sProduct-detail-section { position: relative; overflow: hidden; z-index: 2; } .sProduct-detail-section:nth-child(1n+2) { margin-top: 40px; } @media screen and (max-width: 1024px) { .sProduct-detail-section:nth-child(6) { display: none; } } .sProduct-detail-section .head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; height: 50px; line-height: 50px; } .sProduct-detail-section .head:after { display: none; } .sProduct-detail-section .head .l { position: relative; height: 24px; line-height: 24px; padding-left: 22px; font-size: 24px; color: #333333; font-weight: bold; } .sProduct-detail-section .head .l:before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 4px; height: 18px; background-color: #d81920; } .sProduct-detail-section .head .more { position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; line-height: 30px; padding-right: 42px; } .sProduct-detail-section .head .more .arrow { position: absolute; right: 12px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #d81920; color: #ffffff; } .sProduct-detail-section .head .more .arrow s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 16px; font-weight: bold; pointer-events: none; } .ysqUEO .sProduct-detail-section .head .more .arrow s { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .ysqUEO .sProduct-detail-section .head .more .arrow s:before, .ysqUEO .sProduct-detail-section .head .more .arrow s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 8px; height: 2px; margin-top: -1px; background-color: #ffffff; margin-left: -6px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .sProduct-detail-section .head .more .arrow s:before { -webkit-transform: rotate(-44deg) translateX(1px); transform: rotate(-44deg) translateX(1px); } .ysqUEO .sProduct-detail-section .head .more .arrow s:after { -webkit-transform: rotate(44deg) translateX(1px); transform: rotate(44deg) translateX(1px); } @media screen and (min-width: 1025px) { .sProduct-detail-section .head .more .arrow:hover { color: #ffffff; } .sProduct-detail-section .head .more .arrow:hover s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sProduct-detail-section .head .more .arrow:hover s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } @media screen and (max-width: 1024px) { .sProduct-detail-section .head .more .arrow:active { color: #ffffff; } .sProduct-detail-section .head .more .arrow:active s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sProduct-detail-section .head .more .arrow:active s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } .sProduct-detail-section .head .more .arrow s { -webkit-transform: scale(0.75) translateX(3%); transform: scale(0.75) translateX(3%); } .sProduct-detail-section .head .more .arrow:after { content: " "; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; background-color: #d81920; z-index: -1; pointer-events: none; border-radius: 50%; -webkit-animation-name: AniDotScaleOut; animation-name: AniDotScaleOut; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sProduct-detail-section .head .consult_btns { font-size: 0; text-align: right; } .sProduct-detail-section .head .consult_btns .btn { display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 150px; height: 50px; line-height: 50px; text-align: center; color: #fff; } .sProduct-detail-section .head .consult_btns .btn:after { background-color: rgba(0, 0, 0, 0.05); } .sProduct-detail-section .head .consult_btns .btn:nth-child(1n+2) { margin-left: 12px; } .sProduct-detail-section .body { margin-top: 20px; } .sProduct-detail-section .body .hr { margin-top: 40px; display: block; background-color: #cccccc; } @media screen and (max-width: 1024px) { .sProduct-detail-section:nth-child(1n+2) { margin-top: 0.8rem; } .sProduct-detail-section .head { height: 36px; line-height: 36px; } .sProduct-detail-section .head .l { padding-left: 12px; font-size: 18px; } .sProduct-detail-section .head .consult_btns .btn { width: 108px; height: 36px; line-height: 36px; } .sProduct-detail-section .body { margin-top: 0.4rem; } .sProduct-detail-section .body .hr { margin-top: 0.8rem; } } .sProduct-anchor { z-index: 80; position: fixed; } .sProduct-anchor .btn { position: relative; overflow: hidden; background-color: #e2e2e2; color: #333333; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .sProduct-anchor .btn.on { background-color: #d81920; color: #fff; } @media screen and (min-width: 1025px) { .sProduct-anchor { top: 120%; right: 50%; margin-right: 740px; } .sProduct-anchor .btn { display: block; width: 48px; height: 48px; } .sProduct-anchor .btn:nth-child(1n+2) { margin-top: 2px; } .sProduct-anchor .btn span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 36px; height: 36px; display: inline-block; vertical-align: top; line-height: 18px; font-size: 16px; text-align: center; padding-left: 1px; letter-spacing: 1px; } } @media screen and (min-width: 1025px) and (max-width: 1600px) { .sProduct-anchor { margin-right: 640px; } } @media screen and (min-width: 1025px) and (max-width: 1440px) { .sProduct-anchor { margin-right: 610px; } } @media screen and (max-width: 1024px) { .sProduct-anchor { display: none; } } .sProduct-parameter-tab { position: relative; } .sProduct-parameter-tab .Tg { position: relative; overflow: hidden; z-index: 2; } .sProduct-parameter-tab .Tg:after { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #dfdfdf; } .sProduct-parameter-tab .Tg .btn { z-index: 2; display: inline-block; vertical-align: top; position: relative; overflow: hidden; color: #666666; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; padding: 20px 0; } .sProduct-parameter-tab .Tg .btn:after { content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 0; width: 0; height: 1px; background-color: #d81920; } .sProduct-parameter-tab .Tg .btn:nth-child(1n+2) { margin-left: 36px; } .sProduct-parameter-tab .Tg .btn.on { color: #d81920; font-weight: bold; } .sProduct-parameter-tab .Tg .btn.on:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s; } .sProduct-parameter-tab .Tt { margin-top: 20px; } @media screen and (max-width: 1024px) { .sProduct-parameter-tab .Tg .btn { padding: 12px 0; } .sProduct-parameter-tab .Tg .btn:nth-child(1n+2) { margin-left: 20px; } } .sProduct-parameter-table, .sProduct-parameter-table .tr, .sProduct-parameter-table .td { border: none !important; } .sProduct-parameter-table .tr:nth-child(2n+2) { background-color: #f6f6f6; } .sProduct-parameter-table .td { padding: 15px 0; line-height: 20px; } .sProduct-parameter-table .td.td1 { width: 120px; text-align: right; color: #333333; } .sProduct-parameter-table .td.td2 { padding-left: 60px; color: #999999; } @media screen and (max-width: 1024px) { .sProduct-parameter-table .td { padding: 10px 0; line-height: 24px; } .sProduct-parameter-table .td.td1 { width: 6em; } .sProduct-parameter-table .td.td2 { padding-left: 0.8rem; padding-right: 0.6rem; } } .sProduct-photo-tab { position: relative; } .sProduct-photo-tab .Tt { position: relative; overflow: hidden; width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; background-color: #fff; } .sProduct-photo-tab .Tt img { -o-object-fit: contain; object-fit: contain; } .sProduct-photo-tab .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sProduct-photo-tab .Tt .box .pic { width: 100%; height: 100%; background-color: #f1f1f1; } .sProduct-photo-tab .Tt .box.on { -webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; z-index: 6; } .sProduct-photo-tab .Tt .box.leave { -webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 1; visibility: visible; } .sProduct-photo-tab .Tt .box.come { background-color: transparent; } .sProduct-photo-tab .Tt .box.come .pic { -webkit-clip-path: inset(0% 50%); clip-path: inset(0% 50%); -webkit-transition: 0ms; transition: 0ms; } .sProduct-photo-tab .Tt .box.on .pic { -webkit-clip-path: inset(0%); clip-path: inset(0%); -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; } .sProduct-photo-tab .Tg { position: relative; margin-top: 16px; } .sProduct-photo-tab .Tg .btn { display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 288px; z-index: 2; } .sProduct-photo-tab .Tg .btn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #d81920 solid 2px; z-index: 8; pointer-events: none; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sProduct-photo-tab .Tg .btn:nth-child(1n+2) { margin-left: 16px; } .sProduct-photo-tab .Tg .btn .pic { width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; } .sProduct-photo-tab .Tg .btn .pic img { -o-object-fit: contain; object-fit: contain; } .sProduct-photo-tab .Tg .btn.on:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0.8; visibility: visible; } @media screen and (max-width: 1024px) { .sProduct-photo-tab .Tg { margin-top: 0.4rem; } .sProduct-photo-tab .Tg .btn { width: 25vw; } .sProduct-photo-tab .Tg .btn:nth-child(1n+2) { margin-left: 0.4rem; } } .sProduct-relative-resMove { padding-top: 40px; } .sProduct-relative-resMove .shade { height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sProduct-relative-resMove .box { position: relative !important; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .sProduct-relative-resMove .box:after { display: none; } .sProduct-relative-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sProduct-relative-resMove .item { overflow: hidden; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; width: 400px; position: relative; } .sProduct-relative-resMove .item .tag { position: absolute; top: 6px; right: 12px; z-index: 9; pointer-events: none; } .sProduct-relative-resMove .item .pic { width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; overflow: visible; background-color: transparent !important; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sProduct-relative-resMove .item .pic img { -o-object-fit: contain; object-fit: contain; } .sProduct-relative-resMove .item .txt { padding: 0.9rem 0.4rem; text-align: center; } .sProduct-relative-resMove .item .txt .vmbox { text-align: left; } .sProduct-relative-resMove .item .txt .title { line-height: 30px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sProduct-relative-resMove .item .txt .abstract { margin-top: 10px; color: #999999; line-height: 1.25em; } .sProduct-relative-resMove .item .txt .abstract p { position: relative; } .sProduct-relative-resMove .item .txt .abstract p:nth-child(1n+2) { margin-top: 0.375em; } .sProduct-relative-resMove .item:hover .pic { -webkit-filter: brightness(106%); filter: brightness(106%); } .sProduct-relative-resMove .item:hover .txt .title { color: #d81920; } @media screen and (max-width: 1024px) { .sProduct-relative-resMove .item .txt { padding-left: 0; padding-right: 0; } .sProduct-relative-resMove .item .txt .abstract { margin-top: 5px; } } .sProduct-relative-resMove .pagination.pagination_case { margin-top: 0 !important; } @media screen and (max-width: 1024px) { .sProduct-relative-resMove { margin-top: 0.8rem; } } .sProduct-project-tab { position: relative; padding-right: 410px; } .sProduct-project-tab .Tt { position: relative; overflow: hidden; width: 100%; height: 0 !important; padding-bottom: 62.56410256%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sProduct-project-tab .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 0; visibility: hidden; } .sProduct-project-tab .Tt .box .pic { width: 100%; height: 100%; background-color: #f1f1f1; } .sProduct-project-tab .Tt .box .txt { position: absolute; left: 0; bottom: 0; right: 0; padding: 30px; z-index: 6; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .sProduct-project-tab .Tt .box .txt .item { position: relative; line-height: 1.5; padding-left: 15px; } .sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) { margin-top: 10px; } .sProduct-project-tab .Tt .box .txt .item:before { content: " "; position: absolute; left: 0; top: 12px; margin-top: -5px; overflow: hidden; width: 0; height: 0; border-width: 5px 6px; border-color: transparent transparent transparent #ffffff; border-style: solid; } .sProduct-project-tab .Tt .box .txt .item .sdt { font-weight: bold; } .sProduct-project-tab .Tt .box.on { -webkit-transition: all 540ms ease-out 0ms; transition: all 540ms ease-out 0ms; opacity: 1; visibility: visible; z-index: 6; } .sProduct-project-tab .Tg { position: absolute; right: 0; top: 0; bottom: 0; width: 388px; } .sProduct-project-tab .Tg .oScroll { width: 100%; height: 100%; } .sProduct-project-tab .Tg .btn { position: relative; overflow: hidden; z-index: 2; display: block; height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background-color: #f6f6f6; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sProduct-project-tab .Tg .btn:after { display: none; } .sProduct-project-tab .Tg .btn:nth-child(1n+2) { margin-top: 18px; } .sProduct-project-tab .Tg .btn:before { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #d81920; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .sProduct-project-tab .Tg .btn .wrapIn { padding: 0 45px; font-weight: bold; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; line-height: 1.4; } .sProduct-project-tab .Tg .btn.on:before { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .sProduct-project-tab .Tg .btn.on .wrapIn { color: #fff; } @media screen and (max-width: 1024px) { .sProduct-project-tab { padding-right: 0; } .sProduct-project-tab .Tt .box .txt { padding: 12px; } .sProduct-project-tab .Tt .box .txt .item:before { top: 10.5px; } .sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) { margin-top: 5px; } .sProduct-project-tab .Tg { position: relative; width: 100%; margin-top: 12px; } .sProduct-project-tab .Tg .oScroll { overflow-x: auto; white-space: nowrap; } .sProduct-project-tab .Tg .btn { display: inline-block; vertical-align: top; height: auto; } .sProduct-project-tab .Tg .btn:nth-child(1n+2) { margin-left: 0.4rem; margin-top: 0; } .sProduct-project-tab .Tg .btn .wrapIn { padding: 0.4rem 0.6rem; font-size: 16px; } } .sProduct-imax .imax { color: #333333; } /* sCase */ .sCase-relative-resMove { position: relative; } .sCase-relative-resMove .shade { height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sCase-relative-resMove .box { position: relative !important; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .sCase-relative-resMove .box:after { display: none; } .sCase-relative-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sCase-relative-resMove .item { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; width: 400px; position: relative; overflow: hidden; z-index: 2; } .sCase-relative-resMove .item:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%); } .sCase-relative-resMove .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.56410256%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sCase-relative-resMove .item .bottomIn { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; z-index: 6; } .sCase-relative-resMove .item .title { position: absolute; left: 0; bottom: 0; right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; padding: 15px; color: #fff; } .sCase-relative-resMove .item .more { position: absolute; right: 0; bottom: 0; width: 68px; height: 48px; line-height: 48px; color: #fff; text-align: center; padding-left: 0.04em; letter-spacing: 0.04em; font-size: 14px; } @media screen and (min-width: 1025px) { .sCase-relative-resMove .item:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sCase-relative-resMove .item .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); } .sCase-relative-resMove .item .bottomIn:before, .sCase-relative-resMove .item .bottomIn:after { content: " "; position: absolute; left: 100%; top: 100%; z-index: -1; pointer-events: none; background-color: #d81920; border-radius: 50%; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sCase-relative-resMove .item .bottomIn:before { z-index: -2; opacity: .5; width: 45%; padding-bottom: 45%; -webkit-transform-origin: 52% 52%; transform-origin: 52% 52%; margin-left: -21%; margin-top: -26%; -webkit-animation-delay: -1s; animation-delay: -1s; } .sCase-relative-resMove .item .bottomIn:after { width: 35%; padding-bottom: 35%; -webkit-transform-origin: 48% 48%; transform-origin: 48% 48%; margin-left: -10%; margin-top: -15%; -webkit-animation-delay: -1.5s; animation-delay: -1.5s; } .sCase-relative-resMove .item:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sCase-relative-resMove .item:hover .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .sCase-relative-resMove .item:hover .bottomIn:before, .sCase-relative-resMove .item:hover .bottomIn:after { -webkit-animation-play-state: running; animation-play-state: running; } } @media screen and (max-width: 1024px) { .sCase-relative-resMove .item .title { right: 0; text-align: center; padding: 0.4rem; } .sCase-relative-resMove .item .more { display: none; } } .sCase-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .sCase-list:after { display: none; } .sCase-list .item { position: relative; overflow: hidden; z-index: 2; } .sCase-list .item:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%); } .sCase-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.56410256%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sCase-list .item .bottomIn { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; z-index: 6; } .sCase-list .item .title { position: absolute; left: 0; bottom: 0; right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; padding: 15px; color: #fff; } .sCase-list .item .more { position: absolute; right: 0; bottom: 0; width: 68px; height: 48px; line-height: 48px; color: #fff; text-align: center; padding-left: 0.04em; letter-spacing: 0.04em; font-size: 14px; } @media screen and (min-width: 1025px) { .sCase-list .item:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sCase-list .item .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); } .sCase-list .item .bottomIn:before, .sCase-list .item .bottomIn:after { content: " "; position: absolute; left: 100%; top: 100%; z-index: -1; pointer-events: none; background-color: #d81920; border-radius: 50%; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sCase-list .item .bottomIn:before { z-index: -2; opacity: .5; width: 45%; padding-bottom: 45%; -webkit-transform-origin: 52% 52%; transform-origin: 52% 52%; margin-left: -21%; margin-top: -26%; -webkit-animation-delay: -1s; animation-delay: -1s; } .sCase-list .item .bottomIn:after { width: 35%; padding-bottom: 35%; -webkit-transform-origin: 48% 48%; transform-origin: 48% 48%; margin-left: -10%; margin-top: -15%; -webkit-animation-delay: -1.5s; animation-delay: -1.5s; } .sCase-list .item:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sCase-list .item:hover .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .sCase-list .item:hover .bottomIn:before, .sCase-list .item:hover .bottomIn:after { -webkit-animation-play-state: running; animation-play-state: running; } } @media screen and (max-width: 1024px) { .sCase-list .item .title { right: 0; text-align: center; padding: 0.4rem; } .sCase-list .item .more { display: none; } } .sCase-list .item:nth-child(1n+1) { width: 32.5%; margin-left: 1.25%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sCase-list .item:nth-child( 3n+1) { margin-left: 0; } .sCase-list .item:nth-child( 1n+4) { margin-top: 1.25%; } @media screen and (max-width: 1024px) { .sCase-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sCase-list .item:nth-child( 2n+1) { margin-left: 0; } .sCase-list .item:nth-child( 1n+3) { margin-top: 2%; } } .sCase-switch { position: relative; padding-left: 480px; height: 454px; } .sCase-switch .item { position: relative; left: 0; top: 0; width: 100%; height: 100%; } .sCase-switch .item .pic { width: 100%; height: 100%; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; background-color: #f1f1f1; } .sCase-switch .Tt { position: absolute; left: 0; top: 0; width: 480px; height: 100%; background-color: #fff; } .sCase-switch .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 60px; } .sCase-switch .Tt .box .wrapIn { padding: 25px; } .sCase-switch .Tt .box .wrapIn .title { font-size: 22px; color: #333333; line-height: 30px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sCase-switch .Tt .box .wrapIn .abstract { margin-top: 40px; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 5.25em; color: #666666; } .sCase-switch + .sCase-list { margin-top: 2.4rem; } .sCase-switch + .sCase-list:after { display: block; content: " "; position: absolute; left: 50%; top: 0; margin-top: -1.2rem; margin-left: -1500px; width: 3000px; height: 1.2rem; z-index: -1; pointer-events: none; visibility: visible; background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff); } @media screen and (min-width: 1025px) { .sCase-switch .Tt .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; background-color: #fff; } .sCase-switch .Tt .box:after { display: none; } .sCase-switch .Tt .box.on { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sCase-switch .Tt .ctr_case { bottom: 0; } .sCase-switch .Tt .ctr_case.prev { right: 0; } .sCase-switch .Tt .ctr_case.next { left: 100%; } .sCase-switch .Tt .pagination_case { position: absolute; bottom: 35px; left: 25px; right: 80px; text-align: left; } } @media screen and (max-width: 1024px) { .sCase-switch { padding-left: 0; height: auto; } .sCase-switch .shade, .sCase-switch .box { position: relative !important; height: auto !important; } .sCase-switch .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.56410256%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sCase-switch .item.on { position: relative !important; } .sCase-switch .Tt { position: relative; width: 100%; height: auto; } .sCase-switch .Tt .box { padding-bottom: 0; } .sCase-switch .Tt .box .wrapIn { padding: 0.6rem 0; } .sCase-switch .Tt .box .wrapIn .title { font-size: 18px; } .sCase-switch .Tt .box .wrapIn .abstract { margin-top: 0.3rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em; } .sCase-switch .Tt .ctr_case { bottom: 100%; margin-bottom: 31.28205128%; -webkit-transform: translateY(24px); transform: translateY(24px); } .sCase-switch .Tt .ctr_case.prev { left: 0; } .sCase-switch .Tt .ctr_case.next { right: 0; } .sCase-switch .Tt .pagination_case { position: absolute; left: 0; bottom: 100%; margin-bottom: 0.6rem; z-index: 9; text-align: center; width: 100%; } } .sCase-switch-clone { position: absolute; top: 0; width: 720px; height: 454px; pointer-events: none; } @media screen and (max-width: 1024px) { .sCase-switch-clone { display: none; } } .sCase-switch-prev { right: 100%; margin-right: 30px; } .sCase-switch-next { left: 100%; margin-left: 30px; } .sCase-intro { position: relative; } .sCase-intro .head { position: relative; padding-right: 140px; } .sCase-intro .head .title { line-height: 40px; color: #333333; font-weight: bold; } .sCase-intro .head .backToList { position: absolute; right: 0; bottom: 0; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #d81920; } .sCase-intro .body { margin-top: 40px; position: relative; min-height: 200px; } .sCase-intro .body .sCase-album { margin-top: 40px; } @media screen and (max-width: 1024px) { .sCase-intro .head { padding-right: 100px; } .sCase-intro .head .title { line-height: 1.5; } .sCase-intro .head .backToList { width: 84px; height: 32px; line-height: 32px; } .sCase-intro .body { margin-top: 0.8rem; } .sCase-intro .body .sCase-album { margin-top: 0.8rem; } } .sCase-album .Tt { position: relative; overflow: hidden; width: 100%; height: 0 !important; padding-bottom: 56.31578947%; background-color: #f1f1f1; } .sCase-album .Tt img { -o-object-fit: contain; object-fit: contain; } .sCase-album .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sCase-album .Tt .box .pic { width: 100%; height: 100%; background-color: #f1f1f1; } .sCase-album .Tt .box.on { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; z-index: 6; } .sCase-album .Tt .ctr_caseAlbum.prev { left: -5px; } .sCase-album .Tt .ctr_caseAlbum.next { right: -5px; } .sCase-album .Tg { position: relative; margin-top: 20px; } .sCase-album .Tg .btn { display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 185px; z-index: 2; } .sCase-album .Tg .btn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #d81920 solid 2px; z-index: 8; pointer-events: none; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sCase-album .Tg .btn:nth-child(1n+2) { margin-left: 18px; } .sCase-album .Tg .btn .pic { width: 100%; height: 0 !important; padding-bottom: 62.56410256%; /* img {object-fit:contain;} */ background-color: #f1f1f1; } .sCase-album .Tg .btn.on:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0.8; visibility: visible; } @media screen and (min-width: 1025px) { .sCase-album .Tt .ctr_caseAlbum { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .sCase-album .Tt .ctr_caseAlbum.prev { left: -100px; } .sCase-album .Tt .ctr_caseAlbum.next { right: -100px; } .sCase-album .Tt:hover .ctr_caseAlbum.prev { left: -5px; } .sCase-album .Tt:hover .ctr_caseAlbum.next { right: -5px; } } @media screen and (max-width: 1024px) { .sCase-album .Tg { margin-top: 0.4rem; } .sCase-album .Tg .btn { width: 106px; } .sCase-album .Tg .btn:nth-child(1n+2) { margin-left: 10px; } .sCase-album .Tg .ctr_pdtAlbum.prev { left: 0; } .sCase-album .Tg .ctr_pdtAlbum.next { right: 0; } } /* sFactory */ .sFactory-resMove { position: relative; } .sFactory-resMove .shade { height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sFactory-resMove .box { position: relative !important; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .sFactory-resMove .box:after { display: none; } .sFactory-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sFactory-resMove .item { position: relative; overflow: hidden; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; width: 400px; } .sFactory-resMove .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.69430052%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .sFactory-resMove .item .pic:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 7; pointer-events: none; background-image: url(../images/btns-zoomer.png); background-size: 80px auto; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(1.5); transform: scale(1.5); } .sFactory-resMove .item .title { margin-top: 4px; height: 44px; line-height: 44px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; background-color: #f6f6f6; padding: 0 15px; } @media screen and (min-width: 1025px) { .sFactory-resMove .item:hover .pic:after { -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } } @media screen and (max-width: 1024px) { .sFactory-resMove .item .pic:after { background-size: 64px 64px; } .sFactory-resMove .item:active .pic:after { -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } } /* sAfterSale */ .sAfterSale-wrap { background-color: #f5f5f5; } .sAfterSale-wrap .axd { margin-top: 0 !important; } .sAfterSale-section2 { padding-top: 55px; padding-bottom: 55px; } .sAfterSale-section2 .head { text-align: center; font-weight: bold; color: #d81920; } .sAfterSale-section2 .aside { margin-top: 25px; line-height: 1.75; text-align: center; } .sAfterSale-section2 .list6 { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .sAfterSale-section2 .list6:after { display: none; } .sAfterSale-section2 .list6 .item { background-color: #fff; border: #e4e4e4 solid 1px; text-align: center; padding: 35px 40px 50px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sAfterSale-section2 .list6 .item:nth-child(1n+1) { width: 32%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sAfterSale-section2 .list6 .item:nth-child( 3n+1) { margin-left: 0; } .sAfterSale-section2 .list6 .item:nth-child( 1n+4) { margin-top: 2%; } .sAfterSale-section2 .list6 .item .icoImg { width: 140px; height: 100px; display: block; margin-left: auto; margin-right: auto; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .sAfterSale-section2 .list6 .item .dt { margin-top: 15px; color: #333333; font-weight: bold; line-height: 1.5; } .sAfterSale-section2 .list6 .item .dd { margin-top: 25px; line-height: 1.75em; color: #666666; } @media screen and (min-width: 1025px) { .sAfterSale-section2 .list6 .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } .sAfterSale-section2 .list6 .item:hover .icoImg { -webkit-transform: rotateY(360deg) translateY(-2px); transform: rotateY(360deg) translateY(-2px); } } @media screen and (max-width: 1024px) { .sAfterSale-section2 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .sAfterSale-section2 .aside { margin-top: 0.5rem; } .sAfterSale-section2 .list6 { margin-top: 0.8rem; } .sAfterSale-section2 .list6 .item { padding: 0.6rem 0.7rem 1rem; } .sAfterSale-section2 .list6 .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sAfterSale-section2 .list6 .item:nth-child( 2n+1) { margin-left: 0; } .sAfterSale-section2 .list6 .item:nth-child( 1n+3) { margin-top: 2%; } .sAfterSale-section2 .list6 .item .icoImg { width: 112px; height: 80px; } .sAfterSale-section2 .list6 .item .dt { margin-top: 0.3rem; } .sAfterSale-section2 .list6 .item .dd { margin-top: 0.5rem; line-height: 1.5; } } /* sMaintenance */ .sMaintenance-tab { z-index: 2; position: relative; overflow: hidden; padding: 90px 0 110px; } .sMaintenance-tab .contain { position: relative; padding-left: 332px; } .sMaintenance-tab .contain .Tt { width: 100%; position: relative; overflow: hidden; height: 510px; background-color: #fff; } .sMaintenance-tab .contain .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: #fff; color: #333333; -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 0; visibility: hidden; padding: 35px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sMaintenance-tab .contain .Tt .box.on { -webkit-transition: all 540ms ease-out 0ms; transition: all 540ms ease-out 0ms; opacity: 1; visibility: visible; z-index: 6; } .sMaintenance-tab .contain .Tg { position: absolute; left: 0; top: 0; bottom: 0; width: 330px; } .sMaintenance-tab .contain .Tg .oScroll { width: 100%; height: 100%; } .sMaintenance-tab .contain .Tg .btn { position: relative; z-index: 2; display: block; width: 310px; margin-right: 20px; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background-color: #fff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; } .sMaintenance-tab .contain .Tg .btn:after { display: none; } .sMaintenance-tab .contain .Tg .btn:nth-child(1n+2) { margin-top: 30px; } .sMaintenance-tab .contain .Tg .btn:before { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 100%; top: 50%; margin-top: -10px; overflow: hidden; width: 0; height: 0; border-width: 10px 12px; border-color: transparent transparent transparent #d81920; border-style: solid; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .sMaintenance-tab .contain .Tg .btn .wrapIn { padding: 0.4rem; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; line-height: 1.4; } .sMaintenance-tab .contain .Tg .btn.on { background-color: #d81920; } .sMaintenance-tab .contain .Tg .btn.on:before { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .sMaintenance-tab .contain .Tg .btn.on .wrapIn { color: #fff; } @media screen and (max-width: 1024px) { .sMaintenance-tab .contain { padding-left: 0; } .sMaintenance-tab .contain .Tt { height: 12rem; } .sMaintenance-tab .contain .Tt .box { padding: 0.8rem 0.2rem 0.8rem 0.8rem; } .sMaintenance-tab .contain .Tt .box .module-Scrollbox { padding-right: 0.6rem; } .sMaintenance-tab .contain .Tg { position: relative; width: 100%; margin-top: 12px; } .sMaintenance-tab .contain .Tg .oScroll { overflow-x: auto; white-space: nowrap; } .sMaintenance-tab .contain .Tg .btn { display: inline-block; vertical-align: top; margin-top: 10px !important; width: auto; height: auto; padding: 0; margin-right: 0; } .sMaintenance-tab .contain .Tg .btn:nth-child(1n+2) { margin-left: 0.4rem; } .sMaintenance-tab .contain .Tg .btn:before { border-color: transparent transparent #d81920 transparent; left: 50%; margin-left: -10px; margin-top: 2px; top: auto; bottom: 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; border-width: 8px 10px; } .sMaintenance-tab .contain .Tg .btn .wrapIn { padding: 0.4rem 0.6rem; font-size: 16px; } } @media screen and (max-width: 1024px) { .sMaintenance-tab { padding: 1.2rem 0 1.6rem; } } /* sWarranty */ /* sQuestion */ .sQuestion-list { margin-top: -40px; } .sQuestion-list .item { background-color: #fff; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; position: relative; z-index: 2; } .sQuestion-list .item:after { content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 0; top: 100%; width: 100%; height: 0; background-color: #f7f8f9; } .sQuestion-list .item .contain { padding: 40px 65px; border-bottom: #f6f6f6 solid 1px; } .sQuestion-list .item .question { position: relative; cursor: pointer; min-height: 30px; line-height: 30px; padding: 5px 0; } .sQuestion-list .item .question .snum { position: absolute; left: -65px; top: 0; width: 45px; height: 36px; line-height: 36px; border-radius: 3px; background-color: #999999; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-align: center; z-index: 2; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sQuestion-list .item .question .snum:before { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 100%; margin-top: -8px; overflow: hidden; width: 0; height: 0; border-width: 8px 8px; border-color: transparent transparent transparent #999999; border-style: solid; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sQuestion-list .item .question .title { color: #333333; } .sQuestion-list .item .question .arrow { position: absolute; right: -60px; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 40px; background-color: #999999; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; color: #ffffff; } .sQuestion-list .item .question .arrow s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 20px; font-weight: bold; pointer-events: none; } .ysqUEO .sQuestion-list .item .question .arrow s { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .ysqUEO .sQuestion-list .item .question .arrow s:before, .ysqUEO .sQuestion-list .item .question .arrow s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; margin-top: -0.5px; background-color: #ffffff; margin-left: -6px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .sQuestion-list .item .question .arrow s:before { -webkit-transform: rotate(-44deg) translateX(0.5px); transform: rotate(-44deg) translateX(0.5px); } .ysqUEO .sQuestion-list .item .question .arrow s:after { -webkit-transform: rotate(44deg) translateX(0.5px); transform: rotate(44deg) translateX(0.5px); } @media screen and (min-width: 1025px) { .sQuestion-list .item .question .arrow:hover { color: #ffffff; } .sQuestion-list .item .question .arrow:hover s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sQuestion-list .item .question .arrow:hover s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } @media screen and (max-width: 1024px) { .sQuestion-list .item .question .arrow:active { color: #ffffff; } .sQuestion-list .item .question .arrow:active s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sQuestion-list .item .question .arrow:active s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } .sQuestion-list .item .answer { display: none; } .sQuestion-list .item .answer .imax { padding-top: 35px; } .sQuestion-list .item.unfold:after { top: 0; height: 100%; -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s; transition: top 0ms ease-out 0s, height 220ms ease-out 0s; } .sQuestion-list .item.unfold .question .snum { background-color: #d81920; } .sQuestion-list .item.unfold .question .snum:before { border-left-color: #d81920; } .sQuestion-list .item.unfold .question .arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: #d81920; } @media screen and (min-width: 1025px) { .sQuestion-list .item .arrow:hover { background-color: #d81920; } .sQuestion-list .item:hover .question .arrow { right: -66px; } .sQuestion-list .item:hover .question .snum { background-color: #d81920; } .sQuestion-list .item:hover .question .snum:before { border-left-color: #d81920; } .sQuestion-list .item:hover .question .arrow { background-color: #d81920; } } @media screen and (max-width: 1024px) { .sQuestion-list { margin-top: -0.8rem; } .sQuestion-list .item .contain { padding: 0.8rem 0; } .sQuestion-list .item .question .snum { left: 0; position: relative; float: left; color: #333333; background-color: transparent !important; width: auto; height: auto; line-height: inherit; } .sQuestion-list .item .question .snum:before { display: none; } .sQuestion-list .item .question .snum:after { content: " "; width: .5em; height: 1px; display: inline-block; vertical-align: top; } .sQuestion-list .item .question .arrow { right: 0; margin-top: -16px; width: 32px; height: 32px; } .sQuestion-list .item .question .arrow s { -webkit-transform: scale(0.75); transform: scale(0.75); } .sQuestion-list .item .answer .imax { padding: 0.7rem 0.8rem 0; } } .sQuestion-list.list2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 0; } .sQuestion-list.list2:after { display: none; } .sQuestion-list.list2 .item:nth-child(1n+1) { width: 48%; margin-left: 4%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sQuestion-list.list2 .item:nth-child( 2n+1) { margin-left: 0; } .sQuestion-list.list2 .item:nth-child( 1n+3) { margin-top: 2%; } .sQuestion-list.list2 .item .contain { padding: 20px 65px; } @media screen and (max-width: 1024px) { .sQuestion-list.list2 .item:nth-child(1n+1) { width: 100%; margin-left: 0%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sQuestion-list.list2 .item:nth-child( 1n+1) { margin-left: 0; } .sQuestion-list.list2 .item:nth-child( 1n+2) { margin-top: 0%; } .sQuestion-list.list2 .item .contain { padding: 0.6rem 0; } .sQuestion-list.list2 .item:nth-child(1n+2) { margin-top: 2%; } } /* sDepreciation,.sComponent */ .sDepreciation-list, .sComponent-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 100%; margin-top: 35px; } .sDepreciation-list:after, .sComponent-list:after { display: none; } .sDepreciation-list .item:nth-child(1n+1), .sComponent-list .item:nth-child(1n+1) { width: 32%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sDepreciation-list .item:nth-child( 3n+1), .sComponent-list .item:nth-child( 3n+1) { margin-left: 0; } .sDepreciation-list .item:nth-child( 1n+4), .sComponent-list .item:nth-child( 1n+4) { margin-top: 0%; } .sDepreciation-list .item .pic, .sComponent-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.63157895%; background-color: #f1f1f1; } .sDepreciation-list .item .title, .sComponent-list .item .title { text-align: center; padding: 15px; line-height: 20px; } @media screen and (max-width: 1024px) { .sDepreciation-list, .sComponent-list { margin-top: 0.7rem; } .sDepreciation-list .item:nth-child(1n+1), .sComponent-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sDepreciation-list .item:nth-child( 2n+1), .sComponent-list .item:nth-child( 2n+1) { margin-left: 0; } .sDepreciation-list .item:nth-child( 1n+3), .sComponent-list .item:nth-child( 1n+3) { margin-top: 0%; } } .sDepreciation-form, .sComponent-form { position: relative; overflow: hidden; z-index: 2; padding-top: 50px; } .sDepreciation-form:after, .sComponent-form:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 2.4rem; z-index: -1; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff); } @media screen and (max-width: 1024px) { .sDepreciation-form, .sComponent-form { padding-top: 1rem; } } .sDepreciation-form.skinspe, .sComponent-form.skinspe { padding-top: 0 !important; } .sDepreciation-form.skinspe:after, .sComponent-form.skinspe:after { display: none; } /* sProject */ .sProject-list .item { position: relative; overflow: hidden; z-index: 2; background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .sProject-list .item:after { display: none; } @media screen and (max-width: 1024px) { .sProject-list .item { display: block; } } .sProject-list .item .snum { position: absolute; z-index: 8; pointer-events: none; top: 0; width: 64px; height: 100px; background-color: #d81920; -webkit-clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0); clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0); text-align: center; color: #fff; font-family: Helvetica, Arial, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; } .sProject-list .item .snum span { display: inline-block; vertical-align: top; padding: 20px 0 10px; border-bottom: #ffffff solid 2px; } .sProject-list .item .pic { height: 0 !important; padding-bottom: 31.25%; width: 50%; } .sProject-list .item .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: 50%; max-height: 375px; } .sProject-list .item .txt:after { display: none; } .sProject-list .item .txt .wrapIn { padding: 30px 50px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100%; width: 100%; overflow-y: auto; } .sProject-list .item .txt .title { font-weight: bold; color: #d81920; line-height: 1.25; } .sProject-list .item .txt .oList { margin-top: 30px; } .sProject-list .item .txt .oList .oLi { position: relative; overflow: hidden; padding-left: 20px; z-index: 1; line-height: 1.625; color: #666666; } .sProject-list .item .txt .oList .oLi:before { content: " "; position: absolute; left: 0; top: 0.8125em; margin-top: -5px; overflow: hidden; width: 0; height: 0; border-width: 5px 6px; border-color: transparent transparent transparent #d81920; border-style: solid; } .sProject-list .item .txt .oList .oLi:nth-child(1n+2) { margin-top: 20px; } .sProject-list .item .txt .oList .oLi .sdt { color: #d81920; font-weight: bold; } .sProject-list .item:nth-child(2n+1) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .sProject-list .item:nth-child(2n+1) .snum { left: 0; } .sProject-list .item:nth-child(2n+2) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sProject-list .item:nth-child(2n+2) .snum { right: 0; } @media screen and (max-width: 1024px) { .sProject-list .item .snum { left: 0; width: 48px; height: 72px; } .sProject-list .item .snum span { padding: 12px 0 6px; } .sProject-list .item .pic, .sProject-list .item .txt { width: 100%; max-height: auto; } .sProject-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.5%; } .sProject-list .item .txt .wrapIn { padding: 1rem; } .sProject-list .item .txt .title { font-size: 20px; line-height: 1.5; } .sProject-list .item .txt .oList { margin-top: 0.6rem; } .sProject-list .item .txt .oList .oLi { padding-left: 12px; } .sProject-list .item .txt .oList .oLi:nth-child(1n+2) { margin-top: 0.4rem; } } /* sAbout */ .sAbout-intro { position: relative; z-index: 3; padding: 50px 0 60px; margin-top: -50px; } .sAbout-intro .arrow { position: absolute; left: 50%; top: 100%; margin-top: -50px; margin-left: -45px; width: 90px; height: 90px; border-radius: 90px; background-color: #fff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; z-index: -1; pointer-events: none; color: #d81920; } .sAbout-intro .arrow s { -webkit-transform: rotate(90deg) translateX(6px); transform: rotate(90deg) translateX(6px); } .sAbout-intro .arrow s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 48px; font-weight: bold; pointer-events: none; } .ysqUEO .sAbout-intro .arrow s { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .ysqUEO .sAbout-intro .arrow s:before, .ysqUEO .sAbout-intro .arrow s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 3px; margin-top: -1.5px; background-color: #d81920; margin-left: -15px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .sAbout-intro .arrow s:before { -webkit-transform: rotate(-44deg) translateX(1.5px); transform: rotate(-44deg) translateX(1.5px); } .ysqUEO .sAbout-intro .arrow s:after { -webkit-transform: rotate(44deg) translateX(1.5px); transform: rotate(44deg) translateX(1.5px); } @media screen and (min-width: 1025px) { .sAbout-intro .arrow:hover { color: #d81920; } .sAbout-intro .arrow:hover s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sAbout-intro .arrow:hover s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } @media screen and (max-width: 1024px) { .sAbout-intro .arrow:active { color: #d81920; } .sAbout-intro .arrow:active s:before { -webkit-transform: rotate(-44deg); transform: rotate(-44deg); } .sAbout-intro .arrow:active s:after { -webkit-transform: rotate(44deg); transform: rotate(44deg); } } .sAbout-intro + div { z-index: 2; } .sAbout-intro .digitalData { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; padding-top: 20px; } .sAbout-intro .digitalData:after { display: none; } .sAbout-intro .digitalData .col { padding: 0 30px; text-align: center; } .sAbout-intro .digitalData .col .sdt { color: #d81920; } .sAbout-intro .digitalData .col .sdt i { display: inline-block; vertical-align: top; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; margin-right: 5px; } .sAbout-intro .digitalData .col .sdt sub, .sAbout-intro .digitalData .col .sdt sup { line-height: 30px; } .sAbout-intro .digitalData .col .sdt sub { display: inline-block; vertical-align: bottom; font-size: 16px; } .sAbout-intro .digitalData .col .sdt sup { display: inline-block; vertical-align: top; font-size: 20px; } .sAbout-intro .digitalData .col .sdd { color: #333333; line-height: 1.25; margin-top: 5px; } .sAbout-intro .imax { margin-top: 40px; } @media screen and (max-width: 1024px) { .sAbout-intro { padding: 1rem 0 1.2rem; margin-top: -1rem; } .sAbout-intro .arrow { -webkit-transform: scale(0.6); transform: scale(0.6); } .sAbout-intro .digitalData { padding-top: 0.4rem; } .sAbout-intro .digitalData .col { padding: 0 5px; } .sAbout-intro .digitalData .col .sdd { max-width: 5em; margin-left: auto; margin-right: auto; } .sAbout-intro .imax { margin-top: 0.6rem; } } @media screen and (max-width: 640px) { .sAbout-intro .digitalData .col .sdt i { font-size: 22px; margin-right: 2px; } .sAbout-intro .digitalData .col .sdt sub, .sAbout-intro .digitalData .col .sdt sup { line-height: 1; } .sAbout-intro .digitalData .col .sdt sub { font-size: 12px; } .sAbout-intro .digitalData .col .sdt sup { font-size: 14px; } .sAbout-intro .digitalData .col .sdd { font-size: 12px; } } .sAbout-honor { position: relative; padding: 100px 0; } .sAbout-honor-switch { width: 480px; max-width: 100%; } .sAbout-honor-switch .shade { width: 100%; height: 0 !important; padding-bottom: 75%; background-color: #ebebeb; } .sAbout-honor-switch .item { position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #ebebeb; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; } .sAbout-honor-switch .item .pic { width: 100%; height: 100%; } .sAbout-honor-switch .item .pic img { -o-object-fit: contain; object-fit: contain; } .sAbout-honor-switch .pagination_case { position: absolute; left: 0; top: 100%; margin-top: 15px; width: 100%; text-align: center; } @media screen and (max-width: 1024px) { .sAbout-honor-switch { padding-bottom: 20px; } .sAbout-honor-switch .pagination_case { margin-top: -10px; } } .sAbout-honor .contain { background-color: #fff; border-radius: 16px; padding: 50px; } .sAbout-honor .txt { margin-right: 530px; min-height: 360px; padding: 10px 0; } .sAbout-honor .sAbout-honor-switch { position: absolute; right: 50px; top: 50px; } @media screen and (max-width: 1024px) { .sAbout-honor { padding: 2rem 0; } .sAbout-honor .contain { padding: 1rem; } .sAbout-honor .txt { margin-right: 0; margin-top: 0.4rem; min-height: 0; } .sAbout-honor .sAbout-honor-switch { margin-left: auto; margin-right: auto; position: relative; right: 0; top: 0; width: 100%; } .sAbout-honor .sAbout-honor-switch .item { padding: 0.6rem; } } .sAbout-factory { padding: 50px 0; } .sAbout-factory .description { line-height: 1.875; color: #666666; } .sAbout-factory .head { margin-bottom: 20px; margin-top: 30px; text-align: center; height: 30px; line-height: 30px; padding: 15px; color: #fff; background-color: #d81920; } @media screen and (max-width: 1024px) { .sAbout-factory { padding: 1rem 0; } .sAbout-factory .head { margin-top: 0.6rem; margin-bottom: 0.4rem; padding: 0.3rem; } } .sAbout-culture .oList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 40px; } .sAbout-culture .oList:after { display: none; } .sAbout-culture .oList .oLi { position: relative; width: 232px; } .sAbout-culture .oList .oLi:nth-child(2n+1) { margin-bottom: 30px; } .sAbout-culture .oList .oLi:nth-child(2n+2) { margin-top: 30px; } .sAbout-culture .oList .oLi .pic { background-color: #f1f1f1; } .sAbout-culture .oList .oLi .txt { z-index: 8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sAbout-culture .oList .oLi .txt:after { display: none; } .sAbout-culture .oList .oLi .txt .wrapIn { position: relative; padding: 20px 40px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; color: #fff; text-shadow: 1px 1.732px 6px rgba(0, 0, 0, 0.72); text-align: center; white-space: normal; } .sAbout-culture .oList .oLi .txt .wrapIn .dt { line-height: 1.5; } .sAbout-culture .oList .oLi .txt .wrapIn .dd { line-height: 1.5; } .sAbout-culture .oList .oLi .txt .wrapIn .dd:before { content: " "; display: block; margin-top: 15px; margin-bottom: 15px; width: 30px; height: 3px; margin-left: auto; margin-right: auto; background-color: #fff; } .sAbout-culture .oList .oLi .txt { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); } .sAbout-culture .oList .oLi ._loaded + .txt { -webkit-transition: all 400ms ease-out 200ms; transition: all 400ms ease-out 200ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } @media screen and (min-width: 1025px) { .sAbout-culture .oList .oLi .pic { width: 100%; height: 0 !important; padding-bottom: 166.37931034%; } .sAbout-culture .oList .oLi .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } } @media screen and (max-width: 1024px) { .sAbout-culture .oList { margin-top: 0.8rem; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sAbout-culture .oList .oLi { display: inline-block; vertical-align: top; width: 220px; min-width: 220px; } .sAbout-culture .oList .oLi .pic { width: 100%; height: 0 !important; padding-bottom: 124.78448276%; } .sAbout-culture .oList .oLi .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sAbout-culture .oList .oLi:nth-child(1n+2) { margin-left: 10px; } .sAbout-culture .oList .oLi:nth-child(1n+1) { margin-top: 0; margin-bottom: 0; } } /* sHonor */ .sHonor-wrap { padding-top: 0; } .sHonor-brand { position: relative; overflow: hidden; z-index: 2; padding-top: 50px; } .sHonor-brand + .sHonor-awards:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 2.4rem; z-index: -1; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff); } @media screen and (max-width: 1024px) { .sHonor-brand { padding-top: 1rem; } } .sHonor-brand .oList { position: relative; margin-top: 40px; padding-bottom: 20px; } .sHonor-brand .oList .oLi { position: relative; } .sHonor-brand .oList .oLi .dt { position: relative; overflow: hidden; } .sHonor-brand .oList .oLi .dt span { position: relative; z-index: 2; display: block; height: 42px; line-height: 42px; padding: 0 15px; width: 360px ; color: #fff; font-weight: bold; } .sHonor-brand .oList .oLi .dt span, .sHonor-brand .oList .oLi .dt:before, .sHonor-brand .oList .oLi .dt:after { background-image: url(../images/bgs-axdvantage.png); background-size: 100% 100%; background-position: 100% 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 61.8%; } .sHonor-brand .oList .oLi .dt:before, .sHonor-brand .oList .oLi .dt:after { content: " "; position: absolute; top: 0; pointer-events: none; width: 360px; height: 100%; } .sHonor-brand .oList .oLi .dt:before { left: 10px; opacity: .5; z-index: -1; } .sHonor-brand .oList .oLi .dt:after { left: 20px; opacity: .2; z-index: -2; } .sHonor-brand .oList .oLi .dd { padding: 25px 15px; color: #333333; } @media screen and (max-width: 1024px) { .sHonor-brand .oList { margin-top: 0.8rem; padding-bottom: 0.4rem; } .sHonor-brand .oList .oLi .dt span { height: 36px; line-height: 36px; } .sHonor-brand .oList .oLi .dd { padding: 0.6rem; } } .sHonor-awards { position: relative; overflow: hidden; z-index: 2; padding-top: 50px; } .sHonor-awards + .sHonor-brand { margin-top: 40px; } .sHonor-awards + .sHonor-brand:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 2.4rem; z-index: -1; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff); } @media screen and (max-width: 1024px) { .sHonor-awards { padding-top: 1rem; } .sHonor-awards + .sHonor-brand { margin-top: 0.8rem; } } .sHonor-awards-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 40px; } .sHonor-awards-list:after { display: none; } .sHonor-awards-list .item { padding: 0.7rem; background-image: url(../images/bgs-honor-awards-item.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .sHonor-awards-list .item:nth-child(1n+1) { width: 24%; margin-left: 1.33333333%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sHonor-awards-list .item:nth-child( 4n+1) { margin-left: 0; } .sHonor-awards-list .item:nth-child( 1n+5) { margin-top: 1.33333333%; } .sHonor-awards-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 75%; background-color: transparent !important; } .sHonor-awards-list .item .pic.loading { background-color: #fff !important; } .sHonor-awards-list .item .pic img { -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 1025px) { .sHonor-awards-list .item .pic { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sHonor-awards-list .item:hover .pic { -webkit-transform: scale(1.05); transform: scale(1.05); } } @media screen and (max-width: 1024px) { .sHonor-awards-list { margin-top: 0.8rem; } .sHonor-awards-list .item:nth-child(1n+1) { width: 32.5%; margin-left: 1.25%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sHonor-awards-list .item:nth-child( 3n+1) { margin-left: 0; } .sHonor-awards-list .item:nth-child( 1n+4) { margin-top: 1.25%; } } @media screen and (max-width: 640px) { .sHonor-awards-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sHonor-awards-list .item:nth-child( 2n+1) { margin-left: 0; } .sHonor-awards-list .item:nth-child( 1n+3) { margin-top: 2%; } } /* sTerritory */ .sTerritory-distribution { padding-bottom: 50px; /* citymapSearch */ } @media screen and (max-width: 1024px) { .sTerritory-distribution { padding-bottom: 1rem; } } .sTerritory-distribution .maps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sTerritory-distribution .maps:after { display: none; } @media screen and (max-width: 1024px) { .sTerritory-distribution .maps { display: block; } } .sTerritory-distribution .citymapSearch { position: relative; z-index: 1; padding-top: 0; padding-bottom: 0; background-repeat: repeat; margin-top: 40px; width: 830px; } @media screen and (max-width: 1024px) { .sTerritory-distribution .citymapSearch { margin-top: 0.8rem; } } .sTerritory-distribution .citymapSearch .mapBox { position: relative; z-index: 2; width: 100%; height: 0 !important; padding-bottom: 80.72289157%; font-size: 100px; } .sTerritory-distribution .citymapSearch .mapImg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } .sTerritory-distribution .citymapSearch .mapList { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sTerritory-distribution .citymapSearch .mapList li { z-index: 1; position: absolute; width: 0.2em; height: 0.3em; } .sTerritory-distribution .citymapSearch .mapList li .piece { position: absolute; display: none; z-index: -1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .sTerritory-distribution .citymapSearch .mapList li .mapText { width: 80px; text-align: center; position: absolute; bottom: -8px; z-index: 10; left: 50%; margin-left: -40px; font-size: 14px; color: #444343; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sTerritory-distribution .citymapSearch .mapList li .dot { position: absolute; width: 20px; height: 20px; pointer-events: none; z-index: 4; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .sTerritory-distribution .citymapSearch .mapList li .dot:before, .sTerritory-distribution .citymapSearch .mapList li .dot:after { content: " "; background-color: #d81920; border-radius: 50%; position: absolute; top: 50%; left: 50%; } .sTerritory-distribution .citymapSearch .mapList li .dot:before { z-index: 1; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; } .sTerritory-distribution .citymapSearch .mapList li .dot:after { z-index: -1; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; opacity: .2; } .sTerritory-distribution .citymapSearch .mapList li.active .dot { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .sTerritory-distribution .citymapSearch .mapList li.main .mapText { color: #fefefe; } .sTerritory-distribution .citymapSearch .mapList li.main .piece { display: block; } .sTerritory-distribution .citymapSearch .mapList li.main .dot:before, .sTerritory-distribution .citymapSearch .mapList li.main .dot:after { background-color: #fff; } .sTerritory-distribution .citymapSearch .mapList li.main .dot:after { -webkit-animation-name: breath_dot; animation-name: breath_dot; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sTerritory-distribution .citymapSearch .mapList li.SX { top: 50.74626866%; left: 57.22891566%; } .sTerritory-distribution .citymapSearch .mapList li.SX .piece { top: -0.75em; left: -0.34em; width: 0.78em; height: 1.43em; } .sTerritory-distribution .citymapSearch .mapList li.NX { top: 42.53731343%; left: 52.04819277%; } .sTerritory-distribution .citymapSearch .mapList li.NX .piece { top: -0.14em; left: -0.12em; width: 0.46em; height: 0.7em; } .sTerritory-distribution .citymapSearch .mapList li.GS { top: 47.76119403%; left: 49.39759036%; } .sTerritory-distribution .citymapSearch .mapList li.GS .piece { top: -1.24em; left: -1.51em; width: 2.22em; height: 1.97em; } .sTerritory-distribution .citymapSearch .mapList li.SC { top: 58.20895522%; left: 47.22891566%; height: 45px; } .sTerritory-distribution .citymapSearch .mapList li.SC .dot { top: 15px; } .sTerritory-distribution .citymapSearch .mapList li.SC .piece { top: -0.28em; left: -0.77em; width: 1.53em; height: 1.54em; } .sTerritory-distribution .citymapSearch .mapList li.CQ { top: 61.64179104%; left: 53.61445783%; } .sTerritory-distribution .citymapSearch .mapList li.CQ .mapText { margin-left: -20px; } .sTerritory-distribution .citymapSearch .mapList li.CQ .dot { left: 100%; } .sTerritory-distribution .citymapSearch .mapList li.CQ .piece { top: -0.12em; left: -0.09em; width: 0.73em; height: 0.77em; } .sTerritory-distribution .citymapSearch .mapList li.SXX { top: 42.68656716%; left: 62.65060241%; } .sTerritory-distribution .citymapSearch .mapList li.SXX .piece { top: -0.42em; left: -0.13em; width: 0.54em; height: 1.1em; } .sTerritory-distribution .citymapSearch .mapList li.XJ { top: 25.82089552%; left: 20.24096386%; } .sTerritory-distribution .citymapSearch .mapList li.XJ .piece { top: -1.09em; left: -1.68em; width: 3.13em; height: 2.45em; } .sTerritory-distribution .citymapSearch .mapList li.YN { top: 76.71641791%; left: 42.65060241%; } .sTerritory-distribution .citymapSearch .mapList li.YN .piece { top: -0.59em; left: -0.47em; width: 1.38em; height: 1.51em; } .sTerritory-distribution .citymapSearch .mapList li.GX { top: 79.10447761%; left: 58.19277108%; } .sTerritory-distribution .citymapSearch .mapList li.GX .piece { top: -0.15em; left: -0.6em; width: 1.18em; height: 0.89em; } .sTerritory-distribution .citymapSearch .mapList li.HaiN { top: 91.64179104%; left: 60.48192771%; height: 45px; } .sTerritory-distribution .citymapSearch .mapList li.HaiN .dot { top: 15px; } .sTerritory-distribution .citymapSearch .mapList li.HaiN .piece { top: 0.17em; left: -0.15em; width: 0.4em; height: 0.33em; } .sTerritory-distribution .citymapSearch .mapList li.GD { top: 76.71641791%; left: 66.74698795%; height: 45px; } .sTerritory-distribution .citymapSearch .mapList li.GD .dot { top: 15px; } .sTerritory-distribution .citymapSearch .mapList li.GD .piece { top: 0.14em; left: -0.52em; width: 1.24em; height: 0.96em; } .sTerritory-distribution .citymapSearch .mapList li.HuN { top: 67.01492537%; left: 63.61445783%; height: 50px; } .sTerritory-distribution .citymapSearch .mapList li.HuN .dot { top: 20px; } .sTerritory-distribution .citymapSearch .mapList li.HuN .piece { top: -0.09em; left: -0.39em; width: 0.84em; height: 1.03em; } .sTerritory-distribution .citymapSearch .mapList li.HuB { top: 59.85074627%; left: 64.81927711%; } .sTerritory-distribution .citymapSearch .mapList li.HuB .piece { top: -0.17em; left: -0.55em; width: 1.17em; height: 0.74em; } .sTerritory-distribution .citymapSearch .mapList li.HeN { top: 50.44776119%; left: 66.38554217%; } .sTerritory-distribution .citymapSearch .mapList li.HeN .piece { top: -0.15em; left: -0.4em; width: 0.88em; height: 0.88em; } .sTerritory-distribution .citymapSearch .mapList li.FJ { top: 70.89552239%; left: 77.71084337%; height: 40px; } .sTerritory-distribution .citymapSearch .mapList li.FJ .dot { top: 10px; right: 50%; } .sTerritory-distribution .citymapSearch .mapList li.FJ .mapText { margin-left: -50px; } .sTerritory-distribution .citymapSearch .mapList li.FJ .piece { top: -0.06em; left: -0.37em; width: 0.66em; height: 0.86em; } .sTerritory-distribution .citymapSearch .mapList li.JX { top: 66.56716418%; left: 71.20481928%; } .sTerritory-distribution .citymapSearch .mapList li.JX .piece { top: -0.09em; left: -0.25em; width: 0.73em; height: 1.06em; } .sTerritory-distribution .citymapSearch .mapList li.ZJ { top: 61.64179104%; left: 78.91566265%; } .sTerritory-distribution .citymapSearch .mapList li.ZJ .piece { top: 0.14em; left: -0.22em; width: 0.58em; height: 0.58em; } .sTerritory-distribution .citymapSearch .mapList li.AH { top: 57.1641791%; left: 73.01204819%; } .sTerritory-distribution .citymapSearch .mapList li.AH .piece { top: -0.32em; left: -0.26em; width: 0.73em; height: 0.93em; } .sTerritory-distribution .citymapSearch .mapList li.JS { top: 53.13432836%; left: 77.71084337%; } .sTerritory-distribution .citymapSearch .mapList li.JS .piece { top: -0.16em; left: -0.46em; width: 0.86em; height: 0.87em; } .sTerritory-distribution .citymapSearch .mapList li.JS .mapText { bottom: 0; } .sTerritory-distribution .citymapSearch .mapList li.SD { top: 44.7761194%; left: 71.68674699%; } .sTerritory-distribution .citymapSearch .mapList li.SD .piece { top: -0.14em; left: -0.18em; width: 1em; height: 0.68em; } .sTerritory-distribution .citymapSearch .mapList li.TJ { top: 34.7761194%; left: 71.3253012%; } .sTerritory-distribution .citymapSearch .mapList li.TJ .piece { top: 0.01em; left: -0.19em; width: 0.37em; height: 0.43em; } .sTerritory-distribution .citymapSearch .mapList li.LN { top: 26.71641791%; left: 80.48192771%; } .sTerritory-distribution .citymapSearch .mapList li.LN .dot { top: 40px; } .sTerritory-distribution .citymapSearch .mapList li.LN .piece { top: 0.01em; left: -0.49em; width: 0.93em; height: 0.88em; } .sTerritory-distribution .citymapSearch .mapList li.HeB { top: 38.95522388%; left: 67.71084337%; } .sTerritory-distribution .citymapSearch .mapList li.HeB .piece { top: -0.59em; left: -0.12em; width: 0.83em; height: 1.22em; } .sTerritory-distribution .citymapSearch .mapList li.GZ { top: 70.14925373%; left: 53.61445783%; height: 45px; } .sTerritory-distribution .citymapSearch .mapList li.GZ .dot { top: 15px; } .sTerritory-distribution .citymapSearch .mapList li.GZ .piece { top: -0.15em; left: -0.38em; width: 0.98em; height: 0.89em; } .sTerritory-distribution .citymapSearch .mapList li.HLJ { top: 9.85074627%; left: 84.57831325%; height: 44px; } .sTerritory-distribution .citymapSearch .mapList li.HLJ .dot { top: 14px; } .sTerritory-distribution .citymapSearch .mapList li.HLJ .piece { top: -0.66em; right: -0.66em; width: 1.77em; height: 1.61em; } .sTerritory-distribution .citymapSearch .mapList li.XZ { top: 49.25373134%; left: 15.06024096%; } .sTerritory-distribution .citymapSearch .mapList li.XZ .piece { top: -0.42em; left: -0.95em; width: 3.07em; height: 1.97em; } .sTerritory-distribution .citymapSearch .mapList li.QH { top: 41.79104478%; left: 32.65060241%; } .sTerritory-distribution .citymapSearch .mapList li.QH .piece { top: -0.24em; left: -0.68em; width: 1.95em; height: 1.48em; } .sTerritory-distribution .citymapSearch .mapList li.NMG { top: 31.34328358%; left: 57.8313253%; } .sTerritory-distribution .citymapSearch .mapList li.NMG .piece { top: -2.04em; left: -1.51em; width: 3.44em; height: 2.96em; } .sTerritory-distribution .citymapSearch .mapList li.JL { top: 20.14925373%; left: 82.89156627%; } .sTerritory-distribution .citymapSearch .mapList li.JL .piece { top: -0.09em; left: -0.54em; width: 1.36em; height: 0.89em; } .sTerritory-distribution .citymapSearch .mapList li.TW { top: 79.25373134%; left: 81.3253012%; } .sTerritory-distribution .citymapSearch .mapList li.TW .piece { top: 0; left: 0; width: 0.26em; height: 0.63em; } .sTerritory-distribution .citymapSearch .mapList li.BJ { top: 31.34328358%; left: 68.07228916%; } .sTerritory-distribution .citymapSearch .mapList li.BJ .dot { top: 20px; } .sTerritory-distribution .citymapSearch .mapList li.BJ .mapText { bottom: 5px; } .sTerritory-distribution .citymapSearch .mapList li.BJ .piece { top: 0.27em; left: 0em; width: 0.2em; height: 0.2em; } .sTerritory-distribution .citymapSearch .mapList li.SH { top: 55.37313433%; left: 80.72289157%; } .sTerritory-distribution .citymapSearch .mapList li.SH .dot { top: 35px; left: -5px; } .sTerritory-distribution .citymapSearch .mapList li.SH .mapText { margin-left: -48px; bottom: -4px; } .sTerritory-distribution .citymapSearch .mapList li.SH .piece { top: 0.4em; left: 0em; width: 0.1em; height: 0.1em; } .sTerritory-distribution .citymapSearch .mapList li.XG { top: 80.59701493%; left: 69.87951807%; height: 35px; } .sTerritory-distribution .citymapSearch .mapList li.XG .piece { top: 0.36em; left: -0.08em; width: 0.1em; height: 0.1em; } .sTerritory-distribution .citymapSearch .mapList li.AM { top: 82.08955224%; left: 64.3373494%; height: 35px; } .sTerritory-distribution .citymapSearch .mapList li.AM .piece { top: 0.31em; left: 0.23em; width: 0.1em; height: 0.1em; } .sTerritory-distribution .description { width: 320px; } @media screen and (max-width: 1024px) { .sTerritory-distribution .citymapSearch { width: 100%; height: auto; display: none; } .sTerritory-distribution .description { width: 100%; margin-top: 0.6rem; } } .sTerritory-partner { position: relative; overflow: hidden; z-index: 2; padding-top: 50px; } @media screen and (max-width: 1024px) { .sTerritory-partner { padding-top: 1rem; } } .sTerritory-partner:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 2.4rem; z-index: -1; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff); } .sTerritory-partner-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 35px; } .sTerritory-partner-list:after { display: none; } .sTerritory-partner-list .item { position: relative; overflow: hidden; z-index: 2; } .sTerritory-partner-list .item:nth-child(1n+1) { width: 190px; margin-left: 12px; margin-top: 0; } .sTerritory-partner-list .item:nth-child( 6n+1) { margin-left: 0; } .sTerritory-partner-list .item:nth-child( 1n+7) { margin-top: 12px; } .sTerritory-partner-list .item:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; border: #e5e5e5 solid 1px; pointer-events: none; } .sTerritory-partner-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 49.47368421%; background-color: #fff; } .sTerritory-partner-list .item .pic img { -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 1025px) { .sTerritory-partner-list .item .pic { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sTerritory-partner-list .item:hover .pic { -webkit-transform: scale(1.05); transform: scale(1.05); } } @media screen and (max-width: 1024px) { .sTerritory-partner-list { margin-top: 0.7rem; } .sTerritory-partner-list .item:nth-child(1n+1) { width: 24%; margin-left: 1.33333333%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sTerritory-partner-list .item:nth-child( 4n+1) { margin-left: 0; } .sTerritory-partner-list .item:nth-child( 1n+5) { margin-top: 1.33333333%; } } @media screen and (max-width: 640px) { .sTerritory-partner-list .item:nth-child(1n+1) { width: 32.5%; margin-left: 1.25%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .sTerritory-partner-list .item:nth-child( 3n+1) { margin-left: 0; } .sTerritory-partner-list .item:nth-child( 1n+4) { margin-top: 1.25%; } } /* sHr */ .sHr-list .tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sHr-list .tr:after { display: none; } .sHr-list .td { position: relative; display: inline-block; vertical-align: top; text-align: center; padding: 0.3rem; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sHr-list .td.td1 { width: 150px; } .sHr-list .td.td2 { width: 100px; margin-left: 80px; } .sHr-list .td.td3 { width: 120px; margin-left: 80px; } .sHr-list .td.td4 { width: 180px; margin-left: 60px; } .sHr-list .td.td5 { width: 140px; margin-left: 60px; } .sHr-list .td.td6 { width: 160px; margin-left: 70px; } .sHr-list .thead { background-color: #d81920; color: #fff; padding: 3px 0; } .sHr-list .item { position: relative; overflow: hidden; border-bottom: #e9e9e9 dashed 1px; } .sHr-list .item:nth-child(1n+2) { margin-top: 10px; } .sHr-list .item .spreadBtn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; line-height: 40px; color: #333333; } .sHr-list .item .spreadBtn s { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sHr-list .item .spreadBtn s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 24px; font-weight: bold; pointer-events: none; } .ysqUEO .sHr-list .item .spreadBtn s { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .ysqUEO .sHr-list .item .spreadBtn s:before, .ysqUEO .sHr-list .item .spreadBtn s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin-top: -1px; background-color: #333333; margin-left: -8px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .ysqUEO .sHr-list .item .spreadBtn s:before { -webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px); } .ysqUEO .sHr-list .item .spreadBtn s:after { -webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px); } @media screen and (min-width: 1025px) { .sHr-list .item .spreadBtn:hover { color: #333333; } .sHr-list .item .spreadBtn:hover s:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sHr-list .item .spreadBtn:hover s:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @media screen and (max-width: 1024px) { .sHr-list .item .spreadBtn:active { color: #333333; } .sHr-list .item .spreadBtn:active s:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sHr-list .item .spreadBtn:active s:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } .sHr-list .item .show { background-color: #eeeeee; } .sHr-list .item .hide { display: none; } .sHr-list .item .hide .imax { padding: 0.8rem; } .sHr-list .item .hide .base { margin-bottom: .5em; } .sHr-list .item .hide .base .dib { margin-right: 8px; } .sHr-list .item .hide .sdt { font-weight: bold; color: #333333; } .sHr-list .item .hide .aside { line-height: 1.875; color: #d81920; } .sHr-list .item.unfold .spreadBtn s { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (max-width: 1024px) { .sHr-list .td.td1 { width: 80%; text-align: left; padding-left: 0.8rem; padding-right: 0.8rem; } .sHr-list .td.td2 { display: none; } .sHr-list .td.td3 { display: none; } .sHr-list .td.td4 { display: none; } .sHr-list .td.td5 { margin-left: 0; } .sHr-list .td.td6 { margin-left: 0; width: 8em; } } /* sContact */ .sContact-intro .head { position: relative; padding-right: 200px; min-height: 48px; line-height: 48px; } .sContact-intro .head .dib { font-weight: lighter; color: #333333; } .sContact-intro .head .btn { position: absolute; right: 0; top: 0; width: 160px; height: 48px; line-height: 48px; border-radius: 48px; color: #fff; background-color: #d81920; text-align: center; } .sContact-intro .oList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; padding: 40px 0 50px; } .sContact-intro .oList:after { display: none; } .sContact-intro .oList .oLi { position: relative; overflow: hidden; z-index: 2; padding: 5px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 25%; } .sContact-intro .oList .oLi:before { content: " "; position: absolute; left: 0; top: 10%; bottom: 10%; width: 1px; height: 140px; background-color: #e3e3e3; display: none; } .sContact-intro .oList .oLi .ico { display: block; margin-left: auto; margin-right: auto; width: 66px; height: 66px; background-size: 66px 66px; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; background-color: #d81920; color: #fff; } .sContact-intro .oList .oLi .sdt { margin-top: 5px; color: #999999; line-height: 1.5; } .sContact-intro .oList .oLi .sdd { margin-top: 5px; color: #333333; line-height: 1.4333; } @media screen and (min-width: 1025px) { .sContact-intro .oList .oLi:nth-child(1n+2):before { display: block; } } @media screen and (max-width: 1024px) { .sContact-intro .head { line-height: 1.5; padding-right: 172px; } .sContact-intro .head .dib { font-size: 18px; line-height: 24px; padding: 8px 0; } .sContact-intro .head .btn { width: 144px; height: 40px; line-height: 40px; font-size: 16px; } .sContact-intro .oList { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.8rem 0 1rem; } .sContact-intro .oList .oLi { width: 50%; padding: 0.6rem; } .sContact-intro .oList .oLi:nth-child(1n+3) { margin-top: 0.4rem; } .sContact-intro .oList .oLi:nth-child(2n+2):before { display: block; } .sContact-intro .oList .oLi .ico { width: 48px; height: 48px; background-size: 60px 60px; } .sContact-intro .oList .oLi .sdd { margin-top: 0; } } .sContact-map { position: relative; z-index: 2; height: 12.4rem; } .sContact-map #dituContent { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0; } .sContact-map #dituContent .BMap_bubble_title { font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #d81920; } .sContact-map #dituContent .BMap_bubble_content { width: auto; font-size: 14px; line-height: 18px; } .sContact-map #dituContent img { max-width: none; } ._pen .sContact-map { pointer-events: none; } .sContact-list { margin-top: 50px; } .sContact-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sContact-list .item:after { display: none; } @media screen and (max-width: 1024px) { .sContact-list .item { display: block; } } .sContact-list .item:nth-child(1n+2) { margin-top: 30px; } .sContact-list .item .pic { width: 294px; height: 294px; border-radius: 50%; background-color: #f1f1f1; } .sContact-list .item .txt { width: 810px; } .sContact-list .item .txt .title { color: #333333; line-height: 1.5; } .sContact-list .item .txt .content { color: #333333; } .sContact-list .item .txt .content:before { content: " "; display: block; margin-bottom: 25px; margin-top: 20px; width: 1.3rem; height: 2px; background-color: #333333; } @media screen and (max-width: 1024px) { .sContact-list { margin-top: 1rem; } .sContact-list .item { border-bottom: #cccccc dashed 1px; padding-bottom: 0.6rem; } .sContact-list .item:nth-child(1n+2) { margin-top: 0.6rem; } .sContact-list .item .pic { display: none; } .sContact-list .item .txt { width: 100%; } .sContact-list .item .txt .content:before { margin-top: 0.4rem; margin-bottom: 0.5rem; } } /* index */ .index { position: relative; overflow: hidden; } .index .sContact-map { pointer-events: none; } .index-banner { position: relative; overflow: hidden; height: 500px; } .index-banner .item { position: relative; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #eee; } .index-banner .item .bg.c { left: 50%; margin-left: -960px; width: 1920px; } .index-banner .item.moveItem { position: absolute; } .index-banner .pagination_banner { z-index: 10; position: absolute; left: 50%; margin-left: -600px; bottom: 40px; width: auto; bottom: 20px; } .index-banner .fns { position: absolute; right: 50%; bottom: 25px; height: 36px; margin-right: -600px; padding: 0 40px; z-index: 10; bottom: 10px; } .index-banner .fns .counts { color: #fff; font-family: SimHei, '黑体'; line-height: 32px; } .index-banner .fns .counts .now { margin-right: 2px; } .index-banner + .sSearch-pdt { margin-top: 0; } @media screen and (max-width: 1024px) { .index-banner { padding-bottom: 56%; height: 0; } .index-banner .shade { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index-banner .fns { display: none; } .index-banner .pagination_banner { left: 0; margin-left: 0; width: 100%; bottom: 0.8rem; } } .index-head .en { font-family: "Mohave", Tahoma, Arial, sans-serif; color: #333333; text-transform: uppercase; font-weight: bold; } .index-head .cn { color: #d81920; margin-top: 10px; } .index-head .cn s { color: #333333; } @media screen and (max-width: 1024px) { .index-head { text-align: center; } } .index-head2 { position: relative; z-index: 2; padding: 50px 0 40px; line-height: 1; } .index-head2 .en { font-family: "Humnst777", Tahoma, Arial, sans-serif; position: relative; z-index: -1; pointer-events: none; width: 100%; text-transform: uppercase; color: #e3e3e3; text-align: center; padding-left: 0.05em; letter-spacing: 0.05em; font-weight: lighter; margin-bottom: -0.5em; } .index-head2 .cn { position: relative; z-index: 2; color: #333333; text-align: center; padding-left: 0.05em; letter-spacing: 0.05em; } .index-head2 .cn s { color: #333333; } .index-head2:after { content: " "; display: block; margin-left: auto; margin-right: auto; width: 40px; height: 2px; background-color: #d81920; margin-top: 15px; } @media screen and (max-width: 1024px) { .index-head2 { padding: 1rem 0 0.8rem; } } .index-product { position: relative; overflow: hidden; z-index: 2; } .index-product .Tg { position: relative; z-index: 2; text-align: center; } .index-product .Tg:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #eaeaea; z-index: -1; pointer-events: none; } .index-product .Tg .btn { position: relative; overflow: hidden; z-index: 2; display: inline-block; vertical-align: top; width: 128px; height: 96px; padding: 20px 0; text-align: center; font-size: 14px; } .index-product .Tg .btn:after { content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 0; width: 0; height: 4px; background-color: #d81920; } .index-product .Tg .btn .ico { width: 128px; height: 74px; display: block; position: relative; overflow: hidden; } .index-product .Tg .btn .ico:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/icon-pdtv.png); background-repeat: no-repeat; -webkit-transition: all 240ms ease-out 0s; transition: all 240ms ease-out 0s; } .index-product .Tg .btn .ico.i1::after { background-position: 0 0px; } .index-product .Tg .btn .ico.i2::after { background-position: 0 -74px; } .index-product .Tg .btn .ico.i3::after { background-position: 0 -148px; } .index-product .Tg .btn .ico.i4::after { background-position: 0 -222px; } .index-product .Tg .btn .ico.i5::after { background-position: 0 -296px; } .index-product .Tg .btn .ico.i6::after { background-position: 0 -370px; } .index-product .Tg .btn .ico.i7::after { background-position: 0 -444px; } .index-product .Tg .btn .ico.i8::after { background-position: 0 -518px; } .index-product .Tg .btn .ico.i9::after { background-position: 0 -592px; } .index-product .Tg .btn.on .ico { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .index-product .Tg .btn.on .ico.i1::after { background-position: -128px 0px; } .index-product .Tg .btn.on .ico.i2::after { background-position: -128px -74px; } .index-product .Tg .btn.on .ico.i3::after { background-position: -128px -148px; } .index-product .Tg .btn.on .ico.i4::after { background-position: -128px -222px; } .index-product .Tg .btn.on .ico.i5::after { background-position: -128px -296px; } .index-product .Tg .btn.on .ico.i6::after { background-position: -128px -370px; } .index-product .Tg .btn.on .ico.i7::after { background-position: -128px -444px; } .index-product .Tg .btn.on .ico.i8::after { background-position: -128px -518px; } .index-product .Tg .btn.on .ico.i9::after { background-position: -128px -592px; } .index-product .Tg .btn.on:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s; } .index-product .Tt { position: relative; overflow: hidden; background-color: #fff; background-image: url(../images/bgi-product.png); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; padding-top: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .index-product .Tt .box { position: relative; width: 100%; height: 100%; } @media screen and (max-width: 1024px) { .index-product .Tg .btn { width: 24.5vw; height: auto; padding: 0 0 0.6rem; } .index-product .Tg .btn:nth-child(1n+2) { margin-left: 10px; } .index-product .Tg .btn .ico { width: 104px; height: 60px; margin-left: auto; margin-right: auto; } .index-product .Tg .btn .ico:after { width: 128px; height: 74px; left: 50%; top: 50%; margin-left: -64px; margin-top: -37px; -webkit-transform: scale(0.8125); transform: scale(0.8125); } .index-product .Tt { padding-top: 1.2rem; } } .index-product-rotateMove { position: relative; width: 100%; height: 730px; } .index-product-rotateMove .item.moveItem.base { padding: 0; width: 0; height: 0; top: 365px; left: 600px; opacity: 0; } .index-product-rotateMove .item.moveItem.L2.pOn { padding: 0; width: 100px; height: 100px; top: 315px; left: -1100px; opacity: 1; } .index-product-rotateMove .item.moveItem.L1.pOn { padding: 0; width: 1200px; height: 670px; top: 30px; left: -1100px; opacity: 1; } .index-product-rotateMove .item.moveItem.L0 { padding: 0; width: 1200px; height: 670px; top: 30px; left: 0px; opacity: 1; } .index-product-rotateMove .item.moveItem.L1.nOn { padding: 0; width: 1200px; height: 670px; top: 30px; left: 1100px; opacity: 1; } .index-product-rotateMove .item.moveItem.L2.nOn { padding: 0; width: 100px; height: 100px; top: 315px; left: 2200px; opacity: 1; } .index-product-rotateMove .shade { left: 50%; width: 1200px; margin-left: -600px; overflow: visible; } .index-product-rotateMove .shade:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/based/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; mix-blend-mode: overlay; } .index-product-rotateMove .box { opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms; } .index-product-rotateMove._loaded .shade:before { -webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden; } .index-product-rotateMove._loaded .box { opacity: 1; } .index-product-rotateMove .box { position: relative; z-index: 1; height: 100%; white-space: nowrap; } .index-product-rotateMove .item { display: inline-block; vertical-align: top; position: relative; width: auto; height: 730px; cursor: pointer; -webkit-transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s; transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s; } .index-product-rotateMove .item.moveItem { position: absolute; left: 0; top: 0; } .index-product-rotateMove .item .pic { margin-top: 130px; width: 100%; height: 0 !important; padding-bottom: 45%; background-color: transparent !important; -webkit-filter: blur(8px); filter: blur(8px); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform: scale(0.85); transform: scale(0.85); } .index-product-rotateMove .item .pic img { -o-object-fit: contain; object-fit: contain; } .index-product-rotateMove .item .txt { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; position: absolute; top: 0; width: 100%; text-align: center; font-size: 36px; color: #333333; -webkit-transform: translateY(20px); transform: translateY(20px); } .index-product-rotateMove .item .txt .type { margin-top: 15px; font-weight: bold; } .index-product-rotateMove .item.on .pic { -webkit-filter: blur(0); filter: blur(0); -webkit-transform: none !important; transform: none !important; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; } .index-product-rotateMove .item.on .txt { -webkit-transition: all 400ms ease-out 200ms; transition: all 400ms ease-out 200ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } @media screen and (max-width: 1024px) { .index-product-rotateMove { font-size: 100px; } } @media screen and (max-width: 749px) { .index-product-rotateMove { font-size: 90px; } } @media screen and (max-width: 699px) { .index-product-rotateMove { font-size: 85px; } } @media screen and (max-width: 649px) { .index-product-rotateMove { font-size: 80px; } } @media screen and (max-width: 599px) { .index-product-rotateMove { font-size: 75px; } } @media screen and (max-width: 549px) { .index-product-rotateMove { font-size: 70px; } } @media screen and (max-width: 499px) { .index-product-rotateMove { font-size: 65px; } } @media screen and (max-width: 449px) { .index-product-rotateMove { font-size: 60px; } } @media screen and (min-width: 1025px) { .index-product-rotateMove .ctrs { position: absolute; bottom: 135px; right: 50%; margin-right: -550px; z-index: 8; width: 48px; height: 108px; } .index-product-rotateMove .ctrs .ctr_pdt { left: 0; } .index-product-rotateMove .ctrs .ctr_pdt.prev { top: 0; } .index-product-rotateMove .ctrs .ctr_pdt.next { bottom: 0; } } @media screen and (max-width: 1024px) { .index-product-rotateMove { width: 100%; height: 3.24em; overflow: visible; padding-bottom: 1rem; padding-top: 64px; -webkit-box-sizing: content-box; box-sizing: content-box; } .index-product-rotateMove .shade { position: absolute; top: 0; width: 7.2em; margin-left: -3.6em; height: 100%; } .index-product-rotateMove .item.moveItem { padding-top: 72px !important; } .index-product-rotateMove .item.moveItem.base { width: 0; height: 0; top: 1.62em; left: 3.6em; opacity: 0; } .index-product-rotateMove .item.moveItem.L2.pOn { width: 0.8em; height: 0.8em; top: 1.22em; left: -6.8em; opacity: 0; } .index-product-rotateMove .item.moveItem.L1.pOn { width: 7.2em; height: 3.24em; top: 0em; left: -6.6em; opacity: 1; } .index-product-rotateMove .item.moveItem.L0 { width: 7.2em; height: 3.24em; top: 0em; left: 0em; opacity: 1; } .index-product-rotateMove .item.moveItem.L1.nOn { width: 7.2em; height: 3.24em; top: 0em; left: 6.6em; opacity: 1; } .index-product-rotateMove .item.moveItem.L2.nOn { width: 0.8em; height: 0.8em; top: 1.22em; left: 13.2em; opacity: 0; } .index-product-rotateMove .item.moveItem .pic { margin-top: 0 !important; } .index-product-rotateMove .item.moveItem .txt { font-size: 24px; } .index-product-rotateMove .item.moveItem .txt .type { margin-top: 5px; } .index-product-rotateMove .ctrs { position: absolute; left: 0; top: 50%; width: 100%; height: 0; } .index-product-rotateMove .ctrs .ctr_pdt { top: 0; margin-top: -18px; width: 36px; height: 36px; } .index-product-rotateMove .ctrs .ctr_pdt s { -webkit-transform: scale(0.625); transform: scale(0.625); } .index-product-rotateMove .ctrs .ctr_pdt.prev { left: 15px; } .index-product-rotateMove .ctrs .ctr_pdt.next { right: 15px; } } .index-about { position: relative; overflow: hidden; z-index: 1; } .index-about .digitalData { position: relative; overflow: hidden; z-index: 2; padding: 45px 0; background-color: #d81920; height: 200px; } .index-about .digitalData .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .index-about .digitalData .contain:after { display: none; } .index-about .digitalData .col { position: relative; z-index: 2; width: 200px; height: 200px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; color: #fff; } .index-about .digitalData .col:after { display: none; } .index-about .digitalData .col:nth-child(1n+2) { margin-left: 50px; } .index-about .digitalData .col:before { content: " "; z-index: -2; pointer-events: none; position: absolute; left: 0; width: 100%; padding-bottom: 100%; height: 0; border: rgba(255, 255, 255, 0.3) solid 1px; border-radius: 50%; } .index-about .digitalData .col:after { display: block; content: " "; z-index: -1; pointer-events: none; position: absolute; left: 100%; top: 50%; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; -webkit-transform-origin: -94px 50%; transform-origin: -94px 50%; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-about .digitalData .col .sdt i { display: inline-block; vertical-align: top; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; margin-right: 5px; } .index-about .digitalData .col .sdt sub, .index-about .digitalData .col .sdt sup { line-height: 30px; } .index-about .digitalData .col .sdt sub { display: inline-block; vertical-align: bottom; font-size: 16px; } .index-about .digitalData .col .sdt sup { display: inline-block; vertical-align: top; font-size: 20px; } .index-about .digitalData .col .sdd { line-height: 1.25; margin-top: 5px; } .index-about .digitalData .col:nth-child(1):after { -webkit-animation-delay: -10.4s; animation-delay: -10.4s; } .index-about .digitalData .col:nth-child(2):after { -webkit-animation-delay: -8.8s; animation-delay: -8.8s; } .index-about .digitalData .col:nth-child(3):after { -webkit-animation-delay: -7.2s; animation-delay: -7.2s; } .index-about .digitalData .col:nth-child(4):after { -webkit-animation-delay: -5.6s; animation-delay: -5.6s; } .index-about .digitalData .col:nth-child(5):after { -webkit-animation-delay: -4s; animation-delay: -4s; } @media screen and (max-width: 1024px) { .index-about .digitalData { height: auto; padding: 0.9rem 0; } .index-about .digitalData .contain { max-width: 640px !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .index-about .digitalData .col { width: 160px; height: 160px; } .index-about .digitalData .col:nth-child(1n+2) { margin-left: 20px; } .index-about .digitalData .col:nth-child(4) { margin-left: 0 !important; } .index-about .digitalData .col:after { -webkit-transform-origin: -76px 50%; transform-origin: -76px 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; } .index-about .digitalData .col .sdt sub, .index-about .digitalData .col .sdt sup { line-height: 1; } } @media screen and (max-width: 640px) { .index-about .digitalData .col { width: 128px; height: 128px; } .index-about .digitalData .col:nth-child(1n+2) { margin-left: 8px; } .index-about .digitalData .col:after { -webkit-transform-origin: -60px 50%; transform-origin: -60px 50%; } } .index-about .lr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; position: relative; overflow: hidden; z-index: 2; } .index-about .lr:after { display: none; } @media screen and (max-width: 1024px) { .index-about .lr { display: block; } } .index-about .lr:after { display: block; content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/bgi-abut.png); background-size: 40.98958333vw 29.375vw; background-position: 100% 100%; background-repeat: no-repeat; } .index-about .lr .left, .index-about .lr .right { width: 50%; position: relative; z-index: 2; } .index-about .lr .right .wrap { padding: 1rem 0 1rem 1.8rem; width: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; } .index-about .lr .right .fastnav { font-size: 18px; line-height: 1.5; margin-bottom: 40px; } .index-about .lr .right .fastnav .link:nth-child(1n+2) { margin-left: 30px; } .index-about .lr .right .body { margin-top: 0.8rem; line-height: 1.875em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 7.5em; } .index-about .lr .right .more { display: inline-block; vertical-align: top; margin-top: 1rem; color: #d81920; line-height: 20px; } @media screen and (min-width: 1025px) { .index-about .lr { min-width: 1200px; } } @media screen and (max-width: 1600px) { .index-about .lr .right .fastnav { display: none; } } @media screen and (max-width: 1024px) { .index-about .lr .left, .index-about .lr .right { width: 100%; } .index-about .lr .right .wrap { width: auto; width: calc(100% - 30px); margin-left: auto !important; margin-right: auto !important; max-width: 720px; padding-left: 0; } .index-about .lr .right .body { text-align: center; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; max-height: 9em; } .index-about .lr .right .more { display: block; width: 6em; text-align: center; margin-left: auto; margin-right: auto; width: 120px; height: 32px; line-height: 32px; border: solid 1px #d81920; color: #d81920; text-decoration: none !important; } .index-about .lr .right .more:active { background-color: #d81920; color: #fff; -webkit-transition: 0ms; transition: 0ms; } } .index-about .index-about-switch { position: relative; overflow: hidden; } .index-about .index-about-switch .shade { width: 100%; height: 0 !important; padding-bottom: 66.66666667%; } .index-about .index-about-switch .item { position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #f1f1f1; } .index-about .index-about-switch .item .pic { width: 100%; height: 100%; } .index-about .index-about-switch .item .playBtn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; pointer-events: none; z-index: 5; } .index-about .index-about-switch .item .playBtn .icon { position: absolute; top: 50%; left: 50%; margin: -36px 0 0 -36px; width: 72px; height: 72px; z-index: 8; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .index-about .index-about-switch .item .playBtn .icon:before, .index-about .index-about-switch .item .playBtn .icon:after { content: " "; position: absolute; z-index: 8; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } .index-about .index-about-switch .item .playBtn .icon:before { width: 72px; height: 72px; border-radius: 50%; border: #ffffff solid 1px; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .index-about .index-about-switch .item .playBtn .icon:after { overflow: hidden; width: 0; height: 0; border-width: 14px 18px; border-color: transparent transparent transparent #ffffff; border-style: solid; margin-left: 12px; } .index-about .index-about-switch .item .playBtn:hover .icon { -webkit-transform: scale(1.1); transform: scale(1.1); } .index-about .index-about-switch .item .playBtn:hover:after { background-color: rgba(0, 0, 0, 0.2); } .index-about .index-about-switch .pagination_banner { position: absolute; left: 0; bottom: 0.7rem; width: 100%; z-index: 8; } @media screen and (max-width: 1600px) { .index-about .index-about-switch .playBtn .icon { -webkit-transform: scale(0.75); transform: scale(0.75); } } @media screen and (max-width: 1024px) { .index-about { z-index: 3; padding-bottom: 0.4rem; margin-bottom: -0.4rem; } .index-about:after { content: " "; position: absolute; z-index: -1; pointer-events: none; left: 0; width: 100%; bottom: 0; top: 0; background-image: url(../images/bgs-flow.png); background-size: 100% auto; background-position: 50% 100%; background-repeat: no-repeat; } } .index-system { position: relative; z-index: 4; background-color: #f6f6f6; } .index-system .dct { z-index: -1; pointer-events: none; position: absolute; top: -13.54166667vw; right: -20.83333333vw; width: 48.75vw; height: 22.86458333vw; } .index-system .oList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; position: relative; overflow: hidden; } .index-system .oList:after { display: none; } @media screen and (max-width: 1024px) { .index-system .oList { display: block; } } .index-system .oList .oLi { width: 25%; position: relative; overflow: hidden; z-index: 2; } .index-system .oList .oLi:before, .index-system .oList .oLi:after { content: " "; width: 100%; height: 0 !important; padding-bottom: 75%; display: none; } .index-system .oList .oLi .pic { z-index: 1; width: 100%; height: 0 !important; padding-bottom: 75%; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .index-system .oList .oLi .txt { position: absolute; left: 0; z-index: 2; width: 100%; height: 0 !important; padding-bottom: 75%; } .index-system .oList .oLi .txt:before { content: " "; z-index: -1; pointer-events: none; width: 0; height: 0; border-width: 18px; border-color: transparent; border-style: solid; position: absolute; left: 50%; margin-left: -18px; } .index-system .oList .oLi .txt .wrapIn { color: #fff; text-align: center; } .index-system .oList .oLi .txt .dt { line-height: 1.5; } .index-system .oList .oLi .txt .dd { padding-right: 10px; } .index-system .oList .oLi .txt .dd .scrollbar .track { background-color: rgba(255, 255, 255, 0.5); } .index-system .oList .oLi .txt .dd .scrollbar .thumb { background-color: #fff; } .index-system .oList .oLi .txt .dd .abstract { line-height: 1.75; } .index-system .oList .oLi:nth-child(1) { background-color: #735a8f; } .index-system .oList .oLi:nth-child(1) .txt:before { border-color: #735a8f transparent; } .index-system .oList .oLi:nth-child(2) { background-color: #cf483e; } .index-system .oList .oLi:nth-child(2) .txt:before { border-color: #cf483e transparent; } .index-system .oList .oLi:nth-child(3) { background-color: #348a87; } .index-system .oList .oLi:nth-child(3) .txt:before { border-color: #348a87 transparent; } .index-system .oList .oLi:nth-child(4) { background-color: #34548a; } .index-system .oList .oLi:nth-child(4) .txt:before { border-color: #34548a transparent; } @media screen and (min-width: 1025px) { .index-system .oList .oLi:nth-child(2n+1):after { display: block; } .index-system .oList .oLi:nth-child(2n+1) .txt { bottom: 0; } .index-system .oList .oLi:nth-child(2n+1) .txt:before { bottom: 99%; border-top-color: transparent !important; } .index-system .oList .oLi:nth-child(2n+2):before { display: block; } .index-system .oList .oLi:nth-child(2n+2) .txt { top: 0; } .index-system .oList .oLi:nth-child(2n+2) .txt:before { top: 99%; border-bottom-color: transparent !important; } .index-system .oList .oLi .txt .wrapIn { position: absolute; left: 2.60416667vw; top: 2.60416667vw; right: 2.60416667vw; bottom: 2.60416667vw; } .index-system .oList .oLi .txt .dd { position: absolute; top: 2em; bottom: 0; left: 0; right: 0; height: auto; } } @media screen and (max-width: 1600px) { .index-system .oList .oLi .txt .wrapIn { font-size: 28px; } } @media screen and (max-width: 1440px) { .index-system .oList .oLi .txt .wrapIn { font-size: 24px; } .index-system .oList .oLi .txt .dd .abstract { line-height: 1.5; } } @media screen and (max-width: 1024px) { .index-system .oList .oLi { width: 100%; } .index-system .oList .oLi:nth-child(1n+1) .pic { padding-bottom: 62.5%; } .index-system .oList .oLi:nth-child(1n+1) .txt { position: relative; height: auto !important; padding: 1rem 0 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .index-system .oList .oLi:nth-child(1n+1) .txt:before { bottom: 99%; border-top-color: transparent !important; border-width: 12px; margin-left: -12px; } .index-system .oList .oLi:nth-child(1n+1) .txt .wrapIn { width: auto; width: calc(100% - 30px); margin-left: auto !important; margin-right: auto !important; max-width: 720px; } .index-system .oList .oLi:nth-child(1n+1) .txt .dt { font-size: 20px; } .index-system .oList .oLi:nth-child(1n+1) .txt .dd { margin-top: 0.2rem; padding-right: 0; } } @media screen and (max-width: 1024px) { .index-system { display: none; } .index-system .index-head2 { display: none; } .index-system .oList { display: none; } } .index-flow { overflow: hidden; position: relative; z-index: 2; padding: 80px 0 120px; } .index-flow:before { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: -webkit-linear-gradient(-90deg, #ffffff, #ffffff 55%, #f4f4f4 100%); } .index-flow .canvasRoom { background-image: url(../images/bgs-flow.png); background-size: 100% auto; background-position: 50% 100%; background-repeat: no-repeat; } .index-flow .oList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; margin-top: 50px; } .index-flow .oList:after { display: none; } .index-flow .oList .oLi { position: relative; text-align: center; z-index: 1; width: 80px; } .index-flow .oList .oLi:before { z-index: -1; pointer-events: none; content: " "; position: absolute; bottom: 16px; right: 50%; height: 1px; margin-right: 20px; width: 120px; background-color: #eaeaea; display: none; } .index-flow .oList .oLi .ico { width: 72px; height: 72px; display: block; margin-left: auto; margin-right: auto; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .index-flow .oList .oLi p { margin-top: 10px; line-height: 20px; color: #333333; } .index-flow .oList .oLi .snum { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; width: 32px; height: 32px; border-radius: 50%; border: #b7b6b6 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; text-align: center; font-size: 14px; font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑'; color: #999999; } @media screen and (min-width: 1025px) { .index-flow .oList .oLi:nth-child(1n+2):before { display: block; } } @media screen and (max-width: 1024px) { .index-flow { padding: 1.6rem 0 2.4rem; } .index-flow .oList { margin-top: 1rem; } .index-flow .oList .oLi { width: 74px; } .index-flow .oList .oLi .ico { width: 64px; height: 64px; } .index-flow .oList .oLi .snum { display: none; } .index-flow .oList .oLi p { margin-top: 0.2rem; } } @media screen and (max-width: 768px) { .index-flow .oList .oLi { width: 24.5%; } .index-flow .oList .oLi .ico { width: 48px; height: 48px; } .index-flow .oList .oLi:nth-child(1n+5) { margin-top: 0.6rem; } } .index-case { position: relative; overflow: hidden; z-index: 2; } .index-case-tab { position: relative; z-index: 7; } .index-case-tab .Tg { margin-top: -15px; text-align: center; } .index-case-tab .Tg .btn { display: inline-block; vertical-align: top; color: #999999; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; line-height: 1.4; } .index-case-tab .Tg .btn:nth-child(1n+2) { margin-left: 0.6rem; } .index-case-tab .Tg .btn:hover { color: #d81920; } .index-case-tab .Tg .btn.on { color: #d81920; } .index-case-tab .Tt { position: relative; overflow: hidden; margin-top: 30px; } .index-case-tab .Tt .box { display: block; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; } .index-case-tab .Tt .box.on { position: relative; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .index-case-tab .Tt .sCase-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .index-case-tab .Tt .sCase-list .item { width: 1%; } @media screen and (max-width: 1024px) { .index-case-tab .Tt { margin-top: 0.6rem; } } .index-case-tab .Tt { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .index-case-tab._loaded .Tt { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .index-case .sCase-list .item { border-radius: 10px; } .index-case-swiper + .index-case-swiper { margin-top: 1.25%; } .index-case-swiper .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .index-case-swiper .item { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 10px; width: 32.5vw; position: relative; overflow: hidden; z-index: 2; } .index-case-swiper .item:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%); } .index-case-swiper .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.56410256%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .index-case-swiper .item .bottomIn { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; z-index: 6; } .index-case-swiper .item .title { position: absolute; left: 0; bottom: 0; right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; padding: 15px; color: #fff; } .index-case-swiper .item .more { position: absolute; right: 0; bottom: 0; width: 68px; height: 48px; line-height: 48px; color: #fff; text-align: center; padding-left: 0.04em; letter-spacing: 0.04em; font-size: 14px; } @media screen and (min-width: 1025px) { .index-case-swiper .item:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .index-case-swiper .item .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); } .index-case-swiper .item .bottomIn:before, .index-case-swiper .item .bottomIn:after { content: " "; position: absolute; left: 100%; top: 100%; z-index: -1; pointer-events: none; background-color: #d81920; border-radius: 50%; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .index-case-swiper .item .bottomIn:before { z-index: -2; opacity: .5; width: 45%; padding-bottom: 45%; -webkit-transform-origin: 52% 52%; transform-origin: 52% 52%; margin-left: -21%; margin-top: -26%; -webkit-animation-delay: -1s; animation-delay: -1s; } .index-case-swiper .item .bottomIn:after { width: 35%; padding-bottom: 35%; -webkit-transform-origin: 48% 48%; transform-origin: 48% 48%; margin-left: -10%; margin-top: -15%; -webkit-animation-delay: -1.5s; animation-delay: -1.5s; } .index-case-swiper .item:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .index-case-swiper .item:hover .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .index-case-swiper .item:hover .bottomIn:before, .index-case-swiper .item:hover .bottomIn:after { -webkit-animation-play-state: running; animation-play-state: running; } } @media screen and (max-width: 1024px) { .index-case-swiper .item .title { right: 0; text-align: center; padding: 0.4rem; } .index-case-swiper .item .more { display: none; } } .index-informations .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; padding: 60px 0; } .index-informations .contain:after { display: none; } @media screen and (max-width: 1024px) { .index-informations .contain { display: block; } } .index-informations .contain .left { width: 760px; } .index-informations .contain .right { width: 410px; } .index-informations .contain .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .index-informations .contain .head:after { display: none; } .index-informations .contain .head .this { z-index: 2; position: relative; padding-left: 12px; line-height: 30px; color: #333333; } .index-informations .contain .head .this:before { content: " "; position: absolute; left: 0; top: 50%; width: 4px; height: 1em; margin-top: -0.5em; background-color: #d81920; z-index: -1; pointer-events: none; } .index-informations .contain .head .more { line-height: 20px; color: #d81920; } .index-informations .contain .body { margin-top: 25px; } @media screen and (max-width: 1024px) { .index-informations .contain { padding: 1.2rem 0; } .index-informations .contain .left, .index-informations .contain .right { width: 100%; } .index-informations .contain .right { margin-top: 0.8rem; } .index-informations .contain .body { margin-top: 0.5rem; } } .index-informations-question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .index-informations-question:after { display: none; } .index-informations-question .item { position: relative; overflow: hidden; padding: 10px 15px 20px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: #d6d6d6 solid 1px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .index-informations-question .item:nth-child(1n+1) { width: 368px; margin-left: 24px; margin-top: 0; } .index-informations-question .item:nth-child( 2n+1) { margin-left: 0; } .index-informations-question .item:nth-child( 1n+3) { margin-top: 20px; } .index-informations-question .item .title, .index-informations-question .item .content { padding-left: 50px; position: relative; } .index-informations-question .item .title:before, .index-informations-question .item .content:before { content: " "; width: 36px; height: 36px; position: absolute; left: 0; top: 0; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; } .index-informations-question .item .title { height: 36px; line-height: 36px; font-size: 16px; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .index-informations-question .item .title:before { background-image: url(../images/ico-qmark.png); background-color: #d81920; } .index-informations-question .item .content { margin-top: 15px; font-size: 14px; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; height: 4.5em; } .index-informations-question .item .content:before { background-image: url(../images/ico-amark.png); background-color: #209773; } .index-informations-question .item .tail { margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; line-height: 20px; padding-left: 50px; } .index-informations-question .item .tail:after { display: none; } .index-informations-question .item .tail .more { color: #d81920; border-bottom: #d81920 solid 1px; } .index-informations-question .item .tail .saw { padding-left: 30px; background-image: url(../images/ico-saw.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; color: #666666; } @media screen and (min-width: 1025px) { .index-informations-question .item:hover { border-color: #d81920; } .index-informations-question .item:hover .title { color: #d81920; } } @media screen and (max-width: 1024px) { .index-informations-question .item:active { border-color: #d81920; -webkit-transition: 0ms; transition: 0ms; } .index-informations-question .item:active .title { color: #d81920; -webkit-transition: 0ms; transition: 0ms; } } @media screen and (max-width: 1024px) { .index-informations-question .item:nth-child(1n+1) { width: 100%; margin-left: 0; margin-top: 0; } .index-informations-question .item:nth-child( 1n+1) { margin-left: 0; } .index-informations-question .item:nth-child( 1n+2) { margin-top: 0.4rem; } .index-informations-question .item .content { line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em; } .index-informations-question .item:nth-child(1n+5) { display: none; } } .index-informations-news .item { position: relative; overflow: hidden; z-index: 2; height: 26px; padding: 5px 0; line-height: 26px; } .index-informations-news .item .title { margin-right: 48px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .index-informations-news .item .time { position: absolute; right: 0; top: 5px; } @media screen and (min-width: 1025px) { .index-informations-news .item:hover .title { color: #d81920; } } @media screen and (max-width: 1024px) { .index-informations-news .item { height: 20px; line-height: 20px; } .index-informations-news .item:active .title { color: #d81920; -webkit-transition: 0ms; transition: 0ms; } } .index-informations-inform { margin-top: 15px; position: relative; overflow: hidden; border: #d81920 solid 1px; height: 272px; } .index-informations-inform .dt { height: 44px; line-height: 44px; color: #fff; background-color: #d81920; text-align: center; } .index-informations-inform .dd { height: 222px; margin: 3px 15px; } .index-informations-inform .dd .box { height: auto !important; } .index-informations-inform .dd .item { border-bottom: #c8c8c8 dashed 1px; height: 24px; line-height: 24px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .index-informations-inform .dd .item:after { display: none; } .index .BMap_cpyCtrl { display: none !important; } /* landing */ .landing .index-banner { height: 500px; } .landing .index-banner .pagination_banner { bottom: 20px; } .landing .index-banner .fns { bottom: 10px; } @media screen and (max-width: 1024px) { .landing .index-banner { height: 0; padding-bottom: 40%; } .landing .index-banner .pagination_banner { bottom: .4rem; } } .landing .index-informations { position: relative; z-index: 6; background-color: #fff; } .landing-section { position: relative; overflow: hidden; z-index: 2; } .landing-section .bg.c { width: 1920px; left: 50%; margin-left: -960px; } .landing-section .bg.c.t { top: 0; height: auto; } .landing-section .bg.c.b { top: auto; bottom: 0; height: auto; } @media screen and (max-width: 1024px) { .landing-section .bg.c { width: 100%; left: 0; margin-left: 0; } } .landing-section .wave { pointer-events: none; position: relative; left: 50%; top: 0; margin-left: -960px; width: 1920px; height: 138px; } .landing-section .wave .line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .landing-section .wave .line:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: auto 100%; background-position: 0% 50%; background-repeat: repeat-x; -webkit-animation-name: bgHmove; animation-name: bgHmove; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 16s; animation-duration: 16s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .landing-section .wave .line1:before { background-image: url(../images/lp/wave-s1.png); } .landing-section .wave .line2:before { background-image: url(../images/lp/wave-s2.png); } .landing-section .wave .line3:before { background-image: url(../images/lp/wave-s3.png); } .landing-section .wave.AniStart .line:before { -webkit-animation-play-state: paused; animation-play-state: paused; } .landing-section .wave.AniDid .line:before { -webkit-animation-play-state: running; animation-play-state: running; } .landing-axd { position: relative; overflow: hidden; z-index: 2; } .landing-axd .qImg { position: relative; left: 50%; margin-left: -960px; width: 1920px; } @media screen and (min-width: 1025px) { .landing-axd { overflow: hidden; } .landing-axd:before { content: ""; z-index: 22; position: absolute; overflow: hidden; width: 40%; height: 100%; left: 0; top: 0; min-width: 60px; max-width: 122px; left: -100%; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); -webkit-transition: none 250ms ease-out 0s; transition: none 250ms ease-out 0s; pointer-events: none; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0)); } .landing-axd:hover:before { left: 155%; -webkit-transition: all 1200ms ease-out 0s; transition: all 1200ms ease-out 0s; } } @media screen and (max-width: 1024px) { .landing-axd .qImg { left: 0; margin-left: 0; width: 100%; } } .landing-head { position: relative; text-align: center; } .landing-head + .landing-product-list, .landing-head + .sCase-list { margin-top: 50px; } @media screen and (max-width: 1024px) { .landing-head + .landing-product-list, .landing-head + .sCase-list { margin-top: 1rem; } } .landing-head.skin1 .en { font-size: 1.125em; line-height: .9; font-family: Helvetica, Arial, sans-serif; color: #333333; opacity: .1; text-transform: uppercase; } .landing-head.skin1 .cn { position: relative; z-index: 3; margin-top: -0.5em; font-size: 1em; font-weight: bold; } .landing-head.skin1 .hr { margin-top: 0.4rem; display: block; margin-left: auto; margin-right: auto; width: 44px; height: 4px; } .landing-head.skin2 { font-size: 42px; } .landing-head.skin2 .en { line-height: .9; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; } .landing-head.skin2 .cn { color: #333333; margin-top: 10px; } .landing-head.skin2 .cn:before, .landing-head.skin2 .cn:after { content: " "; display: inline-block; vertical-align: top; margin: 0 20px; width: 102px; height: 1em; background-image: url(../images/lp/line-skin2.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; } .landing-head.skin2 .hr { margin-top: 0.4rem; display: block; margin-left: auto; margin-right: auto; width: 44px; height: 4px; } @media screen and (max-width: 1024px) { .landing-head.skin2 { font-size: 32px; } } .landing-btn1 { display: block; width: 160px; height: 44px; line-height: 44px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 40px; } @media screen and (max-width: 1024px) { .landing-btn1 { margin-top: 1rem; } } .landing-product-list { *zoom: 1; } .landing-product-list:after { content: ""; clear: both; display: table; } .landing-product-list .item { z-index: 2; float: left; position: relative; overflow: hidden; width: 386px; height: 214px; } .landing-product-list .item:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; pointer-events: none; background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%); } .landing-product-list .item .pic { width: 100%; height: 0 !important; padding-bottom: 62.56410256%; background-color: #f1f1f1; /* img {object-fit:contain;} */ } .landing-product-list .item .bottomIn { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; z-index: 6; } .landing-product-list .item .title { position: absolute; left: 0; bottom: 0; right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; padding: 15px; color: #fff; } .landing-product-list .item .more { position: absolute; right: 0; bottom: 0; width: 68px; height: 48px; line-height: 48px; color: #fff; text-align: center; padding-left: 0.04em; letter-spacing: 0.04em; font-size: 14px; } @media screen and (min-width: 1025px) { .landing-product-list .item:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; } .landing-product-list .item .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); } .landing-product-list .item .bottomIn:before, .landing-product-list .item .bottomIn:after { content: " "; position: absolute; left: 100%; top: 100%; z-index: -1; pointer-events: none; background-color: #d81920; border-radius: 50%; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .landing-product-list .item .bottomIn:before { z-index: -2; opacity: .5; width: 45%; padding-bottom: 45%; -webkit-transform-origin: 52% 52%; transform-origin: 52% 52%; margin-left: -21%; margin-top: -26%; -webkit-animation-delay: -1s; animation-delay: -1s; } .landing-product-list .item .bottomIn:after { width: 35%; padding-bottom: 35%; -webkit-transform-origin: 48% 48%; transform-origin: 48% 48%; margin-left: -10%; margin-top: -15%; -webkit-animation-delay: -1.5s; animation-delay: -1.5s; } .landing-product-list .item:hover:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; } .landing-product-list .item:hover .bottomIn { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } .landing-product-list .item:hover .bottomIn:before, .landing-product-list .item:hover .bottomIn:after { -webkit-animation-play-state: running; animation-play-state: running; } } @media screen and (max-width: 1024px) { .landing-product-list .item .title { right: 0; text-align: center; padding: 0.4rem; } .landing-product-list .item .more { display: none; } } .landing-product-list .item:nth-child(1) { width: 792px; height: 448px; } .landing-product-list .item:nth-child(1n+1) { margin-left: 20px; } .landing-product-list .item:nth-child(1n+3) { margin-top: 20px; } .landing-product-list .item:nth-child(3n+1) { margin-left: 0; } .landing-product-list .item:nth-child(1n+7) { display: none !important; } .landing-product-list .item .pic { padding-bottom: 56.31578947% !important; } .landing-product-list .item .bottomIn:before, .landing-product-list .item .bottomIn:after { background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } @media screen and (max-width: 1024px) { .landing-product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .landing-product-list:after { display: none; } .landing-product-list .item { float: none; height: auto !important; } .landing-product-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .landing-product-list .item:nth-child( 2n+1) { margin-left: 0; } .landing-product-list .item:nth-child( 1n+3) { margin-top: 2%; } } .landing-product-tab { margin-top: 32px; } .landing-product-tab .Tg { font-size: 0; text-align: center; } .landing-product-tab .Tg .btn1 { display: inline-block; vertical-align: top; margin: 0 2px; padding: 0 25px; min-width: 4em; height: 42px; line-height: 42px; border-radius: 42px; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .landing-product-tab .Tg .btn2 { display: inline-block; vertical-align: top; margin: 0 5px; padding: 0 25px; min-width: 4em; height: 40px; line-height: 40px; border-radius: 40px; color: #333333; font-size: 16px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border-radius: 4px; } .landing-product-tab .Tt { margin-top: 80px; min-height: 680px; } @media screen and (max-width: 1024px) { .landing-product-tab { margin-top: 0.64rem; } .landing-product-tab .Tt { margin-top: 1rem; min-height: 6rem; } } .landing-axdvantage .head { line-height: 1.65; text-align: center; } .landing-axdvantage .head .p1 { font-size: 40px; color: #333333; font-weight: bold; } .landing-axdvantage .head .p2 { font-size: 40px; color: #333333; text-align: center; padding-left: 0.15em; letter-spacing: 0.15em; } .landing-axdvantage .head .p3 { margin-top: 0.2rem; font-size: 24px; } .landing-axdvantage .head .p3 span { position: relative; z-index: 2; display: inline-block; vertical-align: top; line-height: 48px; padding: 0 1em; font-weight: lighter; border-radius: 100px; } .landing-axdvantage .head .p4 { position: relative; overflow: hidden; margin-top: 0.2rem; font-size: 24px; border-bottom: transparent solid 1px; } .landing-axdvantage .head .p4 span { position: relative; z-index: 2; display: inline-block; vertical-align: top; line-height: 48px; padding: 0 1em; font-weight: lighter; } .landing-axdvantage .head .p4 span:before, .landing-axdvantage .head .p4 span:after { content: " "; position: absolute; z-index: -1; pointer-events: none; top: 0; height: 100%; width: 24px; } .landing-axdvantage .head .p4 span:before { right: 100%; margin-right: -12px; -webkit-transform: skewX(-0.46364761rad); transform: skewX(-0.46364761rad); } .landing-axdvantage .head .p4 span:after { left: 100%; margin-left: -12px; -webkit-transform: skewX(0.46364761rad); transform: skewX(0.46364761rad); } .landing-axdvantage .body { position: relative; margin-top: 135px; height: 480px; } .landing-axdvantage .body .center { position: absolute; left: 50%; top: 50%; margin-left: -222px; margin-top: -222px; width: 444px; height: 444px; z-index: 1; } .landing-axdvantage .body .center:before { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; } .landing-axdvantage .body .center .this { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; } .landing-axdvantage .body .center.AniStart:before { -webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .landing-axdvantage .body .center.AniDid:before { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-animation-play-state: running; animation-play-state: running; } .landing-axdvantage .body .item { position: absolute; padding: 0.2rem 0; width: 330px; } .landing-axdvantage .body .item.i1, .landing-axdvantage .body .item.i3 { right: 50%; margin-right: 260px; text-align: right; } .landing-axdvantage .body .item.i2, .landing-axdvantage .body .item.i4 { left: 50%; margin-left: 260px; text-align: left; } .landing-axdvantage .body .item.i1 { top: 0; } .landing-axdvantage .body .item.i2 { top: 0; } .landing-axdvantage .body .item.i3 { top: 280px; } .landing-axdvantage .body .item.i4 { top: 280px; } .landing-axdvantage .body .item .sdt { font-size: 30px; line-height: 1.66666667; color: #333333; } .landing-axdvantage .body .item .sdd { margin-top: 10px; line-height: 1.625; color: #999999; } @media screen and (max-width: 1024px) { .landing-axdvantage .head .p1 { font-size: 24px; } .landing-axdvantage .head .p2 { font-size: 24px; letter-spacing: 0; padding-left: 0; } .landing-axdvantage .head .p3, .landing-axdvantage .head .p4 { font-size: 16px; } .landing-axdvantage .head .p3 span, .landing-axdvantage .head .p4 span { line-height: 32px; } .landing-axdvantage .body { height: auto; margin-top: 1.2rem; } .landing-axdvantage .body .center { display: none; } .landing-axdvantage .body .item:nth-child(1n+1) { width: 100%; position: relative; left: auto; right: auto; margin: auto; text-align: left; top: auto; } .landing-axdvantage .body .item:nth-child(1n+2) { margin-top: 2%; } .landing-axdvantage .body .item .sdt { font-size: 20px; } } .landing-service .wave { margin-top: 25px; } .landing-service .oList { margin-top: 30px; position: relative; z-index: 2; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .landing-service .oList:after { display: none; } .landing-service .oList .oLi { display: inline-block; vertical-align: top; position: relative; z-index: 1; width: 228px; height: 338px; border-radius: 228px; line-height: 1.625; color: #fff; padding: 40px 15px ; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .landing-service .oList .oLi:nth-child(1n+2) { margin-left: 15px ; } .landing-service .oList .oLi .dot { position: absolute; top: -80px; left: 50%; margin-left: -11px; width: 22px; height: 22px; border-radius: 50%; } .landing-service .oList .oLi .dot:after { content: " "; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; border-radius: inherit; } .landing-service .oList .oLi .snum { font-family: "Alien Encounters Solid", Tahoma, Arial, sans-serif; margin-left: auto; margin-right: auto; font-size: 42px; width: 88px; height: 88px; line-height: 92px; border-radius: 50%; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .landing-service .oList .oLi .sdt { margin-top: 25px; font-size: 18px; line-height: 1.5; font-weight: bold; } .landing-service .oList .oLi .sdd { padding: 0 10px; } .landing-service .oList .oLi .sdd:before { content: " "; display: block; margin: 10px auto; width: 16px; height: 2px; background-color: #fff; } .landing-service .oList .oLi.AniStart .dot { -webkit-animation-name: updownFloat; animation-name: updownFloat; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .landing-service .oList .oLi.AniDid .dot { -webkit-animation-play-state: running; animation-play-state: running; } .landing-service .oList .oLi:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15); } .landing-service .foot { margin-top: 60px; text-align: center; } .landing-service .foot .aside { font-size: 18px; line-height: 1.66666667; color: #333333; } .landing-service .foot .btn { margin-top: 20px; } @media screen and (max-width: 1024px) { .landing-service .wave { display: none; } .landing-service .oList { margin-top: 1rem; } .landing-service .oList .oLi { padding: 0.8rem 10px 1rem; height: 260px; } .landing-service .oList .oLi:nth-child(1n+1) { margin: 0 5px; } .landing-service .oList .oLi .dot { display: none !important; } .landing-service .oList .oLi .snum { width: 64px; height: 64px; font-size: 32px; line-height: 70px; } .landing-service .oList .oLi .sdt { margin-top: 0.5rem; font-size: 16px; } .landing-service .foot { margin-top: 1.2rem; } .landing-service .foot .aside { font-size: 16px; } .landing-service .foot .btn { margin-top: 0.4rem; } } @media screen and (max-width: 768px) { .landing-service .oList { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .landing-service .oList .oLi { border-radius: 0.6rem; min-width: 200px; height: auto; width: 49%; } .landing-service .oList .oLi:nth-child(1n+1) { margin: 0; } .landing-service .oList .oLi:nth-child(1n+3) { margin-top: 2%; } .landing-service .oList .oLi:nth-child(3) { width: 100%; } } .landing-project .head { padding-top: 90px; background-image: url(../images/lp/ggc-bg4-head.png); background-size: auto; background-position: 50% 0; background-repeat: no-repeat; text-align: center; } .landing-project .head .sdt { font-weight: bold; } .landing-project .head .sdt em { color: #ea1819; font-size: 1.41666667em; margin: 0 .1em; } .landing-project .head .sdd { position: relative; overflow: hidden; margin-top: 12px; height: 40px; line-height: 40px; } .landing-project .head .sdd:before { content: " "; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #e5e5e5; z-index: -1; pointer-events: none; } .landing-project .head .sdd span { position: relative; z-index: 2; font-size: 20px; font-weight: lighter; display: inline-block; vertical-align: top; padding: 0 40px; } .landing-project .head .sdd span:before, .landing-project .head .sdd span:after { content: " "; position: absolute; z-index: -1; pointer-events: none; top: 0; height: 100%; width: 20px; -webkit-transform: skewX(-0.46364761rad); transform: skewX(-0.46364761rad); } .landing-project .head .sdd span:before { right: 100%; margin-right: -10px; } .landing-project .head .sdd span:after { left: 100%; margin-left: -10px; } @media screen and (max-width: 1024px) { .landing-project .head { padding-top: 1.8rem; background-size: auto 100px; } .landing-project .head .sdd { height: 36px; line-height: 36px; } .landing-project .head .sdd span { font-size: 16px; padding: 0 0.4rem; } } .landing-project .head2 { text-align: center; } .landing-project .head2 .sdt { font-weight: bold; } .landing-project .head2 .sdt em { color: #ea1819; font-size: 1.41666667em; margin: 0 .1em; } .landing-project .head2 .sdt:before, .landing-project .head2 .sdt:after { content: " "; display: inline-block; vertical-align: bottom; margin: 0 20px; width: 102px; height: 1em; background-image: url(../images/lp/line-skin2.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; } .landing-project .head2 .sdd { position: relative; overflow: hidden; margin-top: 16px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; color: #999999; text-transform: uppercase; text-align: center; padding-left: 0.02em; letter-spacing: 0.02em; } @media screen and (max-width: 1024px) { .landing-project .head2 .sdd { font-size: 16px; margin-top: 10px; } } .landing-project .list { margin-top: 40px; } @media screen and (max-width: 1024px) { .landing-project .list { margin-top: 0.8rem; } } .landing-project .list .item { position: relative; overflow: hidden; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; padding: 10px 0 30px; } .landing-project .list .item:after { display: none; } @media screen and (max-width: 1024px) { .landing-project .list .item { display: block; } } .landing-project .list .item:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 22px; display: block; pointer-events: none; background-image: url(../images/lp/line-hr.png); background-size: auto 100%; background-position: 50% 50%; background-repeat: no-repeat; } .landing-project .list .item .picArea { width: 550px; padding: 0 15px; } .landing-project .list .item .picArea .qImg { max-width: 100%; } .landing-project .list .item .txt { width: 520px; position: relative; padding-left: 110px; padding-top: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .landing-project .list .item .txt .snum { position: absolute; z-index: 8; pointer-events: none; left: 0; top: 35px; width: 64px; height: 100px; background-color: #d81920; -webkit-clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0); clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0); text-align: center; color: #fff; font-family: Helvetica, Arial, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; } .landing-project .list .item .txt .snum span { display: inline-block; vertical-align: top; padding: 20px 0 10px; border-bottom: #ffffff solid 2px; } .landing-project .list .item .txt .dt { line-height: 1.75; white-space: nowrap; } .landing-project .list .item .txt .dt .p1 { font-weight: bold; } .landing-project .list .item .txt .oList { margin-top: 30px; } .landing-project .list .item .txt .oList .oLi { position: relative; overflow: hidden; padding-left: 20px; z-index: 1; line-height: 1.625; color: #666666; } .landing-project .list .item .txt .oList .oLi:before { content: " "; position: absolute; left: 0; top: 0.8125em; margin-top: -5px; overflow: hidden; width: 0; height: 0; border-width: 5px 6px; border-color: transparent transparent transparent transparent; border-style: solid; } .landing-project .list .item .txt .oList .oLi:nth-child(1n+2) { margin-top: 20px; } .landing-project .list .item .txt .oList .oLi .sdt { font-weight: bold; } .landing-project .list .item:nth-child(2n+1) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .landing-project .list .item:nth-child(2n+2) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1024px) { .landing-project .list .item { padding: 10px 0 30px; } .landing-project .list .item .picArea, .landing-project .list .item .txt { width: 100%; max-height: auto; } .landing-project .list .item .picArea { padding: 0; } .landing-project .list .item .txt { padding-left: 72px; padding-top: 0.6rem; padding-bottom: 0.6rem; } .landing-project .list .item .txt .snum { top: 0.7rem; left: 0; width: 48px; height: 72px; } .landing-project .list .item .txt .snum span { padding: 12px 0 6px; } .landing-project .list .item .txt .dt { white-space: normal; } .landing-project .list .item .txt .oList { margin-top: 0.6rem; } .landing-project .list .item .txt .oList .oLi { padding-left: 12px; } .landing-project .list .item .txt .oList .oLi:nth-child(1n+2) { margin-top: 0.4rem; } } @media screen and (max-width: 1024px) { .landing-project .list { margin-top: 0.8rem; } } .landing-case-tab { margin-top: 35px; } .landing-case-tab .Tg { font-size: 0; text-align: center; padding: 0.3rem 0; border-top: #ececec solid 1px; border-bottom: #ececec solid 1px; } .landing-case-tab .Tg .btn { display: inline-block; vertical-align: top; margin: 0 2px; padding: 0 25px; height: 32px; line-height: 32px; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .landing-case-tab .Tt { margin-top: 45px; height: 503px; } .landing-case-tab .Ta { margin-left: auto; margin-right: auto; margin-top: 40px; } @media screen and (max-width: 1024px) { .landing-case-tab { margin-top: 0.7rem; } .landing-case-tab .Tt { margin-top: 0.9rem; height: auto; } .landing-case-tab .Ta { margin-top: 1rem; } } .landing-ggc .ci { color: #128858; } .landing-ggc .bgci { background-color: #128858; } .landing-ggc .landing-head .cn { color: #128858; } .landing-ggc .landing-head .hr { background-color: #128858; } .landing-ggc .landing-btn1 { background-color: #128858; color: #fff !important; } .landing-ggc .consult-btn:before { border-color: #128858; } .landing-ggc .consult-btn .span1 { color: #128858; } .landing-ggc .consult-btn .span2 { background-color: #128858; background-image: -webkit-linear-gradient(0deg, #128858 0%, #0fb370 100%); } .landing-ggc .landing-product-list .item .bottomIn:before, .landing-ggc .sCase-list .item .bottomIn:before, .landing-ggc .landing-product-list .item .bottomIn:after, .landing-ggc .sCase-list .item .bottomIn:after { background-color: #128858; } .landing-ggc-product { padding-top: 80px; padding-bottom: 400px; } .landing-ggc-product + .landing-section { z-index: 4; } @media screen and (max-width: 1024px) { .landing-ggc-product { padding-top: 1.6rem; padding-bottom: 5.6rem; } } .landing-ggc-product .landing-product-tab .Tg .btn:hover { color: #128858; } .landing-ggc-product .landing-product-tab .Tg .btn.on { color: #fff !important; background-color: #128858; } .landing-ggc-axdvantage { margin-top: -90px; padding-bottom: 240px; } @media screen and (max-width: 1024px) { .landing-ggc-axdvantage { margin-top: -0.4rem; padding-bottom: 4.8rem; } } .landing-ggc-axdvantage .head .p3 span { background-color: #128858; color: #fff; } .landing-ggc-axdvantage .body .center:before { background-image: url(../images/lp/ggc-bg2-center.png); } .landing-ggc-service { padding-top: 60px; padding-bottom: 305px; } @media screen and (max-width: 1024px) { .landing-ggc-service { padding-top: 1.2rem; padding-bottom: 6.1rem; } } .landing-ggc-service .oList .oLi { background-color: #128858; } .landing-ggc-service .oList .oLi .dot { background-color: rgba(18, 136, 88, 0.2); } .landing-ggc-service .oList .oLi .dot:after { background-color: #128858; } .landing-ggc-service .oList .oLi .snum { color: #128858; } .landing-ggc-project { padding-top: 30px; padding-bottom: 200px; } @media screen and (max-width: 1024px) { .landing-ggc-project { padding-top: 0.6rem; padding-bottom: 4rem; } } .landing-ggc-project .head { background-image: url(../images/lp/ggc-bg4-head.png); } .landing-ggc-project .head .sdt { color: #128858; } .landing-ggc-project .head .sdd span { background-color: #128858; color: #fff; } .landing-ggc-project .head .sdd span:before, .landing-ggc-project .head .sdd span:after { background-color: #128858; } .landing-ggc-project .list .item .txt .dt { color: #128858; } .landing-ggc-project .list .item .txt .oList .oLi:before { border-left-color: #128858; } .landing-ggc-project .list .item .txt .oList .oLi .sdt { color: #128858; } .landing-ggc-case { padding-top: 55px; padding-bottom: 160px; } @media screen and (max-width: 1024px) { .landing-ggc-case { padding-top: 1.1rem; padding-bottom: 3.2rem; } } .landing-ggc-case-tab .Tg .btn:hover { color: #128858; } .landing-ggc-case-tab .Tg .btn.on { color: #fff !important; background-color: #128858; } .landing-hwc .ci { color: #12a87b; } .landing-hwc .bgci { background-color: #12a87b; } .landing-hwc .landing-head .cn { color: #12a87b; } .landing-hwc .landing-head .hr { background-color: #12a87b; } .landing-hwc .landing-btn1 { background-color: #12a87b; color: #fff !important; } .landing-hwc .consult-btn:before { border-color: #12a87b; } .landing-hwc .consult-btn .span1 { color: #12a87b; } .landing-hwc .consult-btn .span2 { background-color: #12a87b; background-image: -webkit-linear-gradient(0deg, #12a87b 0%, #16cc82 100%); } .landing-hwc .landing-product-list .item .bottomIn:before, .landing-hwc .sCase-list .item .bottomIn:before, .landing-hwc .landing-product-list .item .bottomIn:after, .landing-hwc .sCase-list .item .bottomIn:after { background-color: #12a87b; } .landing-hwc-product { padding-top: 80px; padding-bottom: 400px; } .landing-hwc-product + .landing-section { z-index: 4; } @media screen and (max-width: 1024px) { .landing-hwc-product { padding-top: 1.6rem; padding-bottom: 5.6rem; } } .landing-hwc-product .landing-product-tab .Tg .btn:hover { color: #12a87b; } .landing-hwc-product .landing-product-tab .Tg .btn.on { color: #fff !important; background-color: #12a87b; } .landing-hwc-axdvantage { margin-top: -90px; padding-bottom: 265px; } @media screen and (max-width: 1024px) { .landing-hwc-axdvantage { margin-top: -0.4rem; padding-bottom: 5.3rem; } } .landing-hwc-axdvantage .head .p3 span { background-color: #12a87b; color: #fff; } .landing-hwc-axdvantage .body .center:before { background-image: url(../images/lp/hwc-bg2-center.png); } .landing-hwc-service { padding-top: 60px; padding-bottom: 180px; } @media screen and (max-width: 1024px) { .landing-hwc-service { padding-top: 1.2rem; padding-bottom: 3.6rem; } } .landing-hwc-service .oList .oLi { background-color: #12a87b; } .landing-hwc-service .oList .oLi .dot { background-color: rgba(18, 168, 123, 0.2); } .landing-hwc-service .oList .oLi .dot:after { background-color: #12a87b; } .landing-hwc-service .oList .oLi .snum { color: #12a87b; } .landing-hwc-project { padding-top: 30px; padding-bottom: 180px; } @media screen and (max-width: 1024px) { .landing-hwc-project { padding-top: 0.6rem; padding-bottom: 3.6rem; } } .landing-hwc-project .head { background-image: url(../images/lp/ggc-bg4-head.png); } .landing-hwc-project .head .sdt { color: #12a87b; } .landing-hwc-project .head .sdd span { background-color: #12a87b; color: #fff; } .landing-hwc-project .head .sdd span:before, .landing-hwc-project .head .sdd span:after { background-color: #12a87b; } .landing-hwc-project .list .item .txt .dt { color: #12a87b; } .landing-hwc-project .list .item .txt .oList .oLi:before { border-left-color: #12a87b; } .landing-hwc-project .list .item .txt .oList .oLi .sdt { color: #12a87b; } .landing-hwc-case { padding-top: 55px; padding-bottom: 160px; } @media screen and (max-width: 1024px) { .landing-hwc-case { padding-top: 1.1rem; padding-bottom: 3.2rem; } } .landing-hwc-case-tab .Tg .btn:hover { color: #12a87b; } .landing-hwc-case-tab .Tg .btn.on { color: #fff !important; background-color: #12a87b; } .landing-jwc .ci { color: #1c377b; } .landing-jwc .bgci { background-color: #1c377b; } .landing-jwc .landing-head .en { color: #1c377b; } .landing-jwc .landing-head .hr { background-color: #1c377b; } .landing-jwc .landing-btn1 { background-color: #1c377b; color: #fff !important; } .landing-jwc .consult-btn:before { border-color: #1c377b; } .landing-jwc .consult-btn .span1 { color: #1c377b; } .landing-jwc .consult-btn .span2 { background-color: #1c377b; background-image: -webkit-linear-gradient(0deg, #1c377b 0%, #0071d1 100%); } .landing-jwc .landing-product-list .item .bottomIn:before, .landing-jwc .sCase-list .item .bottomIn:before, .landing-jwc .landing-product-list .item .bottomIn:after, .landing-jwc .sCase-list .item .bottomIn:after { background-color: #1c377b; } .landing-jwc-product { padding-top: 80px; padding-bottom: 200px; } @media screen and (max-width: 1024px) { .landing-jwc-product { padding-top: 1.6rem; padding-bottom: 4rem; } } .landing-jwc-product .landing-product-tab .Tg .btn { background-color: #0071d1; color: #fff; } .landing-jwc-product .landing-product-tab .Tg .btn.on { color: #fff !important; background-color: #1c377b; } .landing-jwc-product .landing-product-tab .Tt { margin-top: 45px; } @media screen and (max-width: 1024px) { .landing-jwc-product .landing-product-tab .Tt { margin-top: 0.9rem; } } .landing-jwc-axdvantage { margin-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 1024px) { .landing-jwc-axdvantage { margin-top: 1.2rem; padding-bottom: 1.2rem; } } .landing-jwc-axdvantage .head .p4 { border-bottom-color: #1c377b; } .landing-jwc-axdvantage .head .p4 span { background-color: #1c377b; color: #fff; } .landing-jwc-axdvantage .head .p4 span:before, .landing-jwc-axdvantage .head .p4 span:after { background-color: #1c377b; } .landing-jwc-axdvantage .body .center:before { background-image: url(../images/lp/jwc-bg2-center.png); } .landing-jwc-service { padding-top: 60px; padding-bottom: 500px; } @media screen and (max-width: 1024px) { .landing-jwc-service { padding-top: 1.2rem; padding-bottom: 10rem; } } .landing-jwc-service .oList .oLi { background-color: #1c377b; } .landing-jwc-service .oList .oLi .dot { background-color: rgba(28, 55, 123, 0.2); } .landing-jwc-service .oList .oLi .dot:after { background-color: #1c377b; } .landing-jwc-service .oList .oLi .snum { color: #1c377b; } .landing-jwc-project { margin-top: -160px; padding-top: 30px; padding-bottom: 50px; z-index: 4; } @media screen and (max-width: 1024px) { .landing-jwc-project { margin-top: -0.8rem; padding-top: 0.6rem; padding-bottom: 1rem; } } .landing-jwc-project .head2 .sdt { color: #1c377b; } .landing-jwc-project .head2 .sdd span { background-color: #1c377b; color: #fff; } .landing-jwc-project .head2 .sdd span:before, .landing-jwc-project .head2 .sdd span:after { background-color: #1c377b; } .landing-jwc-project .list .item .txt .dt { color: #1c377b; } .landing-jwc-project .list .item .txt .oList .oLi:before { border-left-color: #1c377b; } .landing-jwc-project .list .item .txt .oList .oLi .sdt { color: #1c377b; } .landing-jwc-case { padding-top: 55px; padding-bottom: 135px; } @media screen and (max-width: 1024px) { .landing-jwc-case { padding-top: 1.1rem; padding-bottom: 2.7rem; } } .landing-jwc-case-tab .Tg .btn:hover { color: #1c377b; } .landing-jwc-case-tab .Tg .btn.on { color: #fff !important; background-color: #1c377b; } .landing-xfc .ci { color: #d81920; } .landing-xfc .bgci { background-color: #d81920; } .landing-xfc .landing-head .en { color: #d81920; } .landing-xfc .landing-head .hr { background-color: #d81920; } .landing-xfc .landing-btn1 { background-color: #d81920; color: #fff !important; } .landing-xfc .consult-btn:before { border-color: #d81920; } .landing-xfc .consult-btn .span1 { color: #d81920; } .landing-xfc .consult-btn .span2 { background-color: #d81920; background-image: -webkit-linear-gradient(0deg, #bb0f16 0%, #d81920 100%); } .landing-xfc .landing-product-list .item .bottomIn:before, .landing-xfc .sCase-list .item .bottomIn:before, .landing-xfc .landing-product-list .item .bottomIn:after, .landing-xfc .sCase-list .item .bottomIn:after { background-color: #d81920; } .landing-xfc-product { padding-top: 80px; padding-bottom: 200px; } @media screen and (max-width: 1024px) { .landing-xfc-product { padding-top: 1.6rem; padding-bottom: 4rem; } } .landing-xfc-product .landing-product-tab .Tg .btn { background-color: rgba(177, 20, 26, 0.83); color: #fff; } .landing-xfc-product .landing-product-tab .Tg .btn.on { color: #fff !important; background-color: #d81920; } .landing-xfc-product .landing-product-tab .Tt { margin-top: 45px; } @media screen and (max-width: 1024px) { .landing-xfc-product .landing-product-tab .Tt { margin-top: 0.9rem; } } .landing-xfc-axdvantage { margin-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 1024px) { .landing-xfc-axdvantage { margin-top: 1.2rem; padding-bottom: 1.2rem; } } .landing-xfc-axdvantage .head .p4 { border-bottom-color: #d81920; } .landing-xfc-axdvantage .head .p4 span { background-color: #d81920; color: #fff; } .landing-xfc-axdvantage .head .p4 span:before, .landing-xfc-axdvantage .head .p4 span:after { background-color: #d81920; } .landing-xfc-axdvantage .body .center:before { background-image: url(../images/lp/xfc-bg2-center.png); } .landing-xfc-service { padding-top: 60px; padding-bottom: 380px; } @media screen and (max-width: 1024px) { .landing-xfc-service { padding-top: 1.2rem; padding-bottom: 7.6rem; } } .landing-xfc-service .oList .oLi { background-color: #d81920; } .landing-xfc-service .oList .oLi .dot { background-color: rgba(216, 25, 32, 0.2); } .landing-xfc-service .oList .oLi .dot:after { background-color: #d81920; } .landing-xfc-service .oList .oLi .snum { color: #d81920; } .landing-xfc-project { margin-top: -60px; padding-top: 30px; padding-bottom: 50px; z-index: 4; } @media screen and (max-width: 1024px) { .landing-xfc-project { margin-top: -0.8rem; padding-top: 0.6rem; padding-bottom: 1rem; } } .landing-xfc-project .head2 .sdt { color: #333333; } .landing-xfc-project .head2 .sdd span { background-color: #d81920; color: #fff; } .landing-xfc-project .head2 .sdd span:before, .landing-xfc-project .head2 .sdd span:after { background-color: #d81920; } .landing-xfc-project .list .item .txt .dt { color: #d81920; } .landing-xfc-project .list .item .txt .oList .oLi:before { border-left-color: #d81920; } .landing-xfc-project .list .item .txt .oList .oLi .sdt { color: #d81920; } .landing-xfc-case { padding-top: 55px; padding-bottom: 105px; } @media screen and (max-width: 1024px) { .landing-xfc-case { padding-top: 1.1rem; padding-bottom: 2.1rem; } } .landing-xfc-case-tab .Tg .btn:hover { color: #d81920; } .landing-xfc-case-tab .Tg .btn.on { color: #fff !important; background-color: #d81920; } .landing-dzc .ci { color: #d81920; } .landing-dzc .bgci { background-color: #d81920; } .landing-dzc .landing-head .en { color: #d81920; } .landing-dzc .landing-head .hr { background-color: #d81920; } .landing-dzc .landing-btn1 { background-color: #d81920; color: #fff !important; } .landing-dzc .consult-btn:before { border-color: #d81920; } .landing-dzc .consult-btn .span1 { color: #d81920; } .landing-dzc .consult-btn .span2 { background-color: #d81920; background-image: -webkit-linear-gradient(0deg, #bb0f16 0%, #d81920 100%); } .landing-dzc .landing-product-list .item .bottomIn:before, .landing-dzc .sCase-list .item .bottomIn:before, .landing-dzc .landing-product-list .item .bottomIn:after, .landing-dzc .sCase-list .item .bottomIn:after { background-color: #d81920; } .landing-dzc-product { padding-top: 80px; padding-bottom: 200px; } @media screen and (max-width: 1024px) { .landing-dzc-product { padding-top: 1.6rem; padding-bottom: 4rem; } } .landing-dzc-product .landing-product-tab .Tg .btn { background-color: rgba(177, 20, 26, 0.83); color: #fff; } .landing-dzc-product .landing-product-tab .Tg .btn.on { color: #fff !important; background-color: #d81920; } .landing-dzc-product .landing-product-tab .Tt { margin-top: 45px; } @media screen and (max-width: 1024px) { .landing-dzc-product .landing-product-tab .Tt { margin-top: 0.9rem; } } .landing-dzc-axdvantage { margin-top: 60px; padding-bottom: 260px; } @media screen and (max-width: 1024px) { .landing-dzc-axdvantage { margin-top: 1.2rem; padding-bottom: 5.2rem; } } .landing-dzc-axdvantage .head .p4 { border-bottom-color: #d81920; } .landing-dzc-axdvantage .head .p4 span { background-color: #d81920; color: #fff; } .landing-dzc-axdvantage .head .p4 span:before, .landing-dzc-axdvantage .head .p4 span:after { background-color: #d81920; } .landing-dzc-axdvantage .body .center:before { background-image: url(../images/lp/dzc-bg2-center.png); } .landing-dzc-service { padding-top: 80px; padding-bottom: 380px; } @media screen and (max-width: 1024px) { .landing-dzc-service { padding-top: 1.6rem; padding-bottom: 7.6rem; } } .landing-dzc-service .oList .oLi { background-color: #d81920; } .landing-dzc-service .oList .oLi .dot { background-color: rgba(216, 25, 32, 0.2); } .landing-dzc-service .oList .oLi .dot:after { background-color: #d81920; } .landing-dzc-service .oList .oLi .snum { color: #d81920; } .landing-dzc-project { margin-top: -60px; padding-top: 30px; padding-bottom: 50px; z-index: 4; } @media screen and (max-width: 1024px) { .landing-dzc-project { margin-top: -0.8rem; padding-top: 0.6rem; padding-bottom: 1rem; } } .landing-dzc-project .head2 .sdt { color: #333333; } .landing-dzc-project .head2 .sdd span { background-color: #d81920; color: #fff; } .landing-dzc-project .head2 .sdd span:before, .landing-dzc-project .head2 .sdd span:after { background-color: #d81920; } .landing-dzc-project .list .item .txt .dt { color: #d81920; } .landing-dzc-project .list .item .txt .oList .oLi:before { border-left-color: #d81920; } .landing-dzc-project .list .item .txt .oList .oLi .sdt { color: #d81920; } .landing-dzc-case { padding-top: 55px; padding-bottom: 105px; } @media screen and (max-width: 1024px) { .landing-dzc-case { padding-top: 1.1rem; padding-bottom: 2.1rem; } } .landing-dzc-case-tab .Tg .btn:hover { color: #d81920; } .landing-dzc-case-tab .Tg .btn.on { color: #fff !important; background-color: #d81920; } #nb_icon_wrap { top: auto !important; bottom: 2%; } .lazybox { z-index: 1; } .lazybox:before { content: " "; position: absolute; left: 50%; top: 50%; border-radius: 50%; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; width: 20px; height: 20px; margin: -10px 0 0 -10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-width: 2px; border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .lazybox._loaded:before { -webkit-transition: all 100ms ease-out 0ms; transition: all 100ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-animation-name: none; animation-name: none; -webkit-animation-play-state: paused; animation-play-state: paused; } .lazybox:before { margin: -24px 0 0 -24px; width: 48px; height: 48px; } @media screen and (max-width: 1024px) { .lazybox:before { margin: -16px 0 0 -16px; width: 32px; height: 32px; } }