html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;cursor: pointer;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img {padding: 0;margin: 0;font-weight: 400;} p {margin: 0px;padding: 0px;} body,button,input,select,textarea {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; font-size: 14px/1.5; color: #333;} img {border: 0px;vertical-align: middle;} table {border-collapse: collapse;border-spacing: 0;} table th,table td {border: 1px solid #ccc;} *,:after,:before {-webkit-box-sizing: border-box;box-sizing: border-box;background-repeat: no-repeat;} a {background-color: transparent;-webkit-text-decoration-skip: objects; text-decoration: none;color: #333;outline: none;cursor: pointer;-webkit-transition: .4s;transition: .4s;} a:hover {background-repeat: no-repeat;text-decoration: none;} a,input[type="button"],button,label,input[type="submit"],input[type="reset"] {cursor: pointer;} [type="checkbox"],[type="radio"] {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;} a:active,a:hover{outline:0} img{border:none} li{list-style:none} input,textarea,select {outline: none;} input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select,textarea {outline-style: none;-webkit-appearance: none;resize: none;border: none;-webkit-border-radius: 0;border-radius: 0;} textarea {overflow: auto;vertical-align: top;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;} .content-box {-webkit-box-sizing: content-box;box-sizing: content-box;} .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix {*zoom: 1;} .removeStyle {margin: 0px;padding: 0px;list-style: none;} .removeStyle li {list-style: none;margin: 0px;padding: 0px;} .removeStyle dd {list-style: none;margin: 0px;padding: 0px;} .removeStyle dt {list-style: none;margin: 0px;padding: 0px;} /* 字体图标 */ .iconfont {color: inherit;font-size: inherit;display: inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fl {float: left;} .fr {float: right;} .show {display: block !important;} .hide {display: none !important;} .commonweb {width: 100%;padding: 0px 20px;} .commonwebbox {margin-left: 0px;margin-right: 0px;} .commonleft {float: none;} .commonright {float: none;} .visible-sm,.visible-md,.visible-lg {display: none;} .hidden-sm,.hidden-md,.hidden-lg {display: block;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;padding-left: 10px;padding-right: 10px;} .col-xs-12 {width: 100%;} .col-xs-11 {width: 91.66666667%;} .col-xs-10 {width: 83.33333333%;} .col-xs-9 {width: 75%;} .col-xs-8 {width: 66.66666667%;} .col-xs-7 {width: 58.33333333%;} .col-xs-6 {width: 50%;} .col-xs-5 {width: 41.66666667%;} .col-xs-4 {width: 33.33333333%;} .col-xs-3 {width: 25%;} .col-xs-2 {width: 16.66666667%;} .col-xs-1 {width: 8.33333333%;} @media (max-width: 320px) { body {min-width: 320px;} } @media (min-width: 768px) { .commonwebbox {margin-left: -10px;margin-right: -10px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;padding-left: 10px;padding-right: 10px;} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 {width: 8.33333333%;} .visible-sm {display: block;} .hidden-sm {display: none;} .commonweb {margin: 0px auto;max-width: 91.45833vw;} } @media (min-width: 992px) { .commonweb {padding: 0px 10px;} .commonwebbox {margin-left: -10px;margin-right: -10px;} .commonleft {float: left;} .commonright {float: right;} .visible-md {display: block;} .hidden-md {display: none;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;padding-left: 10px;padding-right: 10px;} .col-md-12 {width: 100%;} .col-md-11 {width: 91.66666667%;} .col-md-10 {width: 83.33333333%;} .col-md-9 {width: 75%;} .col-md-8 {width: 66.66666667%;} .col-md-7 {width: 58.33333333%;} .col-md-6 {width: 50%;} .col-md-5 {width: 41.66666667%;} .col-md-4 {width: 33.33333333%;} .col-md-3 {width: 25%;} .col-md-2 {width: 16.66666667%;} .col-md-1 {width: 8.33333333%;} } @media (min-width: 1260px) { html { cursor: default; } .commonleft { float: left; } .commonright { float: right; } .visible-lg { display: block; } .hidden-lg { display: none; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } @media (min-width: 1260px) { .commonweb { max-width: 81.25vw; } } /* layout start*/ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -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'%23a9e120'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .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-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-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'%23a9e120'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .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-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-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-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-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #a9e120; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #a9e120; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -o-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-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .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, .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-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .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-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-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-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: 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%; object-fit: contain; } .swiper-scrollbar { -webkit-border-radius: 10px; 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); -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { 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%; -ms-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; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } @font-face { font-family: 'commoniconFont'; src: url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAADMwAA0AAAAAW3wAADLXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACFShEICoGbPPdDC4FAAAE2AiQDghoEIAWFAgeJFxvbR2WH0IWNAwbxwwONRJizrS77/0/LzaGQCzR7pwoRV3RFnwPtmLhwBifGZKiwBRVKP4va09WHD20w2gmjLPOOYfpFLJdQ9rKVpfrZff2Iq9kr7/IMcCdHNOocnt/m/0FUQkBKUloBbcAK6gIGiIFRoE6cUXNzqaIudNvbdKlzm7F402W48MVfvLmIUpf9NwKgzQEDTu6r+5Ti77tWsuOfAr4dt4Wc5EoAWqX1GIepr1NHHj9AL+y32xjaNDexZNZF369QxXsFUcZsGOj0H1NT1Tolo4eFV0n62naPSVcBdDIGtbMeQcHmcsLmTD30fPy+y9/LbzrSS3q5MVlrShwSi8IohEIKImD6nNpL3X/SS/NJYEiKhiQOFBgkObAQ9nK6La8v0lWaf3uSDAnbsSRTgBvkkuD8r0zN0p1D4WTcUtbjTCYTJM4kmTIFYU/PghyDBQZ7bpd2AZwBCJkFKAMjc+dBnv6fz0iu8v9MH362BM4AsgtSVU/K4t54H6QuSD6LP0ycCcLslzG1SbieVqBiha+y/b+f+3dZZpsWaswEaYz11XnL2Hzho9IX2jA2wtBIzmoC8fKw5lqXAAAwwPPXNr7TxCP3fgHmFBgiFOGQeXCQvypHqAfA0REG6wBOzGt3GNWppaIK9hJIDTn5+Z3goNuXcfxtNEbG8mq0sgsAvwua4aYwxVVseF+5wxCA/atgiekI2/IDD6zIcQLCvys6D2J+ZMJEigaRRCpZmCmgjApms0KXdbY6inpznDhOHtenvNQjwgR1olVLtU8HdFh/T1yduDNxb2J84v0E6rfnqc8rXqJesV7Fv0p/NWq3AzAGxghjHmPCMZ8x6VjIWMQihhLHkm97XmzNbW2+CfL/JTDgDAf6N/pX+mf6e/pb+hv6a/oY/SH9Af02/Qb9Ov08/Rz9BP1P+kZ6H305vZU+mR5A96d9oY3TttJCaBLqaeoxaje1i7qKuoTaQJ1OradWUidR86mOlFduyfrVt3VZ++oPdOeB817NggPe0uTPHgBoAuz2jY59iX9mJJ08rD9jbuKmXHbAgAm37RjWFJgjTtspHgJPwqwgxxgAtyfYiwBRsBgLgIIsp0JMvLAIp4nAsaEwSALGKJilbYORI0JQbpixKq6iYQca03ex1qYplhZX26VOMXjLIWYcRY7PYHb7p9iJUMqQZgVdOntngV7XRFhEq8sSMS0UsFwTUoumVMPCGYheZwVxVI1w1eniAFlYStUHZHONawiMwDNqzGUcXSWiAI3O979p72x+bIvpgeEdrPCsyJwQnY2LMc5O3+S10FTPijTHkRHClldE1JlgPufGNPTMBWvwumszQlJ2FXW7R+dEeCellemwzD3g2/PkEH0Wav3WdRXp+wo13z2JI62U+nRk5FBoeZ55lZnXd5byLeaxG9qmXt5sW9cbaxtE98OSMWV/zi2vYzZrP/yoDRpGybQBQ8KqtXGlbqHSZ/d5P2V7Jc0p4Q4YIZLjlF/xp1ZGCx6BWkJKEt5kdfrbk+rK3K5lYRq9KnNhx7th2nZtctIpdXS0ZzLTEyeWrWOdvVXxT3j16Fzf7IlEpj37m2hSA6LpkSlUrMiS3vWREStT7deR1fLpsMVatGFYkzFNM2jbMItqhJ12GWJA5/4xFFlIINg0wKbwcrhQdxdRlLQQWutDZ0C0ucYT57exN1MiwXyXZL25RLgocXgzxKFAymSrzFNh+dCNrHIx1E50uh5CGCWYaihJSSrISKKikLVBJS5BwQO4g1BFskGRUtyVXibcKAt4YPz/inAS0SBRTchV5TQCYZtK8zqJ3p9SeLlZIBsRPZxhVgDb6fHzW4E5FK+Nhwt1GnHNgGRzqJNZeg821ybN02sBpvBlnjasS+wDHq1zWBdKaLUDROsqewEKdozhqRqcCczmrZoMphZviyaiJh2jgtGmUVkgUuZPIgo/o9QwKdVWNVCgVJtcx2uxWH4RprThI68ZwNomS/M6Viop8+4kd4B1g+gMAuym9Ssp9IP6+s9FsPnnIOfKHY7nqWAa2KSTifY46Ghp9uLOWc0bTAFLEkwyi7zacVpd/zscc8ku0gIl5LLimBJZBFTe80GJSBISImdHqXZSPEFyp3tZkUoBk/AIoqdaKdpezLHbXwrV547PuWJTHkjKMWv0G1MmKev12KQngSkqh9QalJgARilxcBVvMoIA8p0aEWVwBQxcd+p4norL2KYHQg7iiTH9Q5s8hR8Pd9dh02SMA+0XtauGwSS4GTEQSvG+Vl2Y5rwtYTGNSnG/WKmGgbhMEySzbVR0QUU0bes9i7rrP8TzTYi0xoTga0xNrPHWhwUZ9eU3yytyQEJC8HcRJivUOyUZxV/DkPqEpQMfz2/dXruJNNMRS9BNz/Id44nRUuD45/2UHy3oJMwVTtgUdeZdLYFkiuWV1hsFHWXo1UitE0iWhpXDU+JuMN3UUFQT0+46fhbTaaTtfG5GnEt02Np+WATDoNVu53T5wIFID6H5UwGJmDAqNBPY8y/A7EDeOqdQmjcZUPpcvcdyl+K9NbKLpduvlEOSFsXhCKaXdKFkGtMxUo6nqduVf+9j6QguU11V+cuUS3bHKYqUumUhlarkjOIOYqYiWyy1CTLqQpqQaLioxyYVUhCgn5cwm7etS7olGJ8NzvxiAnvMSGKaZ1XD+mrZgfSWuFGqmQZdoLOolzkQbYYYWA65i7tYq3F7Hgkt7IAo1t6PvKx7kIvKdXGaj2GkEUZ4eEctL1Ep+Vbm0yLxRuLUwuQz3r0LjcNfwzqVK23RxEBI6erUx0bw5lZdqB1Mp3tnV0u830UTE9zrCWMn5KbAR6B4yAUBQwsgboDdQhpmHI8xGQxsa5hf9IHjrSQGuMEN8Pj/HUNgNx8ZtIEUE9Zi0Y9d8JXdl/eqDCBVPImQQWHcfivfOzs20Z71ItSVxMxBQWYqpAcnoiFAQndtZ8lajLn9Cdy5nFVDsMpYGtEXUNk3FJuL/1r4GaF4cEPcCoRQ+fp+T3v132QBzYLKaR/WCly1Vh9fuk00DwJR41SMlg3BOlRA9w+CuGY/lT/RWhrbGwsx7Kb8voU+HwtjiFs7VAQ0qkrWETKJQYrx9afHniQoZ6VL9TeI+UX5S4KSLxMFYRXjhWQwlb/FhsXLwWbDon40fC7XFi1WIS2LSrshMh/SkJBEKkjsJ5JQTFGDpkk5f8rPWGAowH6y0Ufj2vXJPtuM08dXy6SFCt4C0weN7fUROQXs+jhRfE/GaB1PYLjNET72gMjmb3Fu5eMn7u5tKZmOk60hJaYn8FfNMKHHqFCrHE8nibCSSkrRCN4MBZIV7iom9JXdsqkMPQuRN/+f+Q6nhma/WgwRdvCfuRuJdmdpmZHS7r7rJq4cRpMpaokMgb00bbHhfwRHRfD08vYHdgnZFSvPFt0DEwAs+PK/56TkOyb3SAovvdir1mBLM/ubXym+wD7/RvteqMyxoOebYTv5/aADUVGtWJFlsGFAnmE6uCK2iw+yvZUxcsNshI7MASxv02AeUTGGLKLCgJUKyblpNSju/GGQMUJJmX38iVIwtncHZfm9oKMYMkvcrNwU5M5TvM2CYsknCzq2VxEKsc0twbBANtbD/licalKIBimKQ/giWHlENkK8kmJYZoX6AmPDdspCKhjfHvaWmKc2CLP8nDjDTQulpJ0bHUNdUMVQc7z7p/unrtuAg1OUzOdFgno1h9wIpQJ3+BMoZrkMtm8clzqmBR8U8MgEKxKSV5JwiEhSFPTApEKl/IpEcF9UeDL3Y1Tc3QRgbhiNG5XJ2AsgqWwIIDdIkP0+WRYo8SFSvWmZ8AGSyloi+AZRPOKAkOPgchIgqLNRZ9uAQOwXXxCqLpQWZ7iS5haNmxbKWl/l3V1lOqYnEh7czZfFfP3CCYOevoDOB7YXRQjTZJJAXr4egsPHcpd0ZoDepg1MfRZrPfrKorPuvutKYOnyt/vjwIgkUnkiIqKnqS1gWlHEgcIokTw7adblrFurdBAwnp0ADqHRsxsVJg1J4Ef36LARRqIShaa8o6UaDSUCiAplP5q61e9pFvDEhEMtju4ARqPGA0qXK7bLRDwQUz1Gxf0K2NKIaFC3TgieEaNEHXBGF0o3AJt/3A6kh12xRVpdPwGx9dWpnCuWn7NPK+D7ymTWGc20gRKztjV4vC3Y02m4J9/hHno2ZltGn43yAUvm1JN/1HmxrB+4gXWqN4d45wqRrvHD/hRgmNCrdtSvkg0varSYadgp2q3kwkllVQMNSpiQWi4GO7MUy6kJwuBkgqbMQtXtE9wku/FG038F+9YtdIC7IeoaxpCGvPu98ymF2YDBLUPM5xBwnI3/jD8Rduv1JaZothlLYLAhZJpINAP2z/eBXSIw1plPKU1ExzYXBIjt2zdtYD2/LxvmyU/B9Rsfl/Zv0znr1ContGAbBhCZZ1fPIYmNfwafYiQ0iY44T4VTMIS/vmSL5tWFD4XCMg3Akc+H2atEDTnyaVYLlr8XyKlnlL1bqBBdC9tn4N+hlwgrfHn46bnbzQKpCpFMJqJ7OC3IsTgVNA0NLc2wDmVwxpSAJtTAw72/ntHEBpnnbDnlF8SVMpoYCKb5n/28iw//QgCgTBol5ByQ5z6JO05QH5EE8YFWhMBSpMLkKsTF6fLS7EU2nDjBuSoy5tLLzClT5yZurbZoDzGlP0GWSUWhlp7H/OehlUYrJImAuNFaDGq7u8gvbYkbC9z8dtipscPK4R7e/JPmaeFS6/ffXR9runhMvHy54XJhU8PQoc798ar88bgbJShKRx2xkD/c5SqWRrWffzs+fLjvUO+xXGWuTCejPY5ISW/lbOggpQ/vlk+atEH3ujor28sjRzKOdodxsMdk3omEw8A6M64uMHTQay1sojqzWrL5gTkj6RVOFWZpoDIIgzHJn3maYT9VLTVmIHYyYP+WsZeZpf+ds6d5wtB1LaG2Ap3KoV7yH0GyySziQLSdFVQIacAGU38WGcz0mlem7HCi9VSXfaycwGlYJ0zl+PzHqlNcZkLPpH4xQ5bXEix3nB0fdy45XKgTGcSVnQRct8A+5lEnuakfrDmVtRpxJKWXzfTe3Vqs/BtAhuWzLxLiAKMtNwlkLRzv6Q57ooCYjXIn+nwqZ8f2IdZZD8PbsvdkYqVKO58wj3ORHxCwLMNbAFt7KbJbvjrZxiDir4H1WjScK0zD2fRIhu2mRi6Cq1hXZ1GAL7B4TEGPa1zBsyyLfXT5xPFhi+yPVHGHWXrxgWHQ/7aeDy9naDbYVqBfUS/fQLIv2dfSFPoPUuk4plodhLVmPq5XC2BvUJLRCE7DJrvQjMVT6LicjDH0Y6GlNUPs44fCd1Dc/lB49R1aQeMCtEzME5Q1Z0V5HAN7BAmzh52S6hmhzcjbyUXr1mRvzcI+owjD4IUYmpMr5knjs7fmxK8b+385jfnbZyyViCOxsDOBVo470cA2ZgYR18C0flOzWcvnuGLC0w2FK3Gc7P2DuFP1iWaFftbek+bwa8hpIvVuD1/un2H6U2Y+fC2NCeTbfGFFUoary8c+XktkOrLehqS/KZXnc75GWahvaqhvSNtCPSQbUz3YEKpvRBQ9tCSOlJQ4+rD3VYyxwY0H0qhYlxZPyZ6EBz9DxsrI3D7ytP8jlT7Ua1XO+saMM4xUmi023QgJgXz10OQqvKjDvLgEDh68T62mZh+dqMhiDpHq+baGLGA/Tq01meq6eLxtPSJLRj7vynqlaAk6H6dS+SwcQR9et8IjuSuXTOVGQJ1OPWp2kBt5+5stml/MF3h4PwO9Xyo4SmxVuJPdd4P9ydfBg23aYIquFnUXRZwSIQWUgJuryF5MeFRCujl6e82fvLlyeo1Syvp9c1V59PAOoVEKFXd1hmOzvn7WYlmdFuZJTDsiB9oPFBX3mEZndMabZEyGUawQf2qu73DX4f37eqGvF9/VD4XteW5hR/y0xC/uNvCouN5ap3Vq7NYYRnpi+cSIUdR+oB3BVtxT3GGeHL1ZZ8fX5JX2/q7DXXsY3HRdgqh38M+ExSQ9VdiscDZ2mxQaOzRtAqtKgjOmY1lALLxovX6cd5V0s4OVvklM1vIgtzVBXX0hxmpspLzT2h6nr6+vLrorLwN675w/KMolxLc2nIwE6o2Z7hIaEkx0HuM1fr0WSoCOdd3CwWXu9k+5OkEZ4nRkwvNEQ0m6UoeD0AnzUmKbp0fWyiwXIxvl3BXwavDqYSSAItr0lXDA2nFUzpVAsDwmLFiP9vQLfMlilulFNvn22mDuiJ9s1HO92iygsFZw3NbwL0JWsXJL7k174t7fAhQzJVCZgrq6nqO4WBpiF1TvonB2htSBwxGyxtmlE0xzDY8dVNimr5bxBMIw4rLMcKlRQU5/tLGBveJRyCu4Ev3xFZ5kZQFyRBu/uCtMkk1n9BreSdFIItFP0ndvGo7onZRt/+//tNSujpFfzfiT00WT6LESMpf/Q7hlzbYfti9frrgL4hdgT6n2Zd22Ql2VpunEW/W6wNi4HbgcHOgdQ8XUt2kdi/W5L1W4WYSrZfpXu6WXGuDHqvvD/Aow/3+Wx78qhFQ7E2SfhP4JZf00G3waHtJB+siyk0hmDBchlFUnUDjtdw/DoHDU6R2tHthiYPiMZQhKytVSKh3j9DgaRqJJkQoiZd7dbZV7M/ohRLwhGBcyNIyyhyopSMEfGXqPqy9+eGJZwgJ3BUYkKalQNh/MVcpyooZ+R9bkjOoHbnMeFh9LUYF8CEiTwOb6Fle3HVhvWS4wW7TivV5wGvDbby6YQP0baEHX+XQalJunXu49eA+e5o0issB/Q5uoaZyqYmaTN64/RSC9P74f7YqD+B8YcUugw2xvxyMqt9X+BDr0UQ3uC2D7Zn39S3gwUY5idb8aOHHHA3yoXEUW8eQ/FnY3uD3x/4XzZu0vhyto8ghOhjLfL5+W6qJw8Lwah0tm6n018gYsWhVEeS5Uq5KtBZVxV89AsJweIdffN943LBzm/OzlZ+JGy7FjItaMuZpI4exnv5w/a/syeRq4MTOwCWIYXLwMMzmZwaFKNzVS4RLzq3smpsolm11q0qov9nzK8oYX4yfcztb4fjrAgt82Qu5JjrPRKbM8ULI9E9H1xz4lNIssCaHlEB9mxHK8fHVxofkcCfeemz9vg7nQUsSOmxJPiVZrIkme9CAgHRgyGivdy5gEe6m/372SGQBg2odZOfuGGsqj5higiYULqQWwfZg96nadf4KxU1wxL93aqdfgndiB7KJDk6DTW9CL42HlWB7OzExj2Jlqplnt2ivw7hQoa7uZ3SuWK7BEHLpErCLkut3bX0MtAkHYN8b4so+w0OwvE4jkPafernUWTfsZ+hwFUN9F9T8QItvZpEDT8X/9yMjq2/ipL2wvmouIP6ppvuQT/5gk4MhWf49nf5WPj/9d5vnMf6hv0x0OnPtvfMF58/kqh9s8EEkkDB4MRAYOHiycg28oHDxQVxf/R+dJjIfLKamv9JSLB+bkRs/CBvycQyh0K6p2XWRcs4pgEEdRtM+NTsdIfuvw5VpB6JRp71jd7AvsbtY7tuiCL1oNbvzlKxabiTcRP+Rna++uidvXM7JoGUzo8jUkHH7z9s2/geAjtU3bduBA2xWP/YInbR+kC1JDUhd4qUlIo6V8v7kyKVXxgxCGiPoeERZjWhmbWmsHE683vL8BTZ4TspoWl6yKDk6ZvjKQsoIXuJgvBly4ItoaGWmd9QLMzEIhUU0+cd7ecRneOhDpYOiMuL+Iy/sRtTGWqLyC4ElhU2eWRE2KiJwUVQJmOKBVDDisF8tn8LHzCYo6RhUuq7zTIE7xzisyBaT4lvYhLICIEQAMnoHHABBoLGdnTmtRc+KDrJriSQUFUHFQPEeTqKH0azNfm0z3vKkbP83p/RRxMqZI5d59DNvVF1QcGUnDn97c18DSurl9s9cmwVeP5VtArOJdZWpkrVCY88cfOcJ80UULCAFSV5R/kfbl+Ms8OTwCH65naFL/dUpbjQmOjHPyksNX3hi2zxPanD7KXJxRrEQKd8WZK8BVWQ3LD8sNDc4LNTt5ODherzt+1dGBxu9Q81XEYMLpaaz5t/cX7m29juub7+iMQvhlYB0cHPADBEQwSUUMebifXLNbScgM7mAvfFK/OsCJxUFiQ7+k5GwQUWpCuHAUWbHiNDQ7eHnKleJ5z0kSSZXr9kViaz6kjzp1C863rFkEXrE5gdxAcOWk5xwhQIzCGVwPomA+eJPrJy+xGhJ5rfUCeGuvHdmQChIDAvperibuZThnmLuWO8z5M+4MlA4hf90IXTCf4ctIPh9NW0v3W390gLQvHj2KlkrRo6Rz6DjUPVQc+m42BvFnrp9aHtu+qrQrVm4FFP6WLfsuD/VBbqujF376+Wn/EgCA5PKVlASmZ6yyAfV8QWN60BoeMNBnv9VpAQLLa3TiJJKHxcPkRORLNA79EqkEOE6NwkvkVe5q4LBkziLfS974PfTF9+rqPGN9D4MrBGMKN8XovoxzmMVdwtd95c1QzFCyMCCV+sBM+kUtxj4GBOG7UPzL0KSvFTA6dtAGCtsbGsLIyQqMmh3QMLBnToCajVGQk8OWVLQXDtB2dDAEtfomwy9WzPECoYmWc67tufcTtU43O581uRhIYGmTWVXlOp36iffzBedpOUJTwXF3jFdOSPmDulwo/M0QThtRWxw7BwHfmsZ16E04lFv3IFub4+UCXgyhzqJWrkQdJQ6jtqJqJ9/3lsTv7SkiiggiuHHTpx/A5TAz8Vu17gYNy8rSGGygROMujvXshrfRYbRjy9sggobAJ+z9qLv5jqGO0naimgjtf27jjnInC7L7pRuwBDoB2yA0PBXuFj41CCfn0mYJqNIxdgwVs7R30n9X3omRxlZFhU0np7VUHnQAyeRz/f33hMMiWrH1AHmr8B6OioZE0ATMe9RR6ooKVvd6xbzhrPh7EZuvjiRnaKhlpfVhlUGotg4Vy4HexebteiThXj0YkTetTD4C9HuFiXsSRxLlifpE8Oucuk6pqpmvqq1TtMuisna+sqYIhfimpyhhWpIsOegkgI8qSkM/5Ro+xjhtp2mslWqWlrNew4FYAdLw7Z9inxi47Ba/CQV9KYV/Y2X7SRODjKW20hDj76fP8QMgPGWlt7zcuzy9P7fceCt2t607mmbukI+Uh007ySV+WnQ8svRXemYY+h65uaiwS75KHjADNUoaJeIAPattL31emiKK9/s7PJl5LCIu1rS2aeYIMDX5jPiA2Id7+2/eWrliDeSewBZZM7Xu+1OhUC2UwbTo29PeTVkNackSGRQOyQQnZS8Xadk2cOsU8GnfQuz27CYOvci++0A8EOYTgu1N4MIFmT6mT31F1eq+IKw69pQ8LQTw3ij5s0eaZNZWa4XdfUjjgc4oCghtaQpbSh4lu7uNui0JZ3ezlzqfFV7lVp3MIrtV4ayMd+IbYNfbYM0wexMMBmvKcFQ7hlX7e+TqMNQdcCTv7nNZqDtiCDHXrFZP8MOTZBVaRWOe42TwMpV8CBH8BSGBJxZFVmijLt7JAYaDrLWr5WmWZHGS2E8VAKWolPW/WdniehmaVxN62e3DBjrqE0GaZpjiq6DuI95ID5CgpPVebnGzI63BmdKHOErro2ckucIoToJ7SWalz9SkzIB4OkFa/LzQ7IKzetCiSqxVu8+BO/w1a5rX3SVcR/j44xVummkRUFG9Bb+KRdMiNUURfiGZIdN/8jFquhpDKmJMIoEj2LgiLLGOMZUIgI+tbO/CvxW+C6EF0Px29+S/FoIrpblv4V/nt0NtkaTLppvg8OHAQNOJE12MrgcP2hl8/No+fQbskrSLobvaWq0qprZc2VwWG12jLWSXsAorDmqgrCx0/UKXINd0rsk1sMHlQ7kx6XfhJkYWMzdD6qWP8/b3jfPzNviHK1MbyRdrpNaU1Pz8KvHnS7ylqUkR/c+qj948c05V78k5Php1TG25Qh4/JZOqS/BQKkB4vw0EyUZlQcDKtj+0g0ib0+bN/6Mpaar46hBzSE7OokPvCyAI+VDz/VDDCPaq41XXPHeo+yBLzZJdOpzrp/dNTPTV+x2y4CFAOvehtA4UN6WkZGVt22APB7/fTTJJUwMDUySmMwo8BEhzp9OlKdqQxqU/cUX91IU9ON0erG7bzFkPg03a/wX7+QQVNlHbenCa3ThNz4wjd23gYNpmGxAZC8qqwBZ341KHJCgvs3yu+5aqdQaodZ8tzEcUanM+5OvtcbhmjX+1TWDUWnJy5voP1qw3aoA9UFMPQfWLoRkD+xbnNdBxaapEkjrJgs9MQkum1Ylci/GuJUGZ0nSTNEtWQpDxgwip2sdtKOSlSXUhTMYNwgGh1i6pKUzQgjZPzTRf9vYzZSbpH+BPH6HEhaAGt3ZCMESZ4lw4Z5fpf+P0zfP3tx34d9/CgxvrE0QT49+xBAzAEOi7j8WvrxGbsEuVo3e4AFS6B2EBUUBcQBBzdbf0kfX8vDaCB40L4ftK76mrr0IwwOqO7DKfzW7WZKzMXcqUusuwr7C1A/Xv3JZJAAXQ3vk/DINbXAPwFBKF+DbgXYD9KhX4A2rBFLs/8H+nc6TCN/h7qoOQ9AYH/F3xaLwTttDipPju0dIQCnNE/ndxEOkkaqwh06c+DSXh1a6D+DTVFLmmU0EdLwyEIxe6DiGMheNi6c5QQ50EpsYP4iFAEjlOQnk0V4lgjshB18qX1AY9rzPxQ7jQQnlIn0R8Y4oEj1wzDLBxyw2qsiM0pq80/NlLakAOmQIu2XbsABKCBORsWVjgj+b/0T1aI+OIuu+FeN5blYXX+mIGvBvVDzJYeXm/2SA16LqARMdMO9m+F8ulpKVSMukKX62ErTg7A9FxQzSyWuGz2UhJIMdja0zOClIyDVOH1MMcq1/dnbO9f9/luhwm7T+OyF+Cws38eE7xw59v39P2FMycvuc55T4LWrNpe75q8Xmjq0ztIaJ6r1A4ARU2kgozXPBL4tU4OqHvoYlGUVtWZucu1Y9OQOQJJK+cIdT5TjjqDgqVh8EGLatTQS5/p4Xt9qupDBbAgcvfbVUn5kqqitE1l1fWIsmPq9Zf31+LDHwcoJg2fwRytbgoNiWwT906GhsluVSVgGQbbUzgnLp57BPivanuu/oS7t2xwx1Ecvh1OT3oIRZsO2MjesSDF0ovYgujhTicTzjR3PTGmzCUfu2Syzz2p9Gu9IQiH0tgELD584TBi6wKNgU2dKjeSHxT9UFPuoAsXSrNCHIIUjAPJO4K61EiZw0n8RFrhW1Fmi2N+ej4A5HcgiEwiFjzPAuWR+djpGjuKNUL2D9HFoVHFIH68MKiiHoLHgKktOTxj31PoUJvwUtD6oFET75aoXt+coDBz88QkGx2NXHS8CAhrqEhbsUcbdxsWJxT6ZpczX24g3sYyYXmwmaqLOTqSVp38EHg1ubV7UUX03f7uXV50cx3Q0f7FX+pT35SfInvXLirrrxez0viZU0yeaeIA7USXboGmqWUsHMi2qS7JFPD+c4OAzTkxfcpaVkp032V1H38r1kBSjhCtcCHEv9HdFnvbKmX43+5SgTgjj1eQdbNjNRaZ3FAc8nMqK9sFDY058EstwhlY+ac+GNrdYI4j4zEtrC8oldGmFqgEhjqIXaZA8+FuvzDM4FTQZLonxM4q3sJjryKtWpbulIQZWE9e3xZ0hpXHpwtzciUZQddzQ7OkMkygrKvBueAzpBWxbK4VonfQDsrzdpFCel/ketnuJWfZ/A/EsGQpwycccyBDxM43JkRqMwFST3uo79L/A0gvEXhir3nregeg//e/0yD/cvgOWKzhIcWRzF0NkStvCraULInOlxStIN4xiHEJzcx9sdmFllAUpZnqEClnKqixdGWaQKTaKmMjEVTw8plSea4DHGtsAJIUiyJcY2NcV32OnGNXeboRl3XQKPNjnt5N6lV9Py0Hp1vvF/OtpzeHP/EwKQ8uLNFDuxqL7VIDKWI1Wpxygs8aAEVS7/BLA4tDrGGFDOs2D+PyYvzYovS21uLpRm3+EK6dDT91g+pLm5trTSmyJoXc+FPcEVrUInknp4KkdJgjrD6GhKTBIsXC/aAb1JEsdkw4bEFt+2ArN9yGEdkEHGHn63q3v9G/aiVWse3jbqYPGYbefF2sPjO+MR40AR3lDuuLfHAXXwdfMIxggBKEaUDGwYsN2FNsdy0YYNJns7N4thiP11eVDgKPD6eFPUgDNiArVmuYMtSyltONNlGJq0lRhPXlsQ2AbmF+8SnuZZkm03Ov+tG+uR9wKG3rcmYHa7PrVIu+aLmp6sCVIwkjmFOkyE7LDVrbc0ffZe8Mrf/FxC+eOMXTIXTtiSlXpDi2ZvskSTQqwLAEaGgR+Cwlphm1EMGQZrnrjRPg0APTVr8bg9xrYNwNEJRQgjQ+/rq8/z05Obp/TTJWaafnyevBqFENCmbEApELYgYeJjmQUTJZqAhVXLK+5Tq4kV9gHx5l41+eyC5KvmAdIeRH/K/6CApcVTq8/zCZruohwcyZxuKPBmJn4Kx8vjspJD8w/BieJlvRqa0R7tuBgvx/PKG7FstPem3tlTPbkz+yxeZElAWksqN/v5t04YprgXhM71z0ssFmdPSKS5rNsTN+1SFjXv+q6TCEgo2uVH7scpJFctjUvN6En0V/iqjOoGq8ONbZ0R6UN5vpJMHNvHjEufIBSoPazapXlQi/iYcu5NK/uY5Lq4XW8kPicqFJfOViclKnoKbWLsgsVbBCW84mboPTsuT0UwZbz1bLJg0uglDXMGYOkgGOZcxlwg2Wjf3DPV8fiZ3v//n64uLLo9fGb/gfndg3tp5oIkzwjjcw7Axeg5/EdTIYYUdRNzGjCzmBPZq711vOrN9e3qr0srmdDGmMznsjut7uz7EMg73BPUcDgKH3hSDXEw509hZouK2lRZSSBeDxOiqLn148ZGmsQBC4M7LsWbEHV2+iNKjctaJg+6zWXWons3Eah3L3MswBacFpQWbNmdrfwTB7rMRBrEBQkQGI7IbcTJCFKGEGOAonUR0I429AylbWcHUeEv8+9sZS278u+5KT8vaXbUgqQwDMFosoMF2OFsK05ILvhTsET4eswdDPd7taPPmJn3m3uQ+NXNBAcuFdALt1gZ0LxqPflPTMEsXgOWan3FuuX4yJ88Ex/5n0KkXsDHZgmM0AwwUBL4PsSSG5Uaa4WbXobZMfgR3mA8viC2KNpfoU3Yylf75/kZ/vd4v2f/ooQ1+GnAF+SFetQU989MxiXPW50XxbkxsWSmF1HVTVQsteB+iff8yECXlENcS07gZaSAfgl6/bvQfgOIM7I8BCLTUUw1HC8DiaXhsAIaAUScNUiygw8JmjaUcSw0wOmiaggVYleAHgV9/gm9X2dVvgdLOm+qqZqnZQRj14UrXT+JV/U2rW56IVmP4vFgMelrf9FXiy62rel+DCitdhIe5OornVwcsaP5AW10VUI8BUcDsWMT74QgX3bIhi0ZiT/ywkARtNmBrKpYv2YrYb9Rl94EScObJlXLOdJvSBhRMG+P0YsbrlEVn2AmdX3vI6cExnMURXRMBZ8PycFH5N9WxGFuMqJU3qSGEHEtkDtByBOGROkP+FYKa5B3EI1gzee3GGkj9VY7jMXhTATyLSXDlCPU/gIYITOKLxv7pIfPo6AcBSYBub29jvY56tHmc1euz2NZuKyudpeezvcc8q61HBbdt37z0piuouTTH5gCQ1TCg203ENqLJKUEyv4QgRQaBl/uUym66gNEeFfUaR2DBcFwGxOSqKncCDmB63a6M3u3VRwPwDBOjC+uKa+FmkQJppBb2DG91RZHRS0HFiuvs1JeFfy7hawqH/20/1L5/ytp9e+swZEv7on+KV+Uo07qhNgzd0cJu/OaJ1H/fWjvQgPlbKQndjivFV9bf6+vIpuXT81mzR+8LvENm5XW6PQoijW7cZ/3gH9wz7pA0q+Ao0WT0rb+J/Tckmezczmpmy3+wTXAU2jHlADWJD4Bw19rwSscweodE9/XLp2Y8+HBgY7SZifrhqafqKQnktsbJf+PycFleS7TmXmS8OtRrgG1y+0JTMmZ4y8Dv2JoSETWUdei2ayxubx7H9fYhrJbKWHuadmUK+6Ct16inDexZOFXtHwPNgKvhtBtQRt7htF7tiVlCd41J455oueknhUGixk080MpvRUnxtQ1kncwzgsxLMDMtjqkv3b5texnDQNPB8kcEmbcfaQz8AHkN+QLyqkicZ/nmc3GJTtn/qODx5YJH/Urdkos+3yx5YtFV5AVyjZHDj0kHEZczKwZPTWTD5fAMEG9ggROysImTQxVLQkMBAgHw8EtKJ08N/iQvh4vBjM8FdkePf6J0Uf/o0KrK5yKwBQGka68UivN6xYcCccEHSd5xpeLVvx4ByYUBgv+9Kh3PkzhYuhcq9OcVoVfJAflL94flhYTk1VjwmZq0vG4KeVjEXwdcvZrAzX/GBdxn+Vw5QN2EIzB5OK439wzZZOFeZDQF0EziUUqgvKEAZ8shl/YAy7tTq860TW69UoyyHfzX5HMfYcMKUzDlLcUm1LWpdLzGfWbm2rjmZ9wHvedf0xCOyCTgznDmpcBiNw3a/RRYmpUAA3nneadK/5OUtNVzpxqWPj7lihAmHj26evXRXQsRmf94qWFqV6dRbgdT6XR+51BZSsq1oVJpcxbZ73/q079Wt8pQGfJTrgpxXeIwubWVTG6dWJH78gyUrO/+Oq0e+Dy7ZbRIh0oZvsA58/e8uT9RgUxq8bnT1pQOd6+a0CYQRg5rggmbmeJ+Rcm5UyZkIJP2s9U+Tw2i+i2ve3uvACs8W1hUWHjWo00wCiI6b8bWizwtINM7QayDfLQ+Wyx4CJCK3dqMg7y7ptFbh2fSPb96KJI8lF8Sxr6hoqPbldHVZfLY/YDMNyZZRVaSnMxvRLNeVI9wwppfeLNddrFNrF0Ytlte1QWv3oIqNzZmF8vE3uUS1HwNfQRtQg+jvYUwYURvap/OpMs6SnluInRJRuNVhfw8/jkbwcKPU52FrRsmnEnV1zGqGTUM6mbSU+uaCF38UXlMFiWDPAHAqUf5hX8WP5dHX1P44s8g4OPM1VkSsVfFFsqWzj0793QOdjaU1U8tSgNFDTAA+/AunTBMNH34MMr/790HE+Es0QSa0gSMfk0/A2IMaAYYQzxim0ebQK7ezWdy8DRskXa6If9+yde7JYbcY/zN/GPZ5fZ6Fpiu/rotW2QbepFizSI5+ihRFKN0240jtqh8vJ2/Cf31Wq4R1Hrnic0tldSXScBekaQ6wa3LsmCBpctnVQNC2W164/dm0ya7rz1tjQXL6X5/0XkQQihprz9TtxIBo5+1Y0pJChKUvbS5eWk2FFZZirGb+Cj+pk1SpBRS8d2mLysr89pZ+C5NgBRs2rQWQIitYYo/DTTofPF9NwdrWZP2txSEssFnlaVrwYJuS7xbtQQPUyKWISq4dSLblD137pEXz8debAW8E/mm/Na5Qxl5USttmTk7K2taoM2Cf5nZOSlqf0uoQl5ZKVfkPPai5QQa/f2NgT6e8arAVdJkB52hwLsCAX2HZOmqElraJ/AKrjcFFgTqAsWf4I9vTRHqZ0lVXxGu7nSk/7mueT5l/vrm+pRCF7f5ZRnbz8e/B9vB8ua/z7e7bLlzsJj/dSfKsG1rG5PIaL904fLDGSgeo33rgVIsr6/7zkQbqu0y/Y/6P1Yd8Vz6x4amWSvy4maRGkgaUD0BG9f4qjYuS0XMDfkCbjYBzW9OeS2n4ndZpn55mcazQZkFgkCfnyZscey86tzjgMS9HVMz4ZGf0dU4Ht65CuVO2rqC//LIV8NUtQ89ObHgoFLqI+hnaBj9/BOEi9juK1wkMNUh6h+9zdwhdbAv1QLfMDbEbX7hbTUH/BZP6Z3SW3X/TsoA8kkI7/l1dOfw3sxOiklNKmqmLfRPF3hxL1RdcF6+JkgelfdK5hD8f5D7ytc9TkAZzrwACsEgzHIhh1t4oe6UOHhznVJ/oTiXIx/NoNp0U7D054q4oo7/8qjPzY7gl/k6+2+7LWrKJgQSkhHsN3c3N6bcnAywtWd3q39M3TBhAM1FoiMxdoIg8jicoAkgdwiDjJCZhu0U2EFSTIDSmhiPMQoGBBA3BXAMCBYKX2f7hNoARHRNSGSJmBeJkARcddlxdrsHwAASWXM2CwuQY/uvAG8ydBQWrHwLGqAyZ+mlwsQI6Euh37a98mooh1IqEQ76PoARYblwuQNJbIobq9i76RqzpQaDO1OgTQIA+xSR+zBBQjxOwAASGBIOAAFKBLwXbxaOEF+bcAIu4JhwhvidBBr4WFTQBZCsA8DlKY6oCSEAJWAAT1TCAeBAhoBjvFo4QnxhwglQ2CScIX4mgQbpPO3lAoQPbXK+bLQ79o3Hh/T6xjAoyaDfYrzGmCJOAnEXhzEu2K35aimUo+g2411V9vf8/a/eOJ1uOzzxIU1uqWOQXL3w5lZfS7RKXr9XEyv3F946hg7msQ2L59z+fg+PCi6UoZbDYgYxuJ51i4FIrd5feHscjBYbXwYe8TTD702FyYrsS8vnVHwuxhgu1SDSNrBFNrsaaT92AxoQ9D77ypyI2s3/JGVaNrt2OF1uj9fnJxBJZDcKlUZnMN1ZbA6Xxxd4eApFYi9vH18//4BAiVQWFBwSGhYeERkVHRMrF2RyhVKl1ohand5gNJktVpvd4XS5PV6fn5Z/kjtI0Ul+UuhV+KbZJ5ihk94duquDaMtTOEzkgaC14nOnQk2w0kZVax9q8YNc+rcMwdgoT9g1LnZExB5kBjWBjb9Kv35DQ+Dg3AP7j6sI8xtSSZo2YIyZE+0n4QlHrlwik13WumY3oJAiiTUKhvfKCfC413gPKRyFYW9g0gmrj/CE0FNgVGY0Kjb5EGq6gSh06gBiQOCNN3Qwvh+eAD+JIBAVnhVjGqQU+poW4cfw+/xgG1+oDNrdOKcNzniAr0h9B0jPYVpTD8j35y3Redo/SXNRjsYjnUny3nm7MZyORnhCg5oERN22qbOhXM/UOhuskHO6rUe5JiX5HSRplILDEvJRG/dAOGh6Qd7/N4JKFjMGyJEOHqjamUGgrx0JI+nAFffbEyqP4Yh7VBPgkL1uihm3bt8z+x/BjJPuNRQgFq/F3A0ENPFGJekL7WwpgukceNx9takcVutyzgk0HfFlkQGFTZDUH96lPQQcSbJTSLTC658yQ6eSC9Xaoz1GpaCQck7rgH+K1uNj8kMiPkgSSqF09i6RyT8+wNalo5rwq6Nf02FSb22ChS7m0fTmJ3nnwMeD61rF0nOudq7QBgCpWcmZx3NOYJC1b7kguCBcvwmzi7b6Z0+uf3vZqr1QlRrliHr3AuDCBXQXCsAxsaupgF7JAQkA") format("woff2"), url("data:font/woff;charset=utf-8;base64,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") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-family: 'commoniconFont'; line-height: 1; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-wifi:before { content: "\e8f8"; } .icon-liujisuan:before { content: "\ec56"; } .icon-shuangxinpian:before { content: "\e6ab"; } .icon-dikuguanli:before { content: "\e63d"; } .icon-custom-service:before { content: "\e617"; } .icon-youxiang3:before { content: "\e619"; } .icon-instagram-fill:before { content: "\e88f"; } .icon-24gf-telephone:before { content: "\e96c"; } .icon-facebook:before { content: "\e8e7"; } .icon-tuite:before { content: "\e652"; } .icon-linkedin:before { content: "\eccc"; } .icon-youshangjiao:before { content: "\e79a"; } .icon-zuoshangjiao:before { content: "\e79b"; } .icon-top:before { content: "\e606"; } .icon-icons01:before { content: "\e698"; } .icon-shangchuantupian:before { content: "\e712"; } .icon-huo:before { content: "\e66c"; } .icon-icon_pc:before { content: "\e607"; } .icon-youxiang1:before { content: "\e694"; } .icon-boshimao:before { content: "\e604"; } .icon-yulanjianli:before { content: "\e613"; } .icon-point:before { content: "\e60f"; } .icon-gerenzhongxin:before { content: "\e653"; } .icon-yunduanshangchuan:before { content: "\ec1d"; } .icon-youxiang2:before { content: "\e605"; } .icon-dianhua1:before { content: "\e608"; } .icon-jilu:before { content: "\e65f"; } .icon-shanchu:before { content: "\e8b6"; } .icon-shoucang1:before { content: "\e8b9"; } .icon-shangchuan:before { content: "\e60e"; } .icon-ren-renyuan:before { content: "\e6d8"; } .icon-dianhua2:before { content: "\e817"; } .icon-lock:before { content: "\e881"; } .icon-gerenzhongxin-1:before { content: "\e64e"; } .icon-zhengque:before { content: "\e62d"; } .icon-31shoucang:before { content: "\e603"; } .icon-fenxiang:before { content: "\e60d"; } .icon-shoucang:before { content: "\e8c2"; } .icon-weixin2:before { content: "\e628"; } .icon-youxiang:before { content: "\e66a"; } .icon-sort:before { content: "\e65e"; } .icon-24gl-telephone:before { content: "\e953"; } .icon-fenlei:before { content: "\e811"; } .icon-lanya:before { content: "\ec4a"; } .icon-weibiaoti-:before { content: "\e618"; } .icon-chuanganqi2:before { content: "\e8dd"; } .icon-line-075:before { content: "\e74d"; } .icon-rongliangxingyunyingpan:before { content: "\e714"; } .icon-jurassic_message:before { content: "\e69d"; } .icon-fankuibeifen:before { content: "\e616"; } .icon-xiazai:before { content: "\e602"; } .icon-yanjing:before { content: "\e661"; } .icon-dayinchuanzhen:before { content: "\e627"; } .icon-shouye:before { content: "\e633"; } .icon-31shijian:before { content: "\e601"; } .icon-changyongicon-:before { content: "\e612"; } .icon-changyongtubiao-fuben-12:before { content: "\e60c"; } .icon-wangluo:before { content: "\e638"; } .icon-rili1:before { content: "\e6bc"; } .icon-rili:before { content: "\e8b4"; } .icon-youjiantou2:before { content: "\e62c"; } .icon-youjiantou1:before { content: "\e60a"; } .icon-zuojiantou1:before { content: "\e62b"; } .icon-sousuo1:before { content: "\e651"; } .icon-douyin:before { content: "\e8db"; } .icon-bilibili-line:before { content: "\e75d"; } .icon-world:before { content: "\e609"; } .icon-double-left-1:before { content: "\e615"; } .icon-jinrujiantouxiao:before { content: "\e8d4"; } .icon-jinrujiantou:before { content: "\e8f1"; } .icon-jiantou_xiangyou:before { content: "\eb08"; } .icon-jiantou_xiangzuo:before { content: "\eb09"; } .icon-igw-l-screen:before { content: "\e626"; } .icon-guanbi:before { content: "\e614"; } .icon-youjiantou:before { content: "\e637"; } .icon-zuojiantou:before { content: "\e63b"; } .icon-arrow-left:before { content: "\e645"; } .icon-weibo:before { content: "\e64c"; } .icon-weixin1:before { content: "\e64f"; } .icon-qq:before { content: "\e611"; } .icon-xinlangweibo:before { content: "\e600"; } .icon-weixin:before { content: "\e67b"; } .icon-QQ:before { content: "\e882"; } .icon-riqi:before { content: "\e64d"; } .icon-_didian:before { content: "\e659"; } .icon-youjian:before { content: "\e60b"; } .icon-dianhua:before { content: "\e632"; } .icon-arrowRight:before { content: "\e65d"; } .icon-caidan:before { content: "\e624"; } .icon-denglu-copy:before { content: "\e63a"; } .icon-sousuo:before { content: "\e636"; } html { scroll-behavior: smooth; } /*--公共--*/ body { padding-top: 60px !important; width: 100%; min-height: 100vh; position: relative; -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); left: 0px; } .header { background: #fff; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; width: 100%; top: 0px; left: 0px; -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); left: 0px; z-index: 99; } .header .commonMain { width: 100%; margin: 0px auto; padding: 0px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .logo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .header .logo img { height: 35px; } .header .logo .transparent { display: none; } .header .logo .colour { display: block; } .header .navBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .navBox .navList { background: #FAFAFA; display: none; position: fixed; width: 260px; right: -260px; top: 0px; bottom: 0px; padding: 50px 0px 0px; overflow-y: auto; -webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .header .navBox .navList .list { position: relative; border-top: 1px solid #eff1f3; } .header .navBox .navList .list h3 a { padding: 0px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 50px; font-size: 14px; position: relative; color: #333; } .header .navBox .navList .list h3 a::before { content: ''; display: block; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #D8D8D8; margin-right: 15px; } .header .navBox .navList .list.cur { background: #fff; } .header .navBox .navList .list.cur h3 a::before { background: #666; border-color: #666; } .header .navBox .navList .closeNavText a { visibility: hidden; } .header .navBox .haderOther { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .navBox .haderOther .searchBox { margin-left: 15px; position: relative; } .header .navBox .haderOther .searchBox .searchBtn { display: block; width: 21px; color: #000; font-size: 21px; } .header .navBox .haderOther .langBox { margin-left: 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .navBox .haderOther .langBox .langBtn { display: block; width: 30px; color: #000; font-size: 30px; } .header .navBox .haderOther .navbtn { color: #000; width: 26px; position: relative; cursor: pointer; margin-left: 15px; font-size: 26px; } .header .searchformMain { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 99; background: rgba(0, 0, 0, 0.5); } .header .searchformMain .searchformBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 20px; } .header .searchformMain .searchformBox .searchform { max-width: 760px; width: 100%; background: #fff; padding: 40px 20px 20px; -webkit-border-radius: 25px; border-radius: 25px; height: auto; margin: auto; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); opacity: 0; -webkit-transform: translate3d(0px, 100px, 1px); transform: translate3d(0px, 100px, 1px); } .header .searchformMain .searchformBox .searchform .closeSearch { position: absolute; right: 10px; top: 10px; font-size: 20px; width: 30px; height: 30px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .searchformMain .searchformBox .searchform .title { font-size: 14px; color: #2b2b2b; font-weight: 600; } .header .searchformMain .searchformBox .searchform .searchformInputBox { position: relative; } .header .searchformMain .searchformBox .searchform .searchformInputBox label { display: block; padding: 10px 115px 10px 30px; border-bottom: 1px solid #c8c8c8; } .header .searchformMain .searchformBox .searchform .searchformInputBox label input { font-size: 14px; height: 32px; width: 100%; } .header .searchformMain .searchformBox .searchform .searchformInputBox button { position: absolute; left: 0px; top: 0px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: none; border: none; } .header .searchformMain .searchformBox .searchform .searchformInputBox button i { font-size: 18px; color: #666; font-weight: 600; } .header .searchformMain .searchformBox .searchform .searchformInputBox .submitBtn { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 100%; background: #666; padding: 0px 20px; height: 35px; border-radius: 35px; color: #fff; font-size: 14px; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label { position: absolute; right: 0px; top: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0px 10px; margin-left: 10px; height: 28px; -webkit-border-radius: 28px; border-radius: 28px; font-size: 12px; color: #1f1f1f; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label a.cur { background: #c0ed30; color: #fff; } .header .searchformMain .searchformBox .searchform .hotSearch { padding-top: 20px; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0px 10px; font-size: 12px; color: #2b2b2b; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; background: #f6f6f6; margin-right: 5px; margin-bottom: 5px; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox a:hover { background: #c0ed30; color: #fff; } .header .searchformMain .searchformBox .searchform .hotSearchNews { padding-top: 20px; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox { padding-top: 20px; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0px 15px; font-size: 12px; -webkit-border-radius: 32px; border-radius: 32px; background: #f6f6f6; display: -webkit-box; height: 32px; line-height: 32px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 10px; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list img { width: 12px; height: 100%; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list a:hover { background: #c0ed30; color: #fff; } .header .searchformMain .searchformBox .searchform .searchProductList { padding-top: 15px; margin: 0px -5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header .searchformMain .searchformBox .searchform .searchProductList .list { width: -webkit-calc(33.333% - 10px); width: calc(33.333% - 10px); margin: 0px 5px; overflow: hidden; } .header .searchformMain .searchformBox .searchform .searchProductList .list img { width: 100%; display: block; -webkit-transition: all .8s; transition: all .8s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .header .searchformMain .searchformBox .searchform .searchProductList .list:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .header .searchformMain.admission .searchform { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .admissionheader { left: -260px; } .admissionheader .navBox .navList { right: 0px; } .hideScroll { overflow: hidden; } .admissionBody { left: -260px; } .mSecondLevel { display: none; } .mBandFourListMain { display: none; } .mBandFour { position: relative; } .subNavBtn { position: absolute; right: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 45%; height: 50px; top: 0px; right: 0px; padding-right: 25px; } .subNavBtn i { width: 12px; height: 12px; display: block; position: relative; } .subNavBtn i::after { content: ''; width: 100%; height: 2px; background: #474747; position: absolute; left: 0px; top: 50%; margin-top: -1px; } .subNavBtn i::before { content: ''; width: 2px; height: 100%; background: #474747; position: absolute; left: 50%; top: 0px; margin-left: -1px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .subNavBtn i.active::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .subNavMain { display: none; } .secondLevelNav .listNav { position: relative; border-top: 1px solid #eff1f3; } .secondLevelNav .listNav .secondLevelTitle { position: relative; } .secondLevelNav .listNav .secondLevelTitle a { padding: 0px 25px 0px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 50px; font-size: 14px; position: relative; color: #333; background: #f6f6f6; } .secondLevelNav .listNav .secondLevelTitle i { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mSecondLevel .listNav .listNavTitle a { display: block; padding: 0px 50px; line-height: 50px; } .mBandFour .mBandFourTitle { position: relative; border-top: 1px solid #eff1f3; } .mBandFour .mBandFourTitle a { display: block; padding: 0px 60px; line-height: 50px; } .mBandFour .mbandFourList { display: none; } .mBandFour .mbandFourList a { display: block; padding: 13px 65px; border-top: 1px solid #eff1f3; } .threeLevelBox { display: none; } .bandFourBox { display: none; } .commonBanner { position: relative; z-index: 20; } .commonBanner .imgBox { padding-top: 200%; position: relative; overflow: hidden; } .commonBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .commonBanner .imgBox1 img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .commonBanner .commonBannerText { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .commonBanner .commonBannerText .title { font-size: 24px; line-height: 1.2; color: #fff; font-weight: 500; } .commonBanner .commonBannerText .desc { margin-top: 5px; font-size: 14px; color: #fff; line-height: 1.6; } .commonBanner .commonBannerText .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 25px; } .commonBanner .commonBannerText .more a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0px 10px 0px 20px; font-size: 12px; height: 37px; -webkit-border-radius: 37px; border-radius: 37px; background: #eb0b16; color: #fff; } .commonBanner .commonBannerText .more a i { margin-left: 10px; } @keyframes bannerScale { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes bannerScale { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .imgBoxText { position: absolute; left: 0px; width: 100%; bottom: 120px; color: #fff; } .imgBoxText ul li{float: left; width:50%; text-align: center;margin-top: 0.4rem;} .locationBox { position: absolute; left: 0px; width: 100%; bottom: 20px; display: none; min-height: 40px; } .locationBox .location { position: relative; width: 100%; padding: 12px 0px; } .location .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .location .list { position: relative; color: rgba(255, 255, 255, 0.4); font-size: 12px; color: #fff; } .location .list i { font-size: 14px; } .location .list .icon-shouye { color: #fff; } .location .list .icon-youjiantou2 { margin: 0px 10px; } .location .list .cur { color: white; } .location .list a { color: #fff; } .locationBox .locationFixed { position: fixed; top: 60px; background: #fff; border-top: 1px solid #eee; } .locationBox .locationFixed .list { color: #666; } .locationBox .locationFixed .list a { color: #666; } .locationBox .locationFixed .list .icon-shouye { color: #666; } .locationBox .locationFixed .list .cur { color: #111; } .locationBox .locationFixed .list:last-child { color: #111; } .pageMain { padding: 30px 0px 0px; overflow: hidden; position: relative; text-align: center; } .pageMain a { height: 30px; line-height: 30px; width: 30px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0px; margin: 0px 4px; position: relative; background: #fff; border: none; font-size: 14px; display:inline-block; *display:inline; } .pageMain a:hover { background-color: #222; color: #fff; } .pageMain a.active { background-color: #222; color: #fff; } .commonTitle { font-size: 20px; line-height: 26px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .commonTitle img { width: 20px; margin: 8px 10px 0px 0px; height: 100%; display: block; } .wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 999; top: 50%; left: 50%; width: 200px; height: 190px; margin-top: -96px; margin-left: -100px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; } .wechat-qrcode.bottom { top: 40px; left: -84px; } .wechat-qrcode.bottom:after { display: none; } .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; } .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; } .wechat-qrcode .qrcode table { margin: 0 !important; } .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; width: 100%; } .wechat-qrcode .closeWechat { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; } .wechat-qrcode .closeWechat:after { width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; content: ''; display: block; background: #666; } .wechat-qrcode .closeWechat::before { width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; content: ''; display: block; background: #666; } .footerBox { position: relative; } .footerBox .footerClassBox { background: #000000; display: none; } .footerBox .footerClassBox .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footerBox .footerClassBox .commonweb .footerClsas { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footerBox .footerClassBox .commonweb .footerClsas .list { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 60px 0px; } .footerBox .footerClassBox .commonweb .footerClsas .list h3 { font-size: 15px; color: #7b7b7b; } .footerBox .footerClassBox .commonweb .footerClsas .list h3 a { color: #7b7b7b; } .footerBox .footerClassBox .commonweb .footerClsas .list h3 a:hover { color: #3f3f3f; } .footerBox .footerClassBox .commonweb .footerClsas .list p { padding-top: 15px; } .footerBox .footerClassBox .commonweb .footerClsas .list p a { display: block; color: #7b7b7b; font-size: 14px; line-height: 30px; } .footerBox .footerClassBox .commonweb .footerClsas .list p a:hover { color: #3f3f3f; text-decoration: underline; } .footerBox .foot { background: #3f3f3f; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .footerBox .foot .copyright { color: #fff; opacity: 0.6; font-size: 14px; text-align: center; } .footerBox .foot .copyright a { color: #fff; } .footerBox .foot .copyright a.ICP { display: block; } .footerBox .foot .footPlatform { display: none; } .footerBox .foot .footPlatform a { width: 40px; height: 40px; font-size: 18px; color: #fff; margin-left: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .footerBox .foot .footPlatform a p { position: absolute; right: 0px; bottom: 38px; width: 110px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; padding: 5px; display: none; } .footerBox .foot .footPlatform a p img { width: 100%; display: block; } .footerBox .foot .footPlatform a p::after { content: ''; position: absolute; right: 17px; bottom: -6px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; } .footerBox .foot .footPlatform a:hover p { display: block; }s .indexApplicationFieldListPage span, .solutionCorePage span, .solutionBrightSpotPage span { background: #fff; opacity: 1; } .commonPage { text-align: center; padding-top: 15px; } .commonPage span { margin: 0px 4px; } .commonPage span.swiper-pagination-bullet-active { background: #222; } .btn a.prevBtn:hover, .btn a.nextBtn:hover { color: #222 !important; } /*--产品列表--*/ .productListMain { padding: 35px 0px; background: #f1f3f7; } .productListMain .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .productListMain .productList { width: 100%; } .productListMain .productList .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; } .productListMain .productList .row .list { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 0px 5px 10px; -webkit-border-radius: 10px; border-radius: 10px; top: 0px; text-align: center; position: relative; -webkit-transition: all .8s ease; transition: all .8s ease; } .productListMain .productList .row .list a { position: relative; z-index: 20; display: block; padding: 15px 15px 30px; } .productListMain .productList .row .list .imgBox { padding-top: 85.973%; position: relative; overflow: hidden; } .productListMain .productList .row .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; transition: all .8s ease; } .productListMain .productList .row .list .listTitle { margin-top: 5px; font-size: 12px; color: #5c5c5c; } .productListMain .productList .row .list .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 13px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .productListMain .productList .row .list .more span { font-size: 12px; line-height: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; padding: 0px 15px; color: #c0ed30; } .productListMain .productList .row .list .more span i { font-size: 14px; margin-left: 5px; height: auto; } .productListMain .productList .row .list::after { background: #fff; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 20px; border-radius: 20px; content: ''; z-index: 2; -webkit-box-shadow: 0px 0px 0px rgba(201, 201, 201, 0.39); box-shadow: 0px 0px 0px rgba(201, 201, 201, 0.39); -webkit-transition: all .4s ease; transition: all .4s ease; } .productListMain .productList .row .list::before { background: #fff; opacity: 0.7; position: absolute; left: 14px; top: 0px; bottom: 0px; right: 14px; -webkit-border-radius: 20px; border-radius: 20px; content: ''; -webkit-transition: all .8s ease; transition: all .8s ease; z-index: 1; } .productListMain .productList .row .list .label { position: absolute; left: 15px; top: 15px; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .productListMain .productList .row .list .label em { -webkit-border-radius: 5px; border-radius: 5px; font-style: normal; padding: 0px 10px; line-height: 24px; -webkit-border-radius: 24px; border-radius: 24px; font-size: 12px; color: #fff; } .productListMain .productList .row .list .label em.new { background: #222; } .productListMain .productList .row .list .label em.hot { background: #222; } .productListMain .productList .row .list:hover { top: -15px; } .productListMain .productList .row .list:hover::after { -webkit-box-shadow: 0px 21px 27px rgba(201, 201, 201, 0.39); box-shadow: 0px 21px 27px rgba(201, 201, 201, 0.39); } .productListMain .productList .row .list:hover::before { bottom: -10px; } .productListMain .productList .row .list:hover .imgBox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .productListMain .productList .row .list:hover .more span { background-color: #222; background-image: -webkit-gradient(linear, left top, right top, from(#ff3c22), to(#222)); background-image: linear-gradient(to right, #ff3c22, #222); color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*--产品详情页--*/ .productDetailSubNavBox { margin-top: 0px; min-height: 60px; position: relative; z-index: 30; } .productDetailSubNavBox .productDetailSubNav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #f4f4f4; padding: 0px 20px; background: #fff; height: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .productDetailSubNavBox .productDetailSubNav .title { font-size: 16px; color: #000000; font-weight: 600; display: none; } .productDetailSubNavBox .productDetailSubNav .tabClass { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; white-space: nowrap; overflow-x: auto; } .productDetailSubNavBox .productDetailSubNav .tabClass::-webkit-scrollbar { width: auto; height: 2px; background-color: #d5d5d5; -webkit-border-radius: 2px; border-radius: 2px; } .productDetailSubNavBox .productDetailSubNav .tabClass::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; background-color: #d5d5d5; } .productDetailSubNavBox .productDetailSubNav .tabClass::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background-color: #a01323; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint { display: block; color: #7f7f7f; line-height: 60px; margin-right: 20px; font-size: 14px; font-weight: 600; position: relative; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint::after { display: none; bottom: 0px; content: ''; width: 100%; height: 2px; background: #a01323; position: absolute; left: 0px; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint.cur { color: #a01323; } .productDetailSubNavBox .productDetailSubNav .tabClass .pContact { padding: 0px 15px; height: 34px; border: 1px solid #ea0a16; -webkit-border-radius: 34px; border-radius: 34px; font-size: 12px; color: #ea0a16; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .productDetailSubNavBox .productDetailSubNav .tabClass .pContact:hover { background: #ea0a16; color: #fff; } .productDetailSubNavBox .productDetailSubNav.subNavFixed { position: fixed; z-index: 80; top: 60px; } .productAnchorPoint { top: -60px; position: relative; } .productBanner { position: relative; z-index: 20; } .productBanner .imgBox { padding-top: 570px; position: relative; } .productBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .designDocumentMain { padding: 30px 0px 40px; } .designDocumentMain div img{width:100%;} .designDocumentMain .titleBox { padding-bottom: 30px; padding-top: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .designDocumentMain .titleBox .title { width: 100%; } .designDocumentMain .titleBox .classList { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow-x: auto; padding-bottom: 10px; } .designDocumentMain .titleBox .classList a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #222222; border: 1px solid #222222; padding: 0px 15px; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; margin-left: 10px; border: 1px solid #222222; } .designDocumentMain .titleBox .classList a.cur {background-color: #c0ed30;} .designDocumentMain .titleBox .classList a:first-child { margin: 0px; } .designDocumentMain .titleBox .classList::-webkit-scrollbar { width: auto; height: 2px; background-color: #d5d5d5; -webkit-border-radius: 2px; border-radius: 2px; } .designDocumentMain .titleBox .classList::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; background-color: #d5d5d5; } .designDocumentMain .titleBox .classList::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background-color: #e60013; } .designDocumentMain .designDocument, .designDocumentMain .designProducts {float: left;width:50%;} .designDocumentMain .designDocumentList { display: none;list-style: none; /* 移除默认的列表样式 */ padding: 0;margin: 0; width:100%; } .designDocumentMain .designDocumentList li { display: flex; /* 使用Flexbox布局 */ justify-content: space-between; /* 在主轴上两端对齐 */ align-items: center; /* 在交叉轴上居中对齐 */ padding: 10px 0px; /* 每个li元素之间有一些间距 */ border-bottom: 1px solid #bbb; } .designDocumentMain .designDocumentList li h5 { margin: 0; /* 移除h5的默认边距 */ flex: 1; /* 让h5占据剩余的空间，但这里其实不需要，因为p有固定位置 */ text-align: left; /* 默认情况下就是左对齐，但为了清晰还是写上 */ } .designDocumentMain .designDocumentList li p { margin: 0; /* 移除p的默认边距 */ text-align: right; /* 右对齐 */ flex: 1; /* 让p也占据空间，但实际上这里主要是用于对齐 */ } .relatedProductMain { padding: 30px 0px 25px; background-color: #f5f5f5; } .relatedProductMain .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .relatedProductMain .titleBox .btn { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .relatedProductMain .titleBox .btn a { width: 50px; height: 50px; border: 2px solid #fff; color: #fff; font-size: 14px; margin-left: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .relatedProductMain .title { color: #222; } .relatedProductMain .relatedProduct { overflow: hidden; position: relative; padding: 20px; margin: 10px -20px 0px; } .relatedProductMain .relatedProduct .swiper-slide { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; top: 0px; text-align: center; position: relative; -webkit-transition: all .8s ease; transition: all .8s ease; } .relatedProductMain .relatedProduct .swiper-slide a { position: relative; z-index: 20; display: block; padding: 15px 10px 20px; } .relatedProductMain .relatedProduct .swiper-slide .imgBox { padding-top: 70.973%; position: relative; overflow: hidden; } .relatedProductMain .relatedProduct .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; transition: all .8s ease; } .relatedProductMain .relatedProduct .swiper-slide .listTitle { margin-top: 5px; font-size: 13px; color: #222; } .relatedProductMain .relatedProduct .swiper-slide .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .relatedProductMain .relatedProduct .swiper-slide .more span { font-size: 12px; line-height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 35px; width: 35px; -webkit-border-radius: 35px; border-radius: 35px; color: #f5f5f5; } .relatedProductMain .relatedProduct .swiper-slide .more span i { font-size: 14px; margin-left: 5px; height: auto; } .relatedProductMain .relatedProduct .swiper-slide:last-child { margin: 0px; } .relatedProductMain .relatedProduct .swiper-slide:hover { top: -15px; } .relatedProductMain .relatedProduct .swiper-slide:hover .imgBox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .relatedProductMain .relatedProduct .swiper-slide:hover .more span { background-color: #222; color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .solutionSpecificationmMain { padding: 35px 0px; } .solutionSpecificationmMain .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .solutionSpecificationmMain .titleBox .title { width: 100%; height: 100%; } .solutionSpecificationmMain .titleBox .desc { margin-top: 15px; width: 100%; font-size: 14px; line-height: 22px; color: #3d3d3d; } .solutionSpecificationmMain .solutionSpecificationm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .solutionSpecificationmMain .solutionSpecificationm .list { background: #f3f7fa; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 20px; width: 100%; margin: 0px 0px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .solutionSpecificationmMain .solutionSpecificationm .list .icon { min-width: 30px; } .solutionSpecificationmMain .solutionSpecificationm .list .icon img { width: 30px; display: block; } .solutionSpecificationmMain .solutionSpecificationm .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; } .solutionSpecificationmMain .solutionSpecificationm .list .content .listTitle { font-size: 16px; font-weight: 600; color: #000000; } .solutionSpecificationmMain .solutionSpecificationm .list .content .desc { font-size: 12px; line-height: 18px; padding-top: 10px; color: #696969; max-width: 480px; } .wirelessBluetoothMain{ position: relative; background: #f5f5f5; height: 38.05208vw; overflow: hidden; width: 100%; } .wirelessBluetoothMain img { max-width: 100%; } .solutionScenarioMain { padding-bottom: 45px; } .solutionScenarioMain .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .solutionScenarioMain .solutionScenario ,.detailScenarioMain .detailScenario{ margin-top: 30px; overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .solutionScenarioMain .solutionScenario .swiper-slide,.detailScenarioMain .detailScenario .imgBox{ position: relative; padding-top: 0; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-bottom: 20px; margin-right: 20px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; background: #f2f3f5; } /* 选中父容器下的第三个子元素（且是 div） */ .detailScenarioMain .detailScenario .imgBox:nth-child(2n) { margin-right: 0; } .solutionScenarioMain .solutionScenario .imgBox img ,.detailScenarioMain .detailScenario .imgBox img{ width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; transition: all .8s ease; } .solutionScenarioMain .solutionScenario .imgBox img:hover ,.detailScenarioMain .detailScenario .imgBox img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .solutionListMain { padding: 30px 0px 40px; background: #f1f3f7; } .solutionListMain .solutionList .list { margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } .solutionListMain .solutionList .list .imgBox { position: relative; overflow: hidden; width: 100%; padding-top: 63%; } .solutionListMain .solutionList .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s; transition: all .8s; } .solutionListMain .solutionList .list .content { width: 100%; padding: 20px 20px 30px; } .solutionListMain .solutionList .list .content .listTitle { font-size: 18px; line-height: 1.2; font-weight: 600; color: #000000; } .solutionListMain .solutionList .list .content .desc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #3d3d3d; } .solutionListMain .solutionList .list .content .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; } .solutionListMain .solutionList .list .content .more a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0px 10px 0px 20px; font-size: 12px; height: 37px; -webkit-border-radius: 37px; border-radius: 37px; background: #eb0b16; color: #fff; } .solutionListMain .solutionList .list .content .more a i { margin-left: 10px; } .solutionListMain .solutionList .list:hover .imgBox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .solutionListMain .solutionList .list:first-child { margin-top: 0px; } /*--样品申请--*/ .sampleMain { padding: 30px 0px; } .sampleMain .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sampleMain .title { width: 100%; height: 100%; } .sampleMain .sampleDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-top: 15px; font-size: 14px; line-height: 22px; color: #3d3d3d; } .sampleMain .sampleDesc a { text-decoration: underline; } .ContactMain { padding: 30px 0px; background-image: url(../images/ContactMain.jpg); background-repeat: no-repeat; background-size: cover; } .ContactMain .title { color: #fff; padding-bottom: 20px; } .ContactMain .Contact { -webkit-border-radius: 20px; border-radius: 20px; background: #fff; padding: 35px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ContactMain .Contact .input { width: 100%; margin: 0px; padding-bottom: 20px; } .ContactMain .Contact .input p { font-size: 14px; color: #000000; font-weight: 600; padding-bottom: 5px; } .ContactMain .Contact .input p i { color: #ff0000; } .ContactMain .Contact .input label { display: block; position: relative; padding: 10px 15px; border: 1px solid rgba(104, 126, 145, 0.3); } .ContactMain .Contact .input label input { width: 100%; background: none; border: none; font-size: 12px; } .ContactMain .Contact .input label textarea { width: 100%; height: 75px; font-size: 12px; } .ContactMain .Contact .textareaInput { width: 100%; } .ContactMain .Contact .btn { padding-top: 10px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ContactMain .Contact .btn button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0px 20px 0px 30px; font-size: 14px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; background: #c0ed30; color: #222222; } .ContactMain .Contact .btn button i { margin-left: 15px; } @keyframes rotateloding { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateloding { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*--联系我们--*/ .contactMain { padding: 35px 0px; } .contactMain .titleBox .contactEmail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contactMain .titleBox .contactEmail .list { width: 100%; padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contactMain .titleBox .contactEmail .list .icon img { width: 28px; } .contactMain .titleBox .contactEmail .list .content { padding-left: 10px; } .contactMain .titleBox .contactEmail .list .content .listTitle { font-size: 16px; color: #000000; font-weight: 600; } .contactMain .titleBox .contactEmail .list .content .email { padding-top: 3px; font-size: 13px; color: #a9a9a9; } .contactList { position: relative; overflow: hidden; margin-top: 30px; } .contactList .swiper-slide { width: 100%; margin-right: 10px; height: auto; background: #f6f6f6; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px; } .contactList .swiper-slide .icon img { width: 40px; } .contactList .swiper-slide .listTitle { font-size: 16px; color: #010101; font-weight: 600; margin-top: 15px; } .contactList .swiper-slide .desc { padding-top: 10px; font-size: 14px; line-height: 24px; color: #45423e; } .contactList .swiper-slide:last-child { margin: 0px; } /*--新闻列表--*/ .newsListMain { padding: 35px 0px; overflow: hidden; position: relative; background: #fbfafb; } .newsListMain .newsList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px -10px; } .newsListMain .newsList .list { margin: 0px 0px 20px; width: 100%; position: relative; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; background: #ffffff; -webkit-transition: .8s ease; transition: .8s ease; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .newsListMain .newsList .list .imgBox { position: relative; padding-top: 57.075%; overflow: hidden; } .newsListMain .newsList .list .imgBox::after { content: ''; width: 100%; height: 100%; background: #000; position: absolute; left: 0px; top: 0px; z-index: 20; -webkit-transition: all .8s; transition: all .8s; opacity: 0; visibility: hidden; } .newsListMain .newsList .list .imgBox img { position: absolute; opacity: 1; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transition: .8s ease; transition: .8s ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .newsListMain .newsList .list .content { padding: 20px; } .newsListMain .newsList .list .content .time { font-size: 14px; color: #535353; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newsListMain .newsList .list .content .time::before { margin-right: 10px; color: #222; } .newsListMain .newsList .list .content .subTitle { margin-top: 10px; font-size: 16px; color: #000000; height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newsListMain .newsList .list .content .arrow { margin-top: 10px; font-size: 24px; color: #000; } .newsListMain .newsList .list:hover { -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); } .newsListMain .newsList .list:hover .imgBox::after { opacity: 0.5; visibility: visible; } .newsListMain .newsList .list:hover .imgBox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .newsListMain .newsList .list:hover .content .arrow { color: #222; } /*--新闻详情页--*/ .newsDetailMain { padding: 35px 0px 40px; background: #f5f7fa; } .newsDetailMain .location { position: relative; bottom: 0px; padding: 0vw 2.6042vw; } .newsDetailMain .location .icon-shouye { color: #4c505f; } .newsDetailMain .location a { color: #4c505f; } .newsDetailMain .newsDetailTitle { padding: 0px 0px 20px; } .newsDetailMain .newsDetailTitle .time { text-align: center; font-size: 12px; color: #8e8e8e; line-height: 20px; font-weight: 600; } .newsDetailMain .newsDetailTitle .time span { background: #c0ed30; padding: 0px 7px; color: #fff; display: inline-block; margin-right: 12px; line-height: 1.5; } .newsDetailMain .newsDetailTitle .title { margin-top: 10px; text-align: left; font-size: 20px; color: #000000; line-height: 1.4; } .newsDetailMain .newsDetailTitle .title br { display: none; } .newsDetailMain .newsDetailBox { background: #ffffff; -webkit-border-radius: 30px; border-radius: 30px; padding: 30px 15px; } .newsDetailMain .newsDetailBox .detail { font-size: 14px; line-height: 24px; color: #2a303b; border-bottom: 1px solid #e5e6e7; } .newsDetailMain .newsDetailBox .detail img { max-width: 100%; height: auto !important; } .newsDetailMain .newsDetailBox .detailArticle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; } .newsDetailMain .newsDetailBox .detailArticle .list { width: 100%; margin: 0px 0px 10px; } .newsDetailMain .newsDetailBox .detailArticle .list a { display: block; -webkit-border-radius: 15px; border-radius: 15px; padding: 20px; background: #f5f7fa; font-size: 14px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 600; color: #000000; } /*--关于我们--*/ .aboutMain { padding: 30px 0px; background-color: #f5f5f5; } .aboutMain .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aboutMain .titleBox .title { width: 470px; height: 100%; } .aboutMain .titleBox .descBox { width: 100%; padding-top: 20px; } .aboutMain .titleBox .descBox .desc { font-size: 14px; color: #3d3d3d; line-height: 24px; height: -webkit-calc(24px * 7); height: calc(24px * 7); overflow-y: auto; overflow-x: hidden; padding-right: 15px; } .aboutMain .titleBox .descBox .desc::-webkit-scrollbar { width: 4px; height: auto; background-color: #d5d5d5; } .aboutMain .titleBox .descBox .desc::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #d5d5d5; } .aboutMain .titleBox .descBox .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #c0ed30; } .aboutMain .titleBox .descBox .aboutList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -10px; } .aboutMain .titleBox .descBox .aboutList .list { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); margin: 0px 10px; padding: 20px 0px; } .aboutMain .titleBox .descBox .aboutList .list .numberBox { font-size: 20px; font-weight: 600; line-height: 0.8; color: #000000; } .aboutMain .titleBox .descBox .aboutList .list .text { padding-top: 10px; font-size: 12px; color: #555555; } .Team .aboutTeamBox { padding: 35px 0px 45px; position: relative; z-index: 10; } .Team .aboutTeamBox .aboutTeam { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Team .aboutTeamBox .aboutTeam video { width: 100%; position: relative; } .Team .aboutTeamBox .aboutTeam .content { width: 100%; padding-top: 25px; } .Team .aboutTeamBox .aboutTeam .content .title { font-size: 14px; font-weight: 600; color: #272727; opacity: 0.6; } .Team .aboutTeamBox .aboutTeam .content .subTitle { margin-top: 5px; font-size: 18px; line-height: 28px; color: #272727; } .Team .aboutTeamBox .aboutTeam .content .desc { margin-top: 10px; font-size: 14px; max-width: 460px; color: #4c505f; line-height: 22px; } .Milestone { position: relative; padding: 30px 0px; z-index: 10; } .Milestone .aboutHistoryBg { position: absolute; right: 0px; top: 0px; width: 56.5%; padding-top: 37.85%; display: none; background-image: url(../images/Milestone.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .Milestone .aboutHistoryBg .yearBox { position: absolute; left: 70px; width: 150px; top: 90px; bottom: 80px; } .Milestone .aboutHistoryBg .yearBox .yearList { position: absolute; right: 0; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(-90deg) translateY(-126px); -ms-transform: rotate(-90deg) translateY(-126px); transform: rotate(-90deg) translateY(-126px); } .Milestone .aboutHistoryBg .yearBox .yearList .list { font-size: 70px; line-height: 1; font-weight: 600; font-family: Arial, Helvetica, sans-serif; color: #fff; display: none; white-space: nowrap; } .Milestone .aboutHistoryBg .yearBox .bar { position: absolute; right: 30px; top: 10px; bottom: 0px; background: rgba(255, 255, 255, 0.2); width: 2px; } .Milestone .aboutHistoryBg .yearBox .bar::after { content: ''; width: 10px; height: 10px; position: absolute; left: -4px; top: -10px; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; } .Milestone .aboutHistoryBg .yearBox .bar span { position: absolute; width: 100%; height: 0%; background: #fff; -webkit-transition: all .8s ease; transition: all .8s ease; } .Milestone .commonweb { position: relative; z-index: 10; } .Milestone .commonTitle { padding-bottom: 30px; } .Milestone .aboutHistoryList { width: 100%; padding-right: 0px; } .Milestone .aboutHistoryList .list { padding-bottom: 20px; opacity: 1; -webkit-transition: all .8s ease; transition: all .8s ease; } .Milestone .aboutHistoryList .list .date { font-size: 14px; line-height: 1; color: #d10911; font-weight: 600; } .Milestone .aboutHistoryList .list .listTitle { font-size: 18px; line-height: 28px; color: #272727; } .Milestone .aboutHistoryList .list .desc { font-size: 12px; line-height: 22px; color: #4c505f; } .WWD { padding: 35px 0px; } .EV .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .EV .titleBox .title { width: 100%; height: 100%; } .EV .titleBox .desc { padding-top: 20px; width: 100%; font-size: 14px; color: #3d3d3d; line-height: 22px; } .EV .imgBox { padding-top: 20px; } .EV .imgBox img { width: 100%; display: block; } /*--首页--*/ .indexScreen { position: relative; top: -60px; margin-bottom: -60px; } .banner { position: relative; height: 100vh; width: 100%; overflow: hidden; position: relative; } .banner .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; } .banner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .banner .imgBox video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .banner .bannerText { position: absolute; top: 40%; width: 100%; } .banner .bannerText .title {color: #ffffff; font-weight: 600;} .banner .bannerText .desc {padding-top: 10px;font-size: 14px;color: #fff;} .banner .bannerText .more { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; -webkit-transition: all .8s; transition: all .8s; } .banner .bannerText .more a { width: 120px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-size: 12px; color: #fff; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #82c215; } .banner .bannerTextCenter { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; } .banner .indexDown { width: 60px; height: 60px; position: absolute; left: 70px; bottom: 60px; z-index: 10; cursor: pointer; display: none; } .banner .indexDown i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); font-size: 18px; color: rgba(255, 255, 255, 0.8); } .banner .indexDown::after { content: ''; width: 100%; height: 100%; -webkit-animation: turnAround 2s linear infinite; animation: turnAround 2s linear infinite; position: absolute; left: 0px; top: 0px; background-image: url(../images/indexDown.png); background-position: center; background-size: cover; background-repeat: no-repeat; } @keyframes turnAround { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @-webkit-keyframes turnAround { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .bannerPage { position: absolute; right: 0px !important; bottom: 25px !important; z-index: 20; width: 100% !important; left: auto !important; text-align: center; } .banner .title { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .banner .desc { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .banner .more { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .indexApplicationFieldMain { overflow: hidden; position: relative; background-color: #f5f5f5; } .indexApplicationFieldMain .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 10; position: relative; } .indexApplicationFieldMain .indexApplicationFieldClassBox { width: 100%; } .indexApplicationFieldMain .indexApplicationFieldClassBox .title { font-size: 16px; color: #fff; opacity: 0.5; } .indexApplicationFieldMain .indexApplicationFieldClassBox .desc { color: #fff; font-weight: 600; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; width: 100%; overflow-x: auto; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList a { margin-right: 20px; height: 20px; padding: 0px 0px 15px; -webkit-border-radius: 0px; border-radius: 0px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 2px solid transparent; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList a:hover { border-color: #222; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList a i { font-size: 12px; margin-left: 5px; display: none; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList a.cur { border-color: #222; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList a:last-child { margin: 0px; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList { position: relative; display: none; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .imgBox { position: relative; z-index: 10; text-align: center; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .imgBox img{max-width:100%;} .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content { padding: 15px 20px 20px; background: #fff; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .listTitle { font-size: 14px; display: -webkit-box; height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #000000; font-weight: 600; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .desc { margin-top: 5px; font-size: 12px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #4c5664; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .more { margin-top: 15px; font-size: 12px; -webkit-transition: all .8s; transition: all .8s; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .more i { font-size: 12px; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .icon img { width: 32px; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .icon img.white { display: inline; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .icon img.red { display: none; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text { margin-top: 15px; font-size: 14px; font-weight: 600; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text i { width: 10px; height: 10px; position: relative; margin-left: 10px; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text i::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text i::before { content: ''; width: 2px; height: 100%; position: absolute; left: 50%; top: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:last-child { margin: 0px; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:hover .content .more { color: #222; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:hover .moreProgramme .icon img.white { display: none; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:hover .moreProgramme .icon img.red { display: inline; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:hover .moreProgramme .text { color: #222; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:hover .moreProgramme .text i::after { background: #222; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide:hover .moreProgramme .text i::before { background: #222; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList.Animation .swiper-slide { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; } .indexApplicationFieldBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } .indexApplicationFieldBg img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .indexNewsListMain { padding: 35px 0px; } .indexNewsListMain .titleBox { text-align: center; padding-bottom: 25px; } .indexNewsListMain .titleBox .commonTitle { font-weight: 600; display: block; } .indexNewsListMain .titleBox .desc { font-size: 12px; color: #848484; padding-top: 5px; } .indexNewsList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; } .indexNewsList .list { display: block; width: 100%; margin: 0px 0px 15px; position: relative; } .indexNewsList .list .imgBox { padding-top: 85.093%; position: relative; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; } .indexNewsList .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s; transition: all .8s; } .indexNewsList .list .content { padding-top: 10px; } .indexNewsList .list .content .listTitle { font-size: 16px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #000000; font-weight: 600; } .indexNewsList .list .content .time { margin-top: 10px; font-size: 12px; color: #b0b0b0; } .indexNewsList .list .content .more { margin-top: 15px; font-size: 12px; } .indexNewsList .list .content .more i { font-size: 12px; margin-left: 5px; } .indexNewsList .list:hover .imgBox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .indexNewsList .list:hover .content .more { color: #222; } .indexNewsListMain .newsMore { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .indexNewsListMain .newsMore a { width: 150px; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; font-size: 12px; color: #fff; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #82c215; } @keyframes turnAround { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes turnAround { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes floatUpDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 30% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes floatUpDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 30% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes blowUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(6); transform: scale(6); } } @-webkit-keyframes blowUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(6); transform: scale(6); } } .hideRightBtn { position: absolute; cursor: pointer; right: 71px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background: #fa301f; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; color: #fff; } .hideRightBtn.rotate180 i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*--搜索结果--*/ .searchInputMain { background: #f7f8f9; padding: 30px 0px; } .searchInputMain .searchInput { max-width: 770px; position: relative; } .searchInputMain .searchInput label { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 60px 10px 20px; } .searchInputMain .searchInput label input { width: 100%; font-size: 14px; } .searchInputMain .searchInput button { position: absolute; right: 0px; top: 0px; width: 60px; height: 100%; font-size: 20px; background: none; border: none; } .searchListMain { padding: 35px 0px; } .searchListMain .searchListBox .title { font-size: 16px; } .searchListMain .searchListBox .searchList { padding-top: 20px; } .searchListMain .searchListBox .searchList .list { border-bottom: 1px solid #eee; padding: 20px 0px; } .searchListMain .searchListBox .searchList .list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchListMain .searchListBox .searchList .list a .imgBox { width: 100%; } .searchListMain .searchListBox .searchList .list a .imgBox img { display: block; width: 100%; } .searchListMain .searchListBox .searchList .list a .content { width: 100%; padding-top: 20px; } .searchListMain .searchListBox .searchList .list a .content .listTitle { font-size: 16px; max-width: 500px; color: #000; font-weight: 600; } .searchListMain .searchListBox .searchList .list a .content .desc { max-width: 500px; margin-top: 10px; font-size: 14px; color: #666; line-height: 20px; } .searchListMain .searchListBox .searchList .list a .content .more { margin-top: 15px; } .searchListMain .searchListBox .searchList .list a .content .more span { font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .searchListMain .searchListBox .searchList .list a .content .more span i { margin-left: 5px; font-size: 14px; } .searchListMain .searchListBox .searchList .list a:hover .more span { color: #c0ed30; } .noData { width: 100%; text-align: center; font-size: 20px; padding: 80px 0px; } .inputVcode { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 76%; } .Factory { padding-bottom: 30px; background: #f6f6f6; overflow: hidden; } .Factory .FactoryList .swiper-wrapper > .swiper-slide { width: 100%; margin-right: 20px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; height: auto; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox { padding-top: 51%; position: relative; overflow: hidden; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content { padding: 20px; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content .listTitle { font-size: 18px; line-height: 1.2; color: #010101; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content .desc { font-size: 14px; padding-top: 10px; color: #45423e; line-height: 20px; } .Factory .FactoryList .swiper-wrapper > .swiper-slide:last-child { margin: 0px; } .Factory .FactoryList .FactoryListAtlas { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; height: 100%; } .Factory .FactoryList .FactoryListAtlas .swiper-slide { width: 100% !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; margin: 0px !important; } .Factory .FactoryList .FactoryListAtlas a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 35px; height: 35px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; font-size: 18px; color: #fff; z-index: 20; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Factory .FactoryList .FactoryListAtlas a.prevBtn { left: 10px; } .Factory .FactoryList .FactoryListAtlas a.nextBtn { right: 10px; } .Factory .FactoryList .FactoryListAtlas a:hover { background: #c0ed30; color: #fff; border-color: #c0ed30; } @media (max-width: 480px) { .solutionScenarioMain .solutionScenario .imgBox,.detailScenarioMain .detailScenario .imgBox {width: 100%; margin-right: 0px;} .designDocumentMain .designDocument, .designDocumentMain .designProducts {width:100%;} } @media (min-width: 768px) { .header .commonMain { padding: 0vw 3.125vw; } .commonBanner .imgBox { padding-top: 38.9%; } .commonBanner .commonBannerText .title { font-size: 2.875vw; } .commonBanner .commonBannerText .desc { margin-top: 0.725vw; font-size: 1.125vw; } .commonBanner .commonBannerText .more { padding-top: 1.45833vw; } .commonBanner .commonBannerText .more a { padding: 0vw 0.9375vw 0vw 1.875vw; font-size: 1vw; height: 2.938vw; -webkit-border-radius: 2.938vw; border-radius: 2.938vw; } .commonBanner .commonBannerText .more a i { margin-left: 0.625vw; } .locationBox { bottom: 2.5vw; display: block; } .location .list>a { font-size: 0.875vw; } .location .list>a .icon-youjiantou2 { margin: 0vw 0.625vw; } .pageMain { padding: 5.875vw 0vw 0vw; display: block; } .pageMain a { height: 3vw; line-height: 3vw; width: 3vw; -webkit-border-radius: 0.5vw; border-radius: 0.5vw; margin: 0vw 0.25vw; font-size: 0.875vw; } .productDetailSubNavBox { min-height: 4.375vw; } .productDetailSubNavBox .productDetailSubNav { padding: 0vw 3.125vw; height: 4.375vw; } .productDetailSubNavBox .productDetailSubNav .title { font-size: 1vw; display: block; } .productDetailSubNavBox .productDetailSubNav .tabClass { width: auto; overflow: visible; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint { line-height: 4.375vw; margin-right: 2.5vw; font-size: 0.875vw; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint.cur { color: #000; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint.cur::after { display: block; } .productDetailSubNavBox .productDetailSubNav .tabClass .pContact { width: 7.625vw; height: 2.725vw; -webkit-border-radius: 2.125vw; border-radius: 2.125vw; font-size: 0.75vw; } .productBanner .imgBox { padding-top: 35.625vw; } .newsListMain { padding: 3.438vw 0vw 5.625vw; } .newsListMain .newsList { margin: 0vw -1.5625vw -3.125vw; } .newsListMain .newsList .list { margin: 0vw 1.5625vw 3.125vw; width: -webkit-calc(33% - 3.125vw); width: calc(33% - 3.125vw); -webkit-border-radius: 0.9375vw; border-radius: 0.9375vw; } .newsListMain .newsList .list .content { padding: 2.5vw 3.125vw; } .newsListMain .newsList .list .content .time { font-size: 0.875vw; } .newsListMain .newsList .list .content .time::before { margin-right: 0.625vw; } .newsListMain .newsList .list .content .subTitle { margin-top: 0.9375vw; font-size: 1.5vw; height: -webkit-calc(2.1875vw * 2); height: calc(2.1875vw * 2); line-height: 2.1875vw; } .newsListMain .newsList .list .content .arrow { margin-top: 1.5625vw; font-size: 1.5vw; } .newsListMain .newsList .list:nth-child(1) { width: -webkit-calc(66.666% - 3.125vw); width: calc(66.666% - 3.125vw); } .newsListMain .newsList .list:nth-child(1) .content .subTitle { color: #fff; font-size: 1.875vw; height: 5vw; line-height: 2.5vw; } .newsListMain .newsList .list:nth-child(1) .imgBox { height: 100%; padding-top: 51.55%; } .newsListMain .newsList .list:nth-child(1) .content { position: absolute; left: 0vw; width: 100%; bottom: 0vw; background: none; } .newsListMain .newsList .list:nth-child(1) .content .time { color: rgba(255, 255, 255, 0.8); } .newsListMain .newsList .list:nth-child(1) .content .arrow { display: none; } .newsListMain .newsList .list:hover { -webkit-box-shadow: 0vw 0.3125vw 0.9375vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.3125vw 0.9375vw rgba(0, 0, 0, 0.2); } .contactMain { padding: 8.125vw 0vw; } .contactMain .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contactMain .titleBox .contactEmail .list { width: auto; padding: 0vw 3.125vw; border-right: 1px solid #d1d6da; } .contactMain .titleBox .contactEmail .list .icon img { width: 2.375vw; } .contactMain .titleBox .contactEmail .list .content { padding-left: 0.9375vw; } .contactMain .titleBox .contactEmail .list .content .listTitle { font-size: 1.45833vw; } .contactMain .titleBox .contactEmail .list .content .email { padding-top: 0.188vw; font-size: 0.9375vw; } .contactMain .titleBox .contactEmail .list:first-child { padding-left: 0px; } .contactMain .titleBox .contactEmail .list:last-child { padding-right: 0px; border: none; } .contactList { margin-top: 3.125vw; } .contactList .swiper-slide { width: -webkit-calc(33.333% - 1.45833vw); width: calc(33.333% - 1.45833vw); margin-right: 1.875vw; -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; padding: 2.813vw 2.813vw 3.125vw; } .contactList .swiper-slide .icon img { width: 3.813vw; } .contactList .swiper-slide .listTitle { font-size: 1.5vw; margin-top: 2.5vw; } .contactList .swiper-slide .desc { padding-top: 1.45833vw; font-size: 1vw; line-height: -webkit-calc(24 / 16); line-height: calc(24 / 16); } .commonTitle { font-size: 2.875vw; line-height: -webkit-calc(56 / 46); line-height: calc(56 / 46); } .commonTitle img { width: 2.688vw; margin: 0.813vw 0.9375vw 0vw -3.625vw; } .footerBox .footerClassBox { display: block; } .footerBox .footerClassBox .commonweb .footerClsas .list { padding: 3.75vw 0vw; } .footerBox .footerClassBox .commonweb .footerClsas .list h3 { font-size: 0.938vw; } .footerBox .footerClassBox .commonweb .footerClsas .list p { padding-top: 0.938vw; } .footerBox .footerClassBox .commonweb .footerClsas .list p a { font-size: 0.875vw; line-height: -webkit-calc(30 / 14); line-height: calc(30 / 14); } .footerBox .foot .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footerBox .foot .copyright { font-size: 0.875vw; } .footerBox .foot .copyright a.ICP { display: inline; } .footerBox .foot .footPlatform a { width: 2.5vw; height: 2.5vw; font-size: 1.125vw; margin-left: 0.313vw; } .footerBox .foot .footPlatform a p { bottom: 2.375vw; width: 6.875vw; -webkit-border-radius: 0.313vw; border-radius: 0.313vw; padding: 0.313vw; } .footerBox .foot .footPlatform a p::after { right: 1.063vw; bottom: -0.375vw; border-left: 0.313vw solid transparent; border-right: 0.313vw solid transparent; border-top: 0.438vw solid #fff; } .footerBox .foot .footPlatform { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sampleMain { padding: 7.5vw 0vw; } .sampleMain .title { width: 32.5vw; height: 100%; } .sampleMain .sampleDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; font-size: 1vw; line-height: 1.75vw; padding: 0vw; } .ContactMain { padding: 5.625vw 0vw; } .ContactMain .title { padding-bottom: 3.125vw; } .ContactMain .Contact { -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; padding: 3.75vw 5vw; } .ContactMain .Contact .input { width: -webkit-calc(33.3333% - 2.5vw); width: calc(33.3333% - 2.5vw); margin: 0vw 1.45833vw; padding-bottom: 1.875vw; } .ContactMain .Contact .input p { font-size: 0.875vw; font-weight: 600; padding-bottom: 0.313vw; } .ContactMain .Contact .input label textarea { height: 4.688vw; } .ContactMain .Contact .textareaInput { width: 100%; } .ContactMain .Contact .btn { padding-top: 0.625vw; width: 100%; } .ContactMain .Contact .btn button { padding: 0vw 1.45833vw 0vw 3.75vw; font-size: 0.875vw; height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; } .ContactMain .Contact .btn button i { margin-left: 1.875vw; } .aboutMain { padding: 9.375vw 0vw; } .aboutMain .titleBox .title { width: 29.375vw; height: 100%; } .aboutMain .titleBox .descBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .aboutMain .titleBox .descBox .desc { font-size: 1vw; line-height: 1.75vw; height: -webkit-calc(1.75vw * 7); height: calc(1.75vw * 7); padding-right: 1.45833vw; } .aboutMain .titleBox .descBox .desc::-webkit-scrollbar { width: 0.25vw; height: 1vw; } .aboutMain .titleBox .descBox .desc::-webkit-scrollbar-track { -webkit-border-radius: 0.375vw; border-radius: 0.375vw; } .aboutMain .titleBox .descBox .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 0.375vw; border-radius: 0.375vw; } .aboutMain .titleBox .descBox .aboutList { margin: 0vw -0.9375vw; } .aboutMain .titleBox .descBox .aboutList .list { width: -webkit-calc(50% - 1.875vw); width: calc(50% - 1.875vw); margin: 0vw 0.9375vw; padding: 3.125vw 0vw; } .aboutMain .titleBox .descBox .aboutList .list .numberBox { font-size: 4.375vw; font-weight: 600; line-height: 0.8; } .aboutMain .titleBox .descBox .aboutList .list .text { padding-top: 1.45833vw; font-size: 1vw; } .Team .aboutTeamBox { padding: 6.25vw 0vw 9.375vw; } .Team .aboutTeamBox .aboutTeam { margin-top: 3.75vw; } .Team .aboutTeamBox .aboutTeam video { width: 46.875vw; } .Team .aboutTeamBox .aboutTeam .content { padding-left: 5.313vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding-top: 0px; } .Team .aboutTeamBox .aboutTeam .content .title { font-size: 1vw; } .Team .aboutTeamBox .aboutTeam .content .subTitle { margin-top: 0.9375vw; font-size: 2.5vw; line-height: -webkit-calc(50 / 40); line-height: calc(50 / 40); } .Team .aboutTeamBox .aboutTeam .content .desc { margin-top: 3.125vw; font-size: 1vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .Milestone { padding: 3.125vw 0vw; } .Milestone .aboutHistoryBg { width: 56.5%; padding-top: 37.85%; display: block; } .Milestone .aboutHistoryBg .yearBox { left: 4.375vw; width: 9.375vw; top: 5.625vw; bottom: 5vw; } .Milestone .aboutHistoryBg .yearBox .yearList { -webkit-transform: rotate(-90deg) translateY(-7.875vw); -ms-transform: rotate(-90deg) translateY(-7.875vw); transform: rotate(-90deg) translateY(-7.875vw); } .Milestone .aboutHistoryBg .yearBox .yearList .list { font-size: 4.375vw; } .Milestone .aboutHistoryBg .yearBox .bar { right: 1.875vw; top: 0.625vw; width: 0.125vw; } .Milestone .aboutHistoryBg .yearBox .bar::after { width: 0.625vw; height: 0.625vw; left: -0.25vw; top: -0.625vw; } .Milestone .commonTitle { padding-bottom: 6.25vw; } .Milestone .aboutHistoryList { width: 37.5vw; padding-right: 11.875vw; } .Milestone .aboutHistoryList .list { padding-bottom: 2.25vw; opacity: 0.5; } .Milestone .aboutHistoryList .list .date { font-size: 1.45833vw; padding-bottom: 0.625vw; font-weight: 600; } .Milestone .aboutHistoryList .list .listTitle { font-size: 2.5vw; line-height: -webkit-calc(50 / 40); line-height: calc(50 / 40); } .Milestone .aboutHistoryList .list .desc { font-size: 1vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .Milestone .aboutHistoryList .list.cur { opacity: 1; } .newsDetailMain { padding: 3.5vw 0vw 5.625vw; } .newsDetailMain .location { padding: 0vw 3.125vw; } .newsDetailMain .newsDetailTitle { padding: 5vw 0vw; } .newsDetailMain .newsDetailTitle .time { font-size: 0.75vw; line-height: 1.45833vw; font-weight: 600; } .newsDetailMain .newsDetailTitle .time span { padding: 0vw 0.438vw; margin-right: 0.75vw; } .newsDetailMain .newsDetailTitle .title { margin-top: 1.45833vw; font-size: 3.125vw; } .newsDetailMain .newsDetailTitle .title br { display: block; } .newsDetailMain .newsDetailBox { -webkit-border-radius: 1.875vw; border-radius: 1.875vw; padding: 5vw; } .newsDetailMain .newsDetailBox .detail { font-size: 1.125vw; line-height: 1.875vw; } .newsDetailMain .newsDetailBox .detailArticle { margin: 0vw -1.45833vw; padding-top: 3.125vw; } .newsDetailMain .newsDetailBox .detailArticle .list { width: -webkit-calc(50% - 2.5vw); width: calc(50% - 2.5vw); margin: 0vw 1.45833vw; } .newsDetailMain .newsDetailBox .detailArticle .list a { -webkit-border-radius: 0.9375vw; border-radius: 0.9375vw; padding: 1.875vw 2.5vw 3.125vw; font-size: 1.45833vw; display: -webkit-box; height: 3.5vw; line-height: 1.75vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .solutionListMain { padding: 4.375vw 0vw 7.5vw; } .solutionListMain .solutionList .list { margin-top: 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; } .solutionListMain .solutionList .list .imgBox { width: 50%; padding-top: 36%; } .solutionListMain .solutionList .list .content { width: 50%; padding: 3.125vw 4.688vw 5vw; } .solutionListMain .solutionList .list .content .listTitle { font-size: 1.875vw; } .solutionListMain .solutionList .list .content .desc { padding-top: 1.563vw; font-size: 1vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .solutionListMain .solutionList .list .content .more { padding-top: 2.5vw; } .solutionListMain .solutionList .list .content .more a { padding: 0vw 0.938vw 0vw 1.875vw; font-size: 1vw; height: 2.938vw; -webkit-border-radius: 2.938vw; border-radius: 2.938vw; } .solutionListMain .solutionList .list .content .more a i { margin-left: 0.625vw; } .solutionListMain .solutionList .list:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .solutionSpecificationmMain { padding: 5.625vw 0vw; } .solutionSpecificationmMain .titleBox .title { width: 33.125vw; height: 100%; } .solutionSpecificationmMain .titleBox .desc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; font-size: 1vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .solutionSpecificationmMain .solutionSpecificationm .list { -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; padding: 2.188vw 2.5vw; width: -webkit-calc(33.333% - 1.875vw); width: calc(33.333% - 1.875vw); margin: 0vw 0.9375vw 1.875vw; } .solutionSpecificationmMain .solutionSpecificationm .list .icon { min-width: 2.75vw; } .solutionSpecificationmMain .solutionSpecificationm .list .icon img { width: 2.75vw; } .solutionSpecificationmMain .solutionSpecificationm .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.45833vw; } .solutionSpecificationmMain .solutionSpecificationm .list .content .listTitle { font-size: 1.375vw; } .solutionSpecificationmMain .solutionSpecificationm .list .content .desc { font-size: 0.9375vw; padding-top: 0.625vw; line-height: -webkit-calc(22 / 15); line-height: calc(22 / 15); } .wirelessBluetoothMain .commonweb { position: relative; } .wirelessBluetoothMain .commonweb .content {position: absolute;left: 0;padding-top: 5vw;width: 21.875vw;} .wirelessBluetoothMain .commonweb .content .desc { padding-top: 0.781vw; font-size: 0.833vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16);} .wirelessBluetoothMain .commonweb .content .desc2 { padding-top: 3.125vw;} .wirelessBluetoothMain .commonweb .content .desc2 img { max-width: 100%;} .wirelessBluetoothMain .commonweb .imgBox { position: absolute;right: 0;width: 59.375vw; z-index: 10; } .solutionScenarioMain { padding-bottom: 6.25vw; } .solutionScenarioMain .titleBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .solutionScenarioMain .titleBox .btn a { width: 3.125vw; height: 3.125vw; font-size: 0.875vw; margin-left: 0.625vw; } .solutionScenarioMain .solutionScenario { margin-top: 3.75vw; } .solutionScenarioMain .solutionScenario .swiper-slide { width: -webkit-calc(33.3333% - 1.313vw); width: calc(33.3333% - 1.313vw); margin-right: 1.875vw; -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; } .solutionScenarioMain .solutionScenario .swiper-slide .listTitle { font-size: 1.45833vw; display: -webkit-box; height: 5.5vw; line-height: 5.5vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0vw 2.188vw; } .productListMain { padding-bottom: 4.375vw; } .productListMain .commonweb { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .productListMain .productList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding-right: 1.45833vw; padding-top: 0vw; } .productListMain .productList .row { margin: 0vw -0.625vw; } .productListMain .productList .row .list { width: -webkit-calc(50% - 1.45833vw); width: calc(50% - 1.45833vw); margin: 0vw 0.625vw 1.45833vw; -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; } .productListMain .productList .row .list a { padding: 1.45833vw 1.45833vw 2.5vw; } .productListMain .productList .row .list .imgBox { padding-top: 70.973%; } .productListMain .productList .row .list .listTitle { margin-top: 0.313vw; font-size: 0.9375vw; } .productListMain .productList .row .list .more { padding-top: 0.813vw; } .productListMain .productList .row .list .more span { font-size: 0.875vw; line-height: 1.5vw; height: 2.75vw; -webkit-border-radius: 2.75vw; border-radius: 2.75vw; padding: 0px 1.45833vw; } .productListMain .productList .row .list .more span i { font-size: 0.875vw; margin-left: 0.313vw; } .productListMain .productList .row .list::after { -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; } .productListMain .productList .row .list::before { left: 0.875vw; right: 0.875vw; -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; } .productListMain .productList .row .list:hover { top: -0.9375vw; } .productListMain .productList .row .list:hover::after { -webkit-box-shadow: 0vw 1.313vw 1.688vw rgba(201, 201, 201, 0.39); box-shadow: 0vw 1.313vw 1.688vw rgba(201, 201, 201, 0.39); } .productListMain .productList .row .list:hover::before { bottom: -0.625vw; } .relatedProductMain { padding: 5vw 0vw; } .relatedProductMain .titleBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .relatedProductMain .titleBox .btn a { width: 3.125vw; height: 3.125vw; font-size: 0.875vw; margin-left: 0.625vw; } .relatedProductMain .relatedProduct { padding: 1.45833vw; margin: 3.75vw -1.45833vw 0vw; } .relatedProductMain .relatedProduct .swiper-slide { width: -webkit-calc(33.333% - 0.838vw); width: calc(33.333% - 0.838vw); margin-right: 1.45833vw; top: 0vw; } .relatedProductMain .relatedProduct .swiper-slide a { padding: 1.45833vw 1.45833vw 2.5vw; } .relatedProductMain .relatedProduct .swiper-slide .imgBox { padding-top: 70.973%; } .relatedProductMain .relatedProduct .swiper-slide .listTitle { margin-top: 0.313vw; font-size: 0.9375vw; } .relatedProductMain .relatedProduct .swiper-slide .more { padding-top: 0.813vw; } .relatedProductMain .relatedProduct .swiper-slide .more span { font-size: 0.875vw; line-height: -webkit-calc(24 / 14); line-height: calc(24 / 14); height: 2.75vw; width: 2.75vw; -webkit-border-radius: 2.75vw; border-radius: 2.75vw; } .relatedProductMain .relatedProduct .swiper-slide .more span i { font-size: 0.875vw; margin-left: 0.313vw; } .relatedProductMain .relatedProduct .swiper-slide:hover { top: -0.9375vw; } .banner .bannerText .title { font-size: 3.125vw; line-height: -webkit-calc(60 / 50); line-height: calc(60 / 50); } .banner .bannerText .label { padding-top: 1.45833vw; } .banner .bannerText .label a { width: 6.875vw; height: 2.125vw; font-size: 1vw; margin: 0vw 0.313vw; background-size: 6.875vw 2.125vw; } .banner .bannerText .desc { padding-top: 1.45833vw; font-size: 1.125vw; } .banner .bannerText .more { padding-top: 1.45833vw; } .banner .bannerText .more a { width: 10vw; height: 3.313vw; -webkit-border-radius: 3.313vw; border-radius: 3.313vw; font-size: 0.875vw; } .banner .bannerText .more a i { width: 1.875vw; } .banner .bannerText .more a i::after { content: ''; width: 0.438vw; height: 0.438vw; right: -0.438vw; } .banner .indexDown { width: 3.75vw; height: 3.75vw; left: 4.375vw; bottom: 3.75vw; display: block; } .banner .indexDown i { font-size: 1.125vw; } .bannerPage { position: absolute; right: 4.375vw !important; bottom: 3.75vw !important; width: auto !important; } .bannerPage span { width: 0.813vw; height: 0.313vw; -webkit-border-radius: 0.188vw; border-radius: 0.188vw; margin: 0vw 0.188vw; } .bannerPage span.swiper-pagination-bullet-active { width: 1.375vw; opacity: 1; } .indexApplicationFieldMain .indexApplicationFieldClassBox .title { font-size: 1vw; } .indexApplicationFieldMain .indexApplicationFieldClassBox .desc { font-weight: 600; } .indexApplicationFieldMain .indexApplicationFieldListBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding-top: 1.875vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .listTitle { font-size: 1.45833vw; display: -webkit-box; height: 1.75vw; line-height: 1.75vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .desc { margin-top: 0.625vw; font-size: 0.875vw; display: -webkit-box; height: 3.35vw; line-height: 1.675vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .more { margin-top: 2.5vw; font-size: 0.875vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .more i { font-size: 0.75vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .icon img { width: 2.938vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text { margin-top: 0.9375vw; font-size: 1.125vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text i { width: 0.875vw; height: 0.875vw; margin-left: 0.625vw; } .indexNewsListMain { padding: 5.625vw 0vw; background-color: #f5f5f5; } .indexNewsListMain .titleBox { padding-bottom: 3.75vw; } .indexNewsListMain .titleBox .desc { font-size: 1vw; padding-top: 0.625vw; } .indexNewsList { margin: 0vw -1.688vw; } .indexNewsList .list { width: -webkit-calc(33% - 3.375vw); width: calc(33% - 3.375vw); margin: 1.688vw; } .indexNewsList .list .imgBox { padding-top: 85.093%; -webkit-border-radius: 0.9375vw; border-radius: 0.9375vw; } .indexNewsList .list .content { padding-top: 2.5vw; } .indexNewsList .list .content .listTitle { font-size: 1.45833vw; display: -webkit-box; height: 3.5vw; line-height: 1.75vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .indexNewsList .list .content .time { margin-top: 0.9375vw; font-size: 0.875vw; } .indexNewsList .list .content .more { margin-top: 1.875vw; font-size: 0.875vw; } .indexNewsList .list .content .more i { font-size: 0.75vw; margin-left: 0.313vw; } .indexNewsListMain .newsMore { padding-top: 2.813vw; } .indexNewsListMain .newsMore a { width: 10vw; height: 3.313vw; -webkit-border-radius: 3.313vw; border-radius: 3.313vw; font-size: 0.875vw; } .indexNewsListMain .newsMore a i { width: 1.875vw; } .indexNewsListMain .newsMore a i::after { width: 0.438vw; height: 0.438vw; right: -0.438vw; } .commonPage { display: none; } .header .searchformMain .searchformBox { padding: 1.45833vw 1.45833vw; } .header .searchformMain .searchformBox .searchform { padding: 5vw; -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; } .header .searchformMain .searchformBox .searchform .title { font-size: 0.875vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox label { padding: 1vw 12.125vw 1vw 1.875vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox label input { font-size: 1vw; height: 2vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox button i { font-size: 1.375vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox .submitBtn { padding: 0vw 1.45833vw; height: 2.5vw; border-radius: 2.5vw; font-size: 1vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label { top: 1vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label a { padding: 0vw 1.813vw; margin-left: 0.625vw; height: 2vw; -webkit-border-radius: 2vw; border-radius: 2vw; font-size: 0.875vw; } .header .searchformMain .searchformBox .searchform .hotSearch { padding-top: 2.5vw; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox { padding-top: 0.625vw; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox a { padding: 0vw 1.45833vw; font-size: 0.875vw; height: 2vw; -webkit-border-radius: 2vw; border-radius: 2vw; margin-right: 0.625vw; margin-bottom: 0.625vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews { padding-top: 2.5vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox { padding-top: 1.45833vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list { margin-bottom: 0.625vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list a { padding: 0vw 1.45833vw; font-size: 0.875vw; -webkit-border-radius: 2vw; border-radius: 2vw; display: -webkit-box; height: 2vw; line-height: 2vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 0.625vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list img { width: 0.75vw; height: 100%; } .header .searchformMain .searchformBox .searchform .searchProductList { padding-top: 1.875vw; margin: 0vw -0.313vw; } .header .searchformMain .searchformBox .searchform .searchProductList .list { width: -webkit-calc(33.333% - 0.625vw); width: calc(33.333% - 0.625vw); margin: 0vw 0.313vw; } .hideRightBtn { display: none; } .searchInputMain { padding: 64px 0px; } .searchInputMain .searchInput { max-width: 770px; } .searchInputMain .searchInput label { padding: 15px 60px 15px 20px; } .searchInputMain .searchInput label input { font-size: 18px; } .searchInputMain .searchInput button { width: 60px; font-size: 22px; } .searchListMain { padding: 5vw 0vw; } .searchListMain .searchListBox .title { font-size: 1.125vw; } .searchListMain .searchListBox .searchList { padding-top: 1.45833vw; } .searchListMain .searchListBox .searchList .list { padding: 1.875vw 0vw; } .searchListMain .searchListBox .searchList .list a .imgBox { width: 40%; } .searchListMain .searchListBox .searchList .list a .content { width: 60%; padding: 0vw 0vw 0vw 1.875vw; } .searchListMain .searchListBox .searchList .list a .content .listTitle { font-size: 1.125vw; max-width: 31.45833vw; } .searchListMain .searchListBox .searchList .list a .content .desc { max-width: 31.45833vw; margin-top: 0.9375vw; font-size: 0.875vw; line-height: -webkit-calc(20 / 14); line-height: calc(20 / 14); } .searchListMain .searchListBox .searchList .list a .content .more { margin-top: 1.45833vw; } .searchListMain .searchListBox .searchList .list a .content .more span { font-size: 0.75vw; } .searchListMain .searchListBox .searchList .list a .content .more span i { margin-left: 0.313vw; font-size: 0.875vw; } .inputVcode { right: 1.45833vw; } .ContactMain .Contact .input label input, .ContactMain .Contact .input label textarea { font-size: 0.875vw; } .defaWebMap { padding: 35px 0px 70px; } .Factory { padding-bottom: 6.25vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide { width: -webkit-calc(50% - 1.875vw); width: calc(50% - 1.875vw); margin-right: 3.75vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox { padding-top: 40%; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content { padding: 2.813vw 3.75vw 5vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content .listTitle { font-size: 1.875vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content .desc { font-size: 1vw; padding-top: 1.25vw; line-height: -webkit-calc(24 / 16); line-height: calc(24 / 16); } .Factory .FactoryList .FactoryListAtlas a { width: 3.125vw; height: 3.125vw; font-size: 1.375vw; } .Factory .FactoryList .FactoryListAtlas a.prevBtn { left: 0.625vw; } .Factory .FactoryList .FactoryListAtlas a.nextBtn { right: 0.625vw; } } @media (min-width: 992px) { .homePage { top: 0px; } body { padding-top: 0vw !important; } .header .commonMain { padding: 0vw 2.6042vw; } .header { height: 5.2083vw; position: fixed; left: 0vw; top: 0vw; width: 100%; background: none; -webkit-transition: .8s ease; transition: .8s ease; } .header .logo img { height: 2.406vw; } .header .logo .transparent { display: block; } .header .logo .colour { display: none; } .header .navBox .haderOther .navbtn { display: none; } .header .navBox .navList { padding: 0vw; width: auto; right: 0vw; background: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0vw; position: relative; overflow: visible; top: 0vw; } .header .navBox .navList .list { margin-left: 2.6042vw; padding: 0vw; border-top: none; } .header .navBox .navList .list h3 a { line-height: 5.2083vw; font-size: 0.8333vw; padding: 0vw; color: #fff; } .header .navBox .navList .list h3 a::before { display: none; } .header .navBox .navList .list h3 a::after { bottom: 0vw; width: 0vw; height: 0.1042vw; background: #666; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; position: absolute; -webkit-transition: .6s ease; transition: .6s ease; } .header .navBox .navList .list.cur { background: none; } .header .navBox .navList .list.cur h3 a::after { width: 100%; } .header .navBox .navList .list:hover h3 a::after { width: 100%; } .header .navBox .navList .list:first-child { margin-left: 0vw; } .header .navBox .navList .closeNavText { display: none; } .header .navBox .haderOther .searchBox { margin-left: 1.5625vw; } .header .navBox .haderOther .searchBox .searchBtn { color: #fff; width: 1.0938vw; font-size: 1.0938vw; } .headerbg { background: #fff; } .headerbg .logo .transparent { display: none; } .headerbg .logo .colour { display: block; } .headerbg .navBox .navList .list h3 a { color: #333; } .headerbg .navBox .haderOther .searchBox .searchBtn { color: #333; } .headerbg .navBox .haderOther .langBox { color: #333; } .headerbg .navBox .haderOther .langBox .langBtn { color: #333; } .headerHover { background: #fff; } .headerHover .logo .transparent { display: none; } .headerHover .logo .colour { display: block; } .headerHover .navBox .navList .list h3 a { color: #333; } .headerHover .navBox .haderOther .searchBox .searchBtn { color: #333; } .headerHover .navBox .haderOther .langBox { color: #333; } .headerHover .navBox .haderOther .langBox .langBtn { color: #333; } .headerblack .logo .transparent { display: none; } .headerblack .logo .colour { display: block; } .headerblack .navBox .navList .list h3 a { color: #333; } .headerblack .navBox .haderOther .searchBox .searchBtn { color: #333; } .headerblack .navBox .haderOther .langBox { color: #333; } .headerblack .navBox .haderOther .langBox .langBtn { color: #333; } .headerDownBg { background: #fff; } .headerDownBg .logo .transparent { display: none; } .headerDownBg .logo .colour { display: block; } .headerDownBg .navBox .navList .list h3 a { color: #333; } .headerDownBg .navBox .haderOther .searchBox .searchBtn { color: #333; } .headerDownBg .navBox .haderOther .langBox { color: #333; } .headerDownBg .navBox .haderOther .langBox .langBtn { color: #333; } .headerHide { top: -5.2083vw; } .subNavBtn { display: none; } .subNavMain { position: absolute; top: 5.2083vw; left: -5.208vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-height: 0px; overflow: hidden; } .subNavMain .subNavBox { background: #fff; -webkit-border-radius: 0vw 0vw 0.521vw 0.521vw; border-radius: 0vw 0vw 0.521vw 0.521vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .subNavMain .subNavBox .icon-jinrujiantou { position: absolute; right: 1.302vw; left: auto !important; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.042vw; color: #111111; } .subNavMain .secondLevelNav { min-width: 13.542vw; background: #f5f9fa; white-space: nowrap; } .subNavMain .secondLevelNav .listNav { border: none; } .subNavMain .secondLevelNav .secondLevelTitle { position: relative; } .subNavMain .secondLevelNav .secondLevelTitle a { display: block; line-height: 2.5vw; padding: 0vw 1.45833vw; font-size: 0.833vw; color: #111111; background: none; } .subNavMain .secondLevelNav .secondLevelTitle a:hover::after { content: ''; border-right: 0.4167vw solid transparent; border-top: 0.4167vw solid #c0ed30; position: absolute; left: 0vw; top: 0vw; } .subNavMain .secondLevelNav .secondLevelTitle a:hover { background: #e9edee; } .subNavMain .secondLevelNav .secondLevelTitle a.cur { background: #e9edee; } .subNavMain .secondLevelNav .secondLevelTitle a.cur::after { content: ''; border-right: 0.4167vw solid transparent; border-top: 0.4167vw solid #c0ed30; position: absolute; left: 0vw; top: 0vw; } .subNavMain .bandFourBox { min-width: 35.156vw; padding: 2.083vw; display: block; } .subNavMain .bandFourNav .listBox { display: none; } .subNavMain .bandFourNav .listNav .bandFourTitle { border-bottom: 0.052vw solid #ebf0f6; line-height: 2.5vw; } .subNavMain .bandFourNav .listNav .bandFourTitle a { font-size: 0.9375vw; color: #000000; } .subNavMain .bandFourNav .listNav .bandFourTitle a:hover { color: #222; } .subNavMain .bandFourNav .listNav .bandFourList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0vw -0.26vw; } .subNavMain .bandFourNav .listNav .bandFourList a { display: block; width: -webkit-calc(25% - 0.521vw); width: calc(25% - 0.521vw); margin: 0.781vw 0.26vw 0vw; text-align: center; } .subNavMain .bandFourNav .listNav .bandFourList a:hover { color: #222; text-decoration: underline; } .subNavMain .bandFourNav .listNav .bandFourList img { width: 100%; } .subProductNavMain { right: -18.229vw; left: auto; } .header .navBox .navList .list:hover .subNavMain { max-height: 156.25vw; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .productDetailSubNavBox { padding-top: 5.2083vw; } .productDetailSubNavBox .productDetailSubNav.subNavFixed { top: 5.2083vw; } .locationBox .locationFixed { top: 5.2083vw; } .productAnchorPoint { top: -5.15vw; position: relative; } .newsDetailMain { padding: 7.5vw 0vw 5.625vw; } .newsDetailMain .location { padding: 0vw 2.6042vw; } .productListMain .productList .row .list { width: -webkit-calc(33.333% - 1.45833vw); width: calc(33.333% - 1.45833vw); margin: 0vw 0.625vw 1.45833vw; -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; } .relatedProductMain .relatedProduct .swiper-slide { width: -webkit-calc(25% - 0.9375vw); width: calc(25% - 0.9375vw); margin-right: 1.45833vw; top: 0vw; } .searchInputMain { margin-top: 5.2083vw; } .banner { height: 100vh; margin: 0px; } .indexScreen { top: 0px; margin: 0px; } } @media (min-width: 1200px) { .commonweb .desc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; font-size: 0.833vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); padding-right: 2.083vw; } .commonBanner .imgBox { padding-top: 48%; } .imgBoxText ul li{float: left; width:20%; text-align: center;} .commonBanner .commonBannerText .title { font-size: 2.396vw; } .commonBanner .commonBannerText .desc { margin-top: 0.621vw; font-size: 0.9375vw; } .commonBanner .commonBannerText .more { padding-top: 1.302vw; } .commonBanner .commonBannerText .more a { padding: 0vw 0.781vw 0vw 1.45833vw; font-size: 0.833vw; height: 2.448vw; -webkit-border-radius: 2.448vw; border-radius: 2.448vw; } .commonBanner .commonBannerText .more a i { margin-left: 0.521vw; } .locationBox { bottom: 2.083vw; } .location .list>a { font-size: 0.729vw; } .location .list>a .icon-youjiantou2 { margin: 0vw 0.521vw; } .pageMain { padding: 4.7292vw 0vw 0vw; } .pageMain a { height: 2.5vw; line-height: 2.5vw; width: 2.5vw; -webkit-border-radius: 0.4167vw; border-radius: 0.4167vw; margin: 0vw 0.2083vw; font-size: 0.7292vw; } .productDetailSubNavBox { min-height: 3.646vw; } .productDetailSubNavBox .productDetailSubNav { padding: 0vw 2.604vw; height: 3.646vw; } .productDetailSubNavBox .productDetailSubNav .title { font-size: 0.833vw; } .productDetailSubNavBox .productDetailSubNav .tabClass .pAnchorPoint { line-height: 3.646vw; margin-right: 2.083vw; font-size: 0.729vw; } .productDetailSubNavBox .productDetailSubNav .tabClass .pContact { width: 4.688vw; height: 1.771vw; -webkit-border-radius: 1.771vw; border-radius: 1.771vw; font-size: 0.625vw; } .productBanner .imgBox { padding-top: 29.688vw; } .newsListMain { padding: 2.865vw 0vw 4.688vw; } .newsListMain .newsList { margin: 0vw -1.3021vw -2.6042vw; } .newsListMain .newsList .list { margin: 0vw 1.3021vw 2.6042vw; width: -webkit-calc(33% - 2.6042vw); width: calc(33% - 2.6042vw); -webkit-border-radius: 0.7813vw; border-radius: 0.7813vw; } .newsListMain .newsList .list .content { padding: 2.0833vw 2.6042vw; } .newsListMain .newsList .list .content .time { font-size: 0.7292vw; } .newsListMain .newsList .list .content .time::before { margin-right: 0.5208vw; } .newsListMain .newsList .list .content .subTitle { margin-top: 0.7813vw; font-size: 1.45833vw; height: -webkit-calc(1.875vw * 2); height: calc(1.875vw * 2); line-height: 1.875vw; } .newsListMain .newsList .list .content .arrow { margin-top: 1.3021vw; font-size: 1.45833vw; } .newsListMain .newsList .list:nth-child(1) { width: -webkit-calc(66.666% - 2.6042vw); width: calc(66.666% - 2.6042vw); } .newsListMain .newsList .list:nth-child(1) .content .subTitle { font-size: 1.5625vw; height: 4.1667vw; line-height: 2.0833vw; } .newsListMain .newsList .list:hover { -webkit-box-shadow: 0vw 0.2604vw 0.7813vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.2604vw 0.7813vw rgba(0, 0, 0, 0.2); } .contactMain { padding: 6.771vw 0vw; } .contactMain .titleBox .contactEmail .list { padding: 0vw 2.604vw; } .contactMain .titleBox .contactEmail .list .icon img { width: 1.979vw; } .contactMain .titleBox .contactEmail .list .content { padding-left: 0.781vw; } .contactMain .titleBox .contactEmail .list .content .listTitle { font-size: 1.042vw; } .contactMain .titleBox .contactEmail .list .content .email { padding-top: 0.156vw; font-size: 0.781vw; } .contactList { margin-top: 2.604vw; } .contactList .swiper-slide { width: -webkit-calc(33.333% - 1.042vw); width: calc(33.333% - 1.042vw); margin-right: 1.45833vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.344vw 2.344vw 2.604vw; } .contactList .swiper-slide .icon img { width: 3.177vw; } .contactList .swiper-slide .listTitle { font-size: 1.45833vw; margin-top: 2.083vw; } .contactList .swiper-slide .desc { padding-top: 1.302vw; font-size: 0.833vw; } .commonTitle { font-size: 2.396vw; line-height: -webkit-calc(56 / 46); line-height: calc(56 / 46); } .commonTitle img { width: 2.24vw; margin: 0.677vw 0.781vw 0vw -3.021vw; } .footerBox .footerClassBox .commonweb .footerClsas .list { padding: 3.125vw 0vw;} .footerBox .footerClassBox .commonweb .footerClsas .list h3 { font-size: 0.781vw; } .footerBox .footerClassBox .commonweb .footerClsas .list p { padding-top: 0.781vw; } .footerBox .footerClassBox .commonweb .footerClsas .list p a { font-size: 0.729vw; } .footerBox .foot .copyright { font-size: 0.729vw; } .footerBox .foot .footPlatform a { width: 2.083vw; height: 2.083vw; font-size: 0.938vw; margin-left: 0.26vw; } .footerBox .foot .footPlatform a p { bottom: 1.979vw; width: 5.729vw; -webkit-border-radius: 0.26vw; border-radius: 0.26vw; padding: 0.26vw; } .footerBox .foot .footPlatform a p::after { right: 0.885vw; bottom: -0.313vw; border-left: 0.26vw solid transparent; border-right: 0.26vw solid transparent; border-top: 0.365vw solid #fff; } .sampleMain { padding: 6.25vw 0vw; } .sampleMain .title { width: 27.083vw; height: 100%; } .sampleMain .sampleDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.833vw; line-height: 1.458vw; } .ContactMain { padding: 4.688vw 0vw; } .ContactMain .title { padding-bottom: 2.604vw; } .ContactMain .Contact { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 3.125vw 4.167vw; } .ContactMain .Contact .input { width: -webkit-calc(33.3333% - 2.084vw); width: calc(33.3333% - 2.084vw); margin: 0vw 1.042vw; padding-bottom: 1.45833vw; } .ContactMain .Contact .input p { font-size: 0.729vw; font-weight: 600; padding-bottom: 0.26vw; } .ContactMain .Contact .input label { padding: 0.885vw 1.302vw; } .ContactMain .Contact .input label textarea { height: 3.906vw; } .ContactMain .Contact .textareaInput { width: 100%; } .ContactMain .Contact .btn { padding-top: 0.521vw; width: 100%; } .ContactMain .Contact .btn button { padding: 0vw 1.042vw 0vw 3.125vw; font-size: 0.729vw; height: 2.344vw; -webkit-border-radius: 2.344vw; border-radius: 2.344vw; } .ContactMain .Contact .btn button i { margin-left: 1.45833vw; } .aboutMain {padding: 7.813vw 0vw;} .aboutMain .titleBox .title {width: 24.479vw;height: 100%;} .aboutMain .titleBox .descBox {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: auto;} .aboutMain .titleBox .descBox .desc {font-size: 0.833vw; line-height: 1.458vw;height: -webkit-calc(1.458vw * 7);height: calc(1.458vw * 7);padding-right: 1.302vw;} .aboutMain .titleBox .descBox .desc::-webkit-scrollbar {width: 0.208vw;height: 0.833vw;} .aboutMain .titleBox .descBox .desc::-webkit-scrollbar-track {-webkit-border-radius: 0.313vw;border-radius: 0.313vw;} .aboutMain .titleBox .descBox .desc::-webkit-scrollbar-thumb {-webkit-border-radius: 0.313vw;border-radius: 0.313vw;} .aboutMain .titleBox .descBox .aboutList {margin: 0vw -0.781vw;} .aboutMain .titleBox .descBox .aboutList .list {width: -webkit-calc(50% - 1.563vw);width: calc(50% - 1.563vw);margin: 0vw 0.781vw;padding: 2.604vw 0vw;} .aboutMain .titleBox .descBox .aboutList .list .numberBox {font-size: 3.646vw;font-weight: 600;line-height: 0.8;} .aboutMain .titleBox .descBox .aboutList .list .text {padding-top: 1.042vw;font-size: 0.833vw;} .Team .aboutTeamBox { padding: 5.208vw 0vw 7.813vw; } .Team .aboutTeamBox .aboutTeam { margin-top: 3.125vw; } .Team .aboutTeamBox .aboutTeam video { width: 39.063vw; } .Team .aboutTeamBox .aboutTeam .content { padding-left: 4.427vw; } .Team .aboutTeamBox .aboutTeam .content .title { font-size: 0.833vw; } .Team .aboutTeamBox .aboutTeam .content .subTitle { margin-top: 0.781vw; font-size: 2.083vw; line-height: -webkit-calc(50 / 40); line-height: calc(50 / 40); } .Team .aboutTeamBox .aboutTeam .content .desc { margin-top: 2.604vw; font-size: 0.833vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .Milestone {padding: 5.208vw;} .Milestone .aboutHistoryBg { width: 56.5%; padding-top: 37.85%; } .Milestone .aboutHistoryBg .yearBox { left: 3.646vw; width: 7.813vw; top: 4.688vw; bottom: 4.167vw; } .Milestone .aboutHistoryBg .yearBox .yearList { -webkit-transform: rotate(-90deg) translateY(-6.563vw); -ms-transform: rotate(-90deg) translateY(-6.563vw); transform: rotate(-90deg) translateY(-6.563vw); } .Milestone .aboutHistoryBg .yearBox .yearList .list { font-size: 3.646vw; } .Milestone .aboutHistoryBg .yearBox .bar { right: 1.45833vw; top: 0.521vw; width: 0.104vw; } .Milestone .aboutHistoryBg .yearBox .bar::after { width: 0.521vw; height: 0.521vw; left: -0.208vw; top: -0.521vw; } .Milestone .commonTitle { padding-bottom: 5.208vw; } .Milestone .aboutHistoryList { width: 31.45833vw; padding-right: 9.896vw; } .Milestone .aboutHistoryList .list { padding-bottom: 1.208vw; } .Milestone .aboutHistoryList .list .date { font-size: 1.042vw; padding-bottom: 0.521vw; font-weight: 600; } .Milestone .aboutHistoryList .list .listTitle { font-size: 2.083vw; line-height: -webkit-calc(50 / 40); line-height: calc(50 / 40); } .Milestone .aboutHistoryList .list .desc { font-size: 0.833vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .WWD { padding: 6.771vw 0vw; background-color: #f5f5f5; } .EV .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .commonweb .title { width: 28.125vw; /*height: 100%;*/ } .commonweb .desc { font-size: 0.833vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .commonweb .desc ul{padding-bottom:1.823vw} .commonweb .desc ul li{float:left; width:50%;} .EV .imgBox { padding-top: 5.208vw; } .newsDetailMain {padding: 6.25vw 0vw 4.688vw;} .newsDetailMain .newsDetailTitle {padding: 4.167vw;} .newsDetailMain .newsDetailTitle .time {font-size: 0.625vw;line-height: 1.042vw;font-weight: 600;} .newsDetailMain .newsDetailTitle .time span {padding: 0vw 0.365vw;margin-right: 0.625vw;} .newsDetailMain .newsDetailTitle .title { margin-top: 1.042vw; font-size: 2.604vw; } .newsDetailMain .newsDetailBox { -webkit-border-radius: 1.45833vw; border-radius: 1.45833vw; padding: 4.167vw; } .newsDetailMain .newsDetailBox .detail { font-size: 0.9375vw; line-height: 1.45833vw; } .newsDetailMain .newsDetailBox .detailArticle { margin: 0vw -1.042vw; padding-top: 2.604vw; } .newsDetailMain .newsDetailBox .detailArticle .list { width: -webkit-calc(50% - 2.083vw); width: calc(50% - 2.083vw); margin: 0vw 1.042vw; } .newsDetailMain .newsDetailBox .detailArticle .list a { margin-top: 0.781vw; font-size: 1.042vw; display: -webkit-box; height: 2.916vw; line-height: 1.458vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .solutionSpecificationmMain { padding: 4.688vw 0vw; } .solutionSpecificationmMain .titleBox .title { width: 27.604vw; height: 100%; } .solutionSpecificationmMain .titleBox .desc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; font-size: 0.833vw; line-height: -webkit-calc(28 / 16); line-height: calc(28 / 16); } .solutionSpecificationmMain .solutionSpecificationm .list { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 1.823vw 2.083vw; width: -webkit-calc(33.333% - 1.5833vw); width: calc(33.333% - 1.5833vw); margin: 0vw 0.781vw 1.5833vw; } .solutionSpecificationmMain .solutionSpecificationm .list .icon { min-width: 2.292vw; } .solutionSpecificationmMain .solutionSpecificationm .list .icon img { width: 2.292vw; } .solutionSpecificationmMain .solutionSpecificationm .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.042vw; } .solutionSpecificationmMain .solutionSpecificationm .list .content .listTitle { font-size: 1.146vw; } .solutionSpecificationmMain .solutionSpecificationm .list .content .desc { font-size: 0.781vw; padding-top: 0.521vw; line-height: -webkit-calc(22 / 15); line-height: calc(22 / 15); } .solutionScenarioMain { padding: 5.208vw 0vw; } .solutionScenarioMain .titleBox .btn a { width: 2.604vw; height: 2.604vw; font-size: 0.729vw; margin-left: 0.521vw; } .solutionScenarioMain .solutionScenario { margin-top: 3.125vw; } .solutionScenarioMain .solutionScenario .swiper-slide { width: -webkit-calc(33.3333% - 1.094vw); width: calc(33.3333% - 1.094vw); margin-right: 1.45833vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; } .solutionScenarioMain .solutionScenario .swiper-slide .listTitle { font-size: 1.042vw; display: -webkit-box; height: 4.583vw; line-height: 4.583vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0vw 1.823vw; } .detailScenarioMain .detailScenario .imgBox { width: -webkit-calc(33.3333% - 1.094vw); width: calc(33.3333% - 1.094vw); margin-right: 1.45833vw; margin-bottom: 1.45833vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; float:left; } .detailScenarioMain .detailScenario .imgBox:nth-child(2n) { margin-right: 1.45833vw; } .detailScenarioMain .detailScenario .imgBox:nth-child(3n) { margin-right: 0; } .productListMain { padding: 3.646vw 0vw; } .productListMain .productList { padding-right: 1.042vw; } .productListMain .productList .row { margin: 0vw -0.521vw; } .productListMain .productList .row .list { width: -webkit-calc(33.333% - 1.042vw); width: calc(33.333% - 1.042vw); margin: 0vw 0.521vw 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; } .productListMain .productList .row .list a { padding: 1.302vw 1.042vw 2.083vw; } .productListMain .productList .row .list .imgBox { padding-top: 70.973%; } .productListMain .productList .row .list .listTitle { margin-top: 0.26vw; font-size: 0.781vw; } .productListMain .productList .row .list .more { padding-top: 0.677vw; } .productListMain .productList .row .list .more span { font-size: 0.729vw; line-height: 1.45833vw; height: 2.292vw; -webkit-border-radius: 2.292vw; border-radius: 2.292vw; padding: 0px 1.302vw; } .productListMain .productList .row .list .more span i { font-size: 0.729vw; margin-left: 0.26vw; } .productListMain .productList .row .list::after { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; } .productListMain .productList .row .list::before { left: 0.729vw; right: 0.729vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; } .productListMain .productList .row .list:hover { top: -0.781vw; } .productListMain .productList .row .list:hover::after { -webkit-box-shadow: 0vw 1.094vw 1.406vw rgba(201, 201, 201, 0.39); box-shadow: 0vw 1.094vw 1.406vw rgba(201, 201, 201, 0.39); } .productListMain .productList .row .list:hover::before { bottom: -0.521vw; } .relatedProductMain { padding: 4.167vw 0vw; } .relatedProductMain .titleBox .btn a { width: 2.604vw; height: 2.604vw; font-size: 0.729vw; margin-left: 0.521vw; } .relatedProductMain .relatedProduct { padding: 1.042vw; margin: 3.125vw -1.042vw 0vw; } .relatedProductMain .relatedProduct .swiper-slide { width: -webkit-calc(25% - 0.781vw); width: calc(25% - 0.781vw); margin-right: 1.042vw; top: 0vw; } .relatedProductMain .relatedProduct .swiper-slide a { padding: 1.302vw 1.042vw 2.083vw; } .relatedProductMain .relatedProduct .swiper-slide .imgBox { padding-top: 70.973%; } .relatedProductMain .relatedProduct .swiper-slide .listTitle { margin-top: 0.26vw; font-size: 0.781vw; } .relatedProductMain .relatedProduct .swiper-slide .more { padding-top: 0.677vw; } .relatedProductMain .relatedProduct .swiper-slide .more span { font-size: 0.729vw; line-height: -webkit-calc(24 / 14); line-height: calc(24 / 14); height: 2.292vw; width: 2.292vw; -webkit-border-radius: 2.292vw; border-radius: 2.292vw; } .relatedProductMain .relatedProduct .swiper-slide .more span i { font-size: 0.729vw; margin-left: 0.26vw; } .relatedProductMain .relatedProduct .swiper-slide:hover { top: -0.781vw; } .banner .bannerText .title { font-size: 2.604vw; line-height: -webkit-calc(60 / 50); line-height: calc(60 / 50); } .banner .bannerText .label { padding-top: 1.042vw; } .banner .bannerText .label a { width: 5.729vw; height: 1.771vw; font-size: 0.833vw; margin: 0vw 0.26vw; background-size: 5.729vw 1.771vw; } .banner .bannerText .desc { padding-top: 1.042vw; font-size: 0.9375vw; line-height: 1.458vw; } .banner .bannerText .more { padding-top: 1.302vw; } .banner .bannerText .more a { width: 8.333vw; height: 2.76vw; -webkit-border-radius: 2.76vw; border-radius: 2.76vw; font-size: 0.729vw; } .banner .bannerText .more a i { width: 1.45833vw; } .banner .bannerText .more a i::after { content: ''; width: 0.365vw; height: 0.365vw; right: -0.365vw; } .banner .indexDown { width: 3.125vw; height: 3.125vw; left: 3.646vw; bottom: 3.125vw; } .banner .indexDown i { font-size: 0.9375vw; } .bannerPage { position: absolute; right: 3.646vw !important; bottom: 3.125vw !important; } .bannerPage span { width: 0.677vw; height: 0.26vw; -webkit-border-radius: 0.156vw; border-radius: 0.156vw; margin: 0vw 0.156vw; } .bannerPage span.swiper-pagination-bullet-active { width: 1.146vw; opacity: 1; } .indexApplicationFieldMain .indexApplicationFieldClassBox .title { font-size: 0.833vw; } .indexApplicationFieldMain .indexApplicationFieldClassBox .desc { font-weight: 600; } .indexApplicationFieldMain .indexApplicationFieldClassBox .classList { padding-top: 2.604vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .listTitle { font-size: 1.042vw; display: -webkit-box; height: 1.458vw; line-height: 1.458vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .desc { margin-top: 0.521vw; font-size: 0.729vw; display: -webkit-box; height: 2.292vw; line-height: 1.146vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .more { margin-top: 2.083vw; font-size: 0.729vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .content .more i { font-size: 0.625vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .icon img { width: 2.448vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text { margin-top: 0.781vw; font-size: 0.9375vw; } .indexApplicationFieldMain .indexApplicationFieldListBox .indexApplicationFieldList .swiper-slide .moreProgramme .text i { width: 0.729vw; height: 0.729vw; margin-left: 0.521vw; } .indexNewsListMain { padding: 4.688vw 0vw; } .indexNewsListMain .titleBox { padding-bottom: 3.125vw; } .indexNewsListMain .titleBox .desc { font-size: 0.833vw; padding-top: 0.521vw; } .indexNewsList { margin: 0vw -1.406vw; } .indexNewsList .list { width: -webkit-calc(33% - 2.813vw); width: calc(33% - 2.813vw); margin: 1.406vw; } .indexNewsList .list .imgBox { padding-top: 85.093%; -webkit-border-radius: 0.781vw; border-radius: 0.781vw; } .indexNewsList .list .content { padding-top: 2.083vw; } .indexNewsList .list .content .listTitle { font-size: 1.042vw; display: -webkit-box; height: 2.916vw; line-height: 1.458vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .indexNewsList .list .content .time { margin-top: 0.781vw; font-size: 0.729vw; } .indexNewsList .list .content .more { margin-top: 1.45833vw; font-size: 0.729vw; } .indexNewsList .list .content .more i { font-size: 0.625vw; margin-left: 0.26vw; } .indexNewsListMain .newsMore { padding-top: 2.344vw; } .indexNewsListMain .newsMore a { width: 8.333vw; height: 2.76vw; -webkit-border-radius: 2.76vw; border-radius: 2.76vw; font-size: 0.729vw; } .header .searchformMain .searchformBox { padding: 1.042vw 1.042vw; } .header .searchformMain .searchformBox .searchform { padding: 4.167vw; -webkit-border-radius: 1.302vw; border-radius: 1.302vw; } .header .searchformMain .searchformBox .searchform .title { font-size: 0.729vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox label { padding: 0.833vw 10.771vw 0.833vw 1.45833vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox label input { font-size: 0.833vw; height: 1.667vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox button i { font-size: 1.146vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox .submitBtn { padding: 0vw 1.302vw; height: 2.083vw; border-radius: 2.083vw; font-size: 0.833vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label { top: 0.833vw; } .header .searchformMain .searchformBox .searchform .searchformInputBox .label a { padding: 0vw 1.677vw; margin-left: 0.521vw; height: 1.667vw; -webkit-border-radius: 1.667vw; border-radius: 1.667vw; font-size: 0.729vw; } .header .searchformMain .searchformBox .searchform .hotSearch { padding-top: 2.083vw; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox { padding-top: 0.521vw; } .header .searchformMain .searchformBox .searchform .hotSearch .listBox a { padding: 0vw 1.042vw; font-size: 0.729vw; height: 1.667vw; -webkit-border-radius: 1.667vw; border-radius: 1.667vw; margin-right: 0.521vw; margin-bottom: 0.521vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews { padding-top: 2.083vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox { padding-top: 1.042vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list { margin-bottom: 0.521vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list a { padding: 0vw 1.042vw; font-size: 0.729vw; -webkit-border-radius: 1.667vw; border-radius: 1.667vw; display: -webkit-box; height: 1.667vw; line-height: 1.667vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 0.521vw; } .header .searchformMain .searchformBox .searchform .hotSearchNews .listBox .list img { width: 0.625vw; height: 100%; } .header .searchformMain .searchformBox .searchform .searchProductList { padding-top: 1.45833vw; margin: 0vw -0.26vw; } .header .searchformMain .searchformBox .searchform .searchProductList .list { width: -webkit-calc(33.333% - 0.521vw); width: calc(33.333% - 0.521vw); margin: 0vw 0.26vw; } .searchInputMain { padding: 3.333vw 0vw; } .searchInputMain .searchInput { max-width: 40.104vw; } .searchInputMain .searchInput label { padding: 0.781vw 3.125vw 0.781vw 1.042vw; } .searchInputMain .searchInput label input { font-size: 0.9375vw; } .searchInputMain .searchInput button { width: 3.125vw; font-size: 1.146vw; } .searchListMain { padding: 4.167vw 0vw; } .searchListMain .searchListBox .title { font-size: 0.9375vw; } .searchListMain .searchListBox .searchList { padding-top: 1.042vw; } .searchListMain .searchListBox .searchList .list { padding: 1.45833vw 0vw; } .searchListMain .searchListBox .searchList .list a .imgBox { width: 30%; } .searchListMain .searchListBox .searchList .list a .content { width: 70%; padding: 0vw 0vw 0vw 1.45833vw; } .searchListMain .searchListBox .searchList .list a .content .listTitle { font-size: 0.9375vw; max-width: 26.042vw; } .searchListMain .searchListBox .searchList .list a .content .desc { max-width: 26.042vw; margin-top: 0.781vw; font-size: 0.729vw; line-height: -webkit-calc(20 / 14); line-height: calc(20 / 14); } .searchListMain .searchListBox .searchList .list a .content .more { margin-top: 1.042vw; } .searchListMain .searchListBox .searchList .list a .content .more span { font-size: 0.625vw; } .searchListMain .searchListBox .searchList .list a .content .more span i { margin-left: 0.26vw; font-size: 0.729vw; } .ContactMain .Contact .input label input, .ContactMain .Contact .input label textarea {font-size: 0.729vw;} .Factory { padding-bottom: 5.208vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide { width: -webkit-calc(50% - 1.563vw); width: calc(50% - 1.563vw); margin-right: 3.125vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .imgBox { padding-top: 40%; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content { padding: 2.344vw 3.125vw 4.167vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content .listTitle { font-size: 1.563vw; } .Factory .FactoryList .swiper-wrapper > .swiper-slide .content .desc { font-size: 0.833vw; padding-top: 1.042vw; line-height: -webkit-calc(24 / 16); line-height: calc(24 / 16); } } @media (min-width: 1920px) { .indexProductList {max-width: 69.271vw;} .Team .aboutTeamBox .aboutTeam .content .desc {max-width: 23.958vw;} .solutionSpecificationmMain .solutionSpecificationm .list .content .desc {max-width: 25vw;} .header .searchformMain .searchformBox .searchform {max-width: 39.583vw;} } .items h5{font-size: 0.9375vw;font-family: SupremeLLTT-Book, SupremeLLTT;font-weight: normal;color: #fff;line-height: 1.25vw;opacity: .62;} .middle_imgs_bg{width: 100%;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;position: absolute;font-size: 20vw;letter-spacing: -1.37708vw;color: #fff; text-align: center;} .product_items_img {position: absolute;z-index: 10;} .product_items_img img{width: 59.375vw;} .content img{max-width:100%;} .timeline{width:100%; max-width:1500px; margin-right:auto;margin-left:auto;padding: 80px 0;} .timeline ul{ display: flex; flex-direction: column; position: relative; } .timeline ul::after { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; height: 100%; border-right: 4px solid #f3f3f3; z-index: 1; } .timeline li { display: flex; justify-content: flex-end; position: relative; margin-bottom: 50px; width: 50%; } .timeline li:nth-child(even) { align-self: flex-end; justify-content: flex-start; } .timeline li:before{content:"";width:12px;height:12px;border-radius:50%;background:#3d93fd;border:4px solid #88bdfe;-webkit-box-shadow: 0 0 0 3px #d8e9ff;box-shadow: 0 0 0 3px #d8e9ff;position:absolute;transform:translateY(-50%);z-index:2;} .timeline li:nth-child(even):before{left:-4px;} .timeline li:nth-child(odd):before{right:-8px;} .timeline p { margin: 15px; } .timeline p img{ margin: 0px 15px; } .showban{width:100%;height:800px;background-position: center center;background-repeat: no-repeat;background-size: auto 100%; } .showban .cont-1{height:800px;width:100%;max-width:1500px;margin-right:auto;margin-left:auto; padding: 20px;position: relative;} .showban p{position:absolute;font-size:20px;} .col-4{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4 h3{color: #FFFFFF;padding:30%; position: absolute;top: 180px;height: 180px;display: flex;align-items: center;} .col-4:nth-child(odd) .background p{position: absolute; top: 70%; margin: 20px;} .col-4 .background{display: flex;flex-wrap: wrap;text-align: left;position: relative;;overflow: hidden; width: 100%;min-height: 600px;background-size: 100%; background-position: center;background-repeat: no-repeat; } .col-4 .background.ico1{background-image:url(../images/41.jpg)} .col-4 .background.ico2{background-image:url(../images/42.jpg)} .col-4 .background.ico3{background-image:url(../images/43.jpg)} .col-4 .background.ico4{background-image:url(../images/44.jpg)} .AD{position: relative;} .AD .imgBox {left: 0px;top: 0px;width: 100%;height: 100%;background: #000;} .AD .imgBox img {left: 0px;top: 0px;width: 100%;height: 100%;object-fit: cover;} .AD .bannerText { position: absolute; /* 绝对定位 */ top: 50%; /* 向上偏移50% */ left: 50%; /* 向左偏移50% */ transform: translate(-50%, -50%); /* 向相反方向移动自身尺寸的50% */ text-align:center; } .AD .bannerText .title {font-weight: 600; font-size:3vw;} .AD .bannerText .title img {max-width:100%;} .AD .bannerText .desc {padding: 30px; font-size: 30px;color: #fff;} .AD .bannerText .more a {-webkit-border-radius: 5px;border-radius: 5px; font-size: 30px;background: #a9e120;padding: 10px 20px;} .cateList{padding-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; width: 100%; overflow-x: auto;} .cateList a{margin-right: 20px;} .cateList a.cur{color: #a9e120;} @media only screen and (max-width: 767px) { .timeline{padding:0px;} .timeline li{width:100%; margin:0px;} .timeline li img{width:100%; margin: 0px 0px;} .timeline ul::after{display: none; } .timeline li:nth-child(even):before,.timeline li:nth-child(odd):before{display: none; } .showban {height:500px;} .showban .cont-1 {height:500px; color: #333333;} .showban p{all: unset; margin:10px 0px; display: block;} .col-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-4 h3{position: absolute; top: 40px; height: 180px;} .col-4 .background{background-position: top; min-height:500px;background-size: 80%;} .col-4 .background p{position: absolute; top: 65%; margin: 0px;} .col-4:nth-child(odd) .background p{top: 55%; margin: 0px;} .AD .bannerText .desc {padding: 12px; font-size: 12px;color: #fff;} .AD .bannerText .more a {-webkit-border-radius: 5px;border-radius: 5px; font-size: 12px;background: #a9e120;padding: 5px 10px;} }