@charset "utf-8";
.pf100 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
.pa100 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pr100 { position: relative; left: 0; top: 0; width: 100%; height: 100%; }
.bge { background-color: #eee; }
.bgf { background-color: #fff; }
.bgf1 { background-color: #f1f1f1; }
.bgf5 { background-color: #f5f5f5; }
@-webkit-keyframes openDoor {  0% {
 -webkit-clip-path: inset(0 50% round 0);
 clip-path: inset(0 50% round 0);
}
 100% {
 -webkit-clip-path: inset(0% round 0);
 clip-path: inset(0% round 0);
}
}
@keyframes openDoor {  0% {
 -webkit-clip-path: inset(0 50% round 0);
 clip-path: inset(0 50% round 0);
}
 100% {
 -webkit-clip-path: inset(0% round 0);
 clip-path: inset(0% round 0);
}
}
@-webkit-keyframes fadeInRightm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(50%, 0, 0);
 transform: translate3d(50%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRightm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(50%, 0, 0);
 transform: translate3d(50%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRightm { -webkit-animation-name: fadeInRightm; animation-name: fadeInRightm; }
@-webkit-keyframes fadeInLeftm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeftm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLeftm { -webkit-animation-name: fadeInLeftm; animation-name: fadeInLeftm; }
@-webkit-keyframes fadeInUpm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, -50%, 0);
 transform: translate3d(0, -50%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUpm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, -50%, 0);
 transform: translate3d(0, -50%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUpm { -webkit-animation-name: fadeInUpm; animation-name: fadeInUpm; }
@-webkit-keyframes fadeInDownm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDownm {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDownm { -webkit-animation-name: fadeInDownm; animation-name: fadeInDownm; }
@-webkit-keyframes slideInRightm {  0% {
 -webkit-transform: translate3d(50%, 0, 0);
 transform: translate3d(50%, 0, 0);
}
to { -webkit-transform: none; transform: none; }
}
@keyframes slideInRightm {  0% {
 -webkit-transform: translate3d(50%, 0, 0);
 transform: translate3d(50%, 0, 0);
}
to { -webkit-transform: none; transform: none; }
}
.slideInRightm { -webkit-animation-name: slideInRightm; animation-name: slideInRightm; opacity: 1 !important; }
@-webkit-keyframes slideInLeftm {  0% {
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
}
to { -webkit-transform: none; transform: none; }
}
@keyframes slideInLeftm {  0% {
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
}
to { -webkit-transform: none; transform: none; }
}
.slideInLeftm { -webkit-animation-name: slideInLeftm; animation-name: slideInLeftm; opacity: 1 !important; }
@-webkit-keyframes slideInUpm {  0% {
 -webkit-transform: translate3d(0, -50%, 0);
 transform: translate3d(0, -50%, 0);
}
to { -webkit-transform: none; transform: none; }
}
@keyframes slideInUpm {  0% {
 -webkit-transform: translate3d(0, -50%, 0);
 transform: translate3d(0, -50%, 0);
}
to { -webkit-transform: none; transform: none; }
}
.slideInUpm { -webkit-animation-name: slideInUpm; animation-name: slideInUpm; opacity: 1 !important; }
@-webkit-keyframes slideInDownm {  0% {
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
to { -webkit-transform: none; transform: none; }
}
@keyframes slideInDownm {  0% {
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
to { -webkit-transform: none; transform: none; }
}
.slideInDownm { -webkit-animation-name: slideInDownm; animation-name: slideInDownm; opacity: 1 !important; }
@-webkit-keyframes fadeIns {  0% {
 opacity: 0.5;
}
to { opacity: 1; }
}
@keyframes fadeIns {  0% {
 opacity: 0.5;
}
to { opacity: 1; }
}
.fadeIns { -webkit-animation-name: fadeIns; animation-name: fadeIns; }
@-webkit-keyframes dotShake {  0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
 transform: translate3d(-8%, 0, 0) rotate(-4deg);
}
 30% {
 -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
 transform: translate3d(6.6%, 0, 0) rotate(2deg);
}
 45% {
 -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
 transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
}
 60% {
 -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
 transform: translate3d(4.5%, 0, 0) rotate(1deg);
}
 75% {
 -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
 transform: translate3d(-2%, 0, 0) rotate(-1deg);
}
to { -webkit-transform: none; transform: none; }
}
@keyframes dotShake {  0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
 transform: translate3d(-8%, 0, 0) rotate(-4deg);
}
 30% {
 -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
 transform: translate3d(6.6%, 0, 0) rotate(2deg);
}
 45% {
 -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
 transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
}
 60% {
 -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
 transform: translate3d(4.5%, 0, 0) rotate(1deg);
}
 75% {
 -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
 transform: translate3d(-2%, 0, 0) rotate(-1deg);
}
to { -webkit-transform: none; transform: none; }
}
.dotShake { -webkit-animation-name: dotShake; animation-name: dotShake; }
@-webkit-keyframes rotate360 {  0% {
 -webkit-transform: none !important;
 transform: none !important;
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotate360 {  0% {
 -webkit-transform: none !important;
 transform: none !important;
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.rotate360 { -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes rotateInYm {  0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotateY(-180deg);
 transform: rotateY(-180deg);
 opacity: 0;
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes rotateInYm {  0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotateY(-180deg);
 transform: rotateY(-180deg);
 opacity: 0;
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}
.rotateInYm { -webkit-animation-name: rotateInYm; animation-name: rotateInYm; }
@-webkit-keyframes AniStriking {  0%,  50%,  to {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 25%,  75% {
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
}
@keyframes AniStriking {  0%,  50%,  to {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 25%,  75% {
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
}
.AniStriking { -webkit-animation-name: AniStriking; animation-name: AniStriking; }
@-webkit-keyframes AniOpStriking {  0%,  50%,  to {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 25%,  75% {
 opacity: .7;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
}
@keyframes AniOpStriking {  0%,  50%,  to {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 25%,  75% {
 opacity: .7;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
}
.AniOpStriking { -webkit-animation-name: AniOpStriking; animation-name: AniOpStriking; }
@-webkit-keyframes AniShiny {  0% {
 opacity: 0;
}
to { opacity: 1; }
}
@keyframes AniShiny {  0% {
 opacity: 0;
}
to { opacity: 1; }
}
.AniShiny { -webkit-animation-name: AniShiny; animation-name: AniShiny; }
@-webkit-keyframes animateStay {  0,  100% {
 opacity: 1;
}
}
@keyframes animateStay {  0,  100% {
 opacity: 1;
}
}
.animateStay { -webkit-animation-name: animateStay; animation-name: animateStay; }
@-webkit-keyframes AniNone {  0,  100% {
 -webkit-transform: none !important;
 transform: none !important;
 opacity: 1;
 visibility: visible;
}
}
@keyframes AniNone {  0,  100% {
 -webkit-transform: none !important;
 transform: none !important;
 opacity: 1;
 visibility: visible;
}
}
.AniNone { -webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1; }
@-webkit-keyframes AniCalmdown { }
@keyframes AniCalmdown { }
.AniCalmdown { -webkit-animation-name: AniCalmdown; animation-name: AniCalmdown;  -webkit-animation-duration: .5s !important;
 animation-duration: .5s !important;
opacity: 0 !important; visibility: hidden !important; pointer-events: none; }
.waitAniTitleBlock { display: inline-block; vertical-align: top; position: relative; overflow: hidden; -webkit-animation-duration: 2s !important; animation-duration: 2s !important; }
.waitAniTitleBlock:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; }
.waitAniTitleBlock:before { -webkit-transform: translateX(-105%); transform: translateX(-105%); }
.waitAniTitleBlock.AniStart .hideWord { -webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden; }
.waitAniTitleBlock.AniStart:before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 400ms cubic-bezier(0, 0, 0.8, 0.6) 0s; transition: all 400ms cubic-bezier(0, 0, 0.8, 0.6) 0s; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.waitAniTitleBlock.AniDid .hideWord { -webkit-transition: all 0ms ease-out 10ms; transition: all 0ms ease-out 10ms; opacity: 1; visibility: visible; }
.waitAniTitleBlock.AniDid:before { -webkit-transform: translateX(105%); transform: translateX(105%); -webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
/* baseCss */
.en { word-break: keep-all; }
.tdu { text-decoration: underline; }
.oh { position: relative; overflow: hidden; }
.ma { margin-left: auto; margin-right: auto; }
.dib { display: inline-block; vertical-align: top; }
.vab { vertical-align: bottom; }
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.unsel,
.dct { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.insel { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.op0 { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.op1 { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.tapList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.tapList:after { display: none; }
.tapList .item { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lhd5 { height: .5em; }
.reject { cursor: not-allowed; }
.poss { position: static !important; }
.emptyList { text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold; }
.hidePoint { position: absolute; height: 0; visibility: hidden; top: 0; left: 0; }
.viewport { position: relative; font-size: 0; }
.pc .viewport { overflow: hidden; }
.wap .oScroll { overflow: auto; }
.hScroll { width: 100%; white-space: nowrap; }
.hScroll .scrollBox,
.hScroll .overview { display: inline-block; vertical-align: top; }
.wap .hScroll { overflow-x: auto; overflow-y: hidden; }
.vScroll { height: 100%; }
.wap .vScroll { overflow-y: auto; overflow-x: hidden; }
.invisible { visibility: hidden; position: absolute !important; z-index: -1; }
.ensp { display: inline-block; vertical-align: middle; width: .5em; height: 1px; }
.cnsp { display: inline-block; vertical-align: middle; width: 1em; height: 1px; }
.pa100.link { position: absolute !important; right: 0; bottom: 0; width: auto; height: auto; z-index: 8; text-indent: -9999px; overflow: hidden; white-space: nowrap; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: left !important; }
.pa4 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.bgct { background-color: transparent !important; }
.enter,
.reset { position: relative; overflow: hidden; }
.enter .iptBtn,
.reset .iptBtn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); }
.kong { pointer-events: none; }
.aniSpan { position: static !important; min-height: 1px; display: block; }
/* resetEnd */
.c1 { color: #d70c18; }
.bgc1 { background-color: #d70c18; }
.ca { color: #333333; }
.cb { color: #666666; }
.cs { color: #999999; }
html { min-width: 440px; }
@media screen and (min-width: 1025px) {
 html {
 min-width: 1240px;
}
}
body { color: #666666; font: 14px/1 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; }
a { color: #333333; }
a.on { color: #d70c18; }
@media screen and (min-width: 1025px) {
 a:hover {
 color: #d70c18;
}
}
@media screen and (max-width: 1024px) {
 a:active {
 color: #d70c18;
}
}
.vmbox { font-size: 14px; line-height: 1; font-family: 'Microsoft YaHei', '微软雅黑'; }
.info { font-size: 14px; line-height: 1.7143; }
.info * { background-color: transparent !important; }
.imax { font-size: 16px; line-height: 2; }
@media screen and (max-width: 1440px) {
 .imax {
 font-size: 14px;
}
}
@media screen and (max-width: 1024px) {
 .imax {
 line-height: 1.75em;
}
}
::-moz-selection {
 background: #a70913;
 color: #fff;
 text-shadow: none;
}
::selection {
 background: #a70913;
 color: #fff;
 text-shadow: none;
}
.pc ::-webkit-scrollbar {
 position: absolute;
 width: 8px;
 height: 8px;
}
.pc ::-webkit-scrollbar-thumb {
 width: 8px;
 height: 8px;
 border-radius: 4px;
 background-color: rgba(0, 0, 0, 0.25);
}
.pc ::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.05);
}
.pc ::-webkit-scrollbar-corner {
 background: transparent;
 height: 0;
 width: 0;
}
.loading { background-image: url(../images/based/loading.gif); }
.loading-m { background-image: url(../images/based/loading-m.gif); }
.load-error { background-image: url(../images/based/error.gif); }
.maxmw { width: auto; width: calc(100% - 30px); margin-left: auto !important; margin-right: auto !important; max-width: 720px; }
.container,
.w { -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; }
@media screen and (min-width: 1025px) {
 .container,  .w {
 width: 1200px;
}
}
@media screen and (min-width: 1601px) {
 .container,  .w {
 width: 1440px;
}
}
@media screen and (max-width: 1024px) {
 .container,  .w {
 width: auto !important;
 width: calc(100% - 30px) !important;
 margin-left: auto !important;
 margin-right: auto !important;
 max-width: 720px !important;
}
}
.w-p { padding-left: 6.25%; padding-right: 6.25%; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1600px) {
 .w-p {
 padding-left: 4.16666667%;
 padding-right: 4.16666667%;
}
}
@media screen and (max-width: 1024px) {
 .w-p {
 padding-left: 0.6rem;
 padding-right: 0.6rem;
}
}
/* ------------------- htmls ------------------- */
.modal-videoPlayer { display: none; position: fixed; left: 0; top: var(--headerH); bottom: 0; right: 0; z-index: 90; background-color: #000; }
.modal-videoPlayer.hideOut .close { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.modal-videoPlayer .close { position: absolute; top: 0; right: 0; width: 56px; height: 56px; cursor: pointer; z-index: 80; background-color: rgba(255, 255, 255, 0.5); }
.modal-videoPlayer .close s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 50.4px; font-size: 26px; color: #ffffff; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; }
.ysqUEO .modal-videoPlayer .close s { overflow: hidden; text-indent: 120%; }
.ysqUEO .modal-videoPlayer .close s:before,
.ysqUEO .modal-videoPlayer .close s:after { pointer-events: none !important; content: " "; position: absolute; left: 15px; width: 26px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; }
.ysqUEO .modal-videoPlayer .close s:before { top: 19px; -webkit-transform: rotate(45deg) translate(5.17766953px, 0); transform: rotate(45deg) translate(5.17766953px, 0); top: 14px; }
.ysqUEO .modal-videoPlayer .close s:after { bottom: 19px; -webkit-transform: rotate(-45deg) translate(5.17766953px, 0); transform: rotate(-45deg) translate(5.17766953px, 0); bottom: 14px; }
@media screen and (min-width: 1025px) {
 .ysqUEO .modal-videoPlayer .close s:before,  .ysqUEO .modal-videoPlayer .close s:after {
 -webkit-transition: all 300ms ease-out 0ms;
 transition: all 300ms ease-out 0ms;
}
 .modal-videoPlayer .close s:hover {
 color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
 .modal-videoPlayer .close s:active {
 color: #ffffff;
}
}
.modal-videoPlayer .close s:hover { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
.modal-videoPlayer .contain { position: absolute; }
.modal-videoPlayer .player { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; }
.modal-videoPlayer .player * { background-color: transparent !important; }
@media screen and (min-width: 1025px) {
 .modal-videoPlayer .contain {
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
}
}
@media screen and (max-width: 1024px) {
 .modal-videoPlayer .contain {
 left: 0px;
 right: 0px;
 top: 56px;
 bottom: 56px;
}
 .modal-videoPlayer .close {
 zoom: .9;
}
}
.modal-searchForm { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99921; overflow: hidden; }
.ysqUEO .modal-searchForm .contain { opacity: 0; -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; -webkit-transform: translateY(-66%) scale(0.2); transform: translateY(-66%) scale(0.2); }
.ysqUEO .modal-searchForm.showUp .contain { opacity: 1; -webkit-transform: none !important; transform: none !important; }
.ysqUEO .modal-searchForm.hideOut .contain { opacity: 0; -webkit-transform: translateY(33%) scale(0.2) !important; transform: translateY(33%) scale(0.2) !important; }
.modal-searchForm .contain { z-index: 20; position: absolute; left: 50%; top: 50%; padding: 25px 30px; width: 300px; height: 120px; margin: -85px 0 0 -180px; background-color: #fff; }
.modal-searchForm .contain .Tclose { position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; }
.modal-searchForm .contain .Tclose s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 27px; font-size: 20px; color: #979797; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; }
.ysqUEO .modal-searchForm .contain .Tclose s { overflow: hidden; text-indent: 120%; }
.ysqUEO .modal-searchForm .contain .Tclose s:before,
.ysqUEO .modal-searchForm .contain .Tclose s:after { pointer-events: none !important; content: " "; position: absolute; left: 5px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; }
.ysqUEO .modal-searchForm .contain .Tclose s:before { top: 9px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 4px; }
.ysqUEO .modal-searchForm .contain .Tclose s:after { bottom: 9px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 4px; }
@media screen and (min-width: 1025px) {
 .ysqUEO .modal-searchForm .contain .Tclose s:before,  .ysqUEO .modal-searchForm .contain .Tclose s:after {
 -webkit-transition: all 300ms ease-out 0ms;
 transition: all 300ms ease-out 0ms;
}
 .modal-searchForm .contain .Tclose s:hover {
 color: #979797;
}
}
@media screen and (max-width: 1024px) {
 .modal-searchForm .contain .Tclose s:active {
 color: #979797;
}
}
.modal-searchForm .contain .Tclose s:hover { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
.modal-searchForm .searchBox { padding-top: 14px; }
.modal-searchForm .searchBox .skin { width: 270px; height: 28px; line-height: 28px; padding: 9px 14px; border: #cccccc solid 1px; border-radius: 6px; background-color: #fff; }
.modal-searchForm .searchBox .enter { margin-top: 10px; display: block; width: 100%; height: 48px; line-height: 48px; background-color: #d70c18; color: #fff; text-align: center; border-radius: 6px; }
/* albumWindow */
#albumWindow { position: fixed; left: 0; top: 50%; right: 0; bottom: 50%; z-index: 99; background-color: #fff; -webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 0; visibility: hidden; }
.no-supports #albumWindow { -webkit-transform: none !important; transform: none !important; }
#albumWindow.visible { -webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 1; visibility: visible; top: 0; bottom: 0; }
#albumWindow .contain { position: absolute; z-index: 1; left: 48px; right: 48px; top: 48px; bottom: 30px; }
#albumWindow .contain .list0 { width: 400%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#albumWindow .contain .item { float: left; position: relative; width: 25%; height: 100%; text-align: center; margin-right: 20px; }
#albumWindow .contain .item .img,
#albumWindow .contain .item .vmbox { width: 100%; min-height: 60px; }
#albumWindow .contain .item .fBar { position: absolute; left: 0; bottom: -30px; width: 100%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
#albumWindow .contain .item .fBar .download { display: inline-block; vertical-align: top; padding-left: 6px; padding-right: 6px; color: #d70c18; border-bottom: solid 1px; font-size: 14px; line-height: 18px; }
#albumWindow .contain .item.on .fBar { -webkit-transition: all 250ms ease-out 200ms; transition: all 250ms ease-out 200ms; opacity: 1; visibility: visible; }
#albumWindow .picName { position: absolute; left: 0; right: 10px; top: -48px; height: 48px; line-height: 48px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#albumWindow .close.btn { position: absolute; overflow: hidden; z-index: 3; right: 0; top: 0; width: 48px; height: 48px; background-color: #d70c18; }
#albumWindow .close.btn s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 43.2px; font-size: 28px; color: #ffffff; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.ysqUEO #albumWindow .close.btn s { overflow: hidden; text-indent: 120%; }
.ysqUEO #albumWindow .close.btn s:before,
.ysqUEO #albumWindow .close.btn s:after { pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 28px; height: 4px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; }
.ysqUEO #albumWindow .close.btn s:before { top: 14px; -webkit-transform: rotate(45deg) translate(5.38477631px, 0); transform: rotate(45deg) translate(5.38477631px, 0); top: 8px; }
.ysqUEO #albumWindow .close.btn s:after { bottom: 14px; -webkit-transform: rotate(-45deg) translate(5.38477631px, 0); transform: rotate(-45deg) translate(5.38477631px, 0); bottom: 8px; }
@media screen and (min-width: 1025px) {
 .ysqUEO #albumWindow .close.btn s:before,  .ysqUEO #albumWindow .close.btn s:after {
 -webkit-transition: all 300ms ease 0ms;
 transition: all 300ms ease 0ms;
}
 #albumWindow .close.btn s:hover {
 color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
 #albumWindow .close.btn s:active {
 color: #ffffff;
}
}
#albumWindow .close.btn s:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
#albumWindow .ctr { position: absolute; top: 50%; margin-top: -60px; width: 44px; height: 120px; -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); opacity: .8; line-height: 120px; color: #111111; text-align: center; }
#albumWindow .ctr s { color: #d70c18; font-size: 42px; font-weight: bold; }
#albumWindow .ctr s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 40px; font-weight: bold; pointer-events: none; }
#albumWindow .ctr:hover { color: #111111; }
.ysqUEO #albumWindow .ctr s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; }
.ysqUEO #albumWindow .ctr s:before,
.ysqUEO #albumWindow .ctr s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 20px; height: 3px; margin-top: -1.5px; background-color: #111111; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .ysqUEO #albumWindow .ctr s:before,  .ysqUEO #albumWindow .ctr s:after {
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .ysqUEO #albumWindow .ctr:hover s:before,  .ysqUEO #albumWindow .ctr:hover s:after {
 background-color: #111111;
}
}
@media screen and (max-width: 1024px) {
 #albumWindow .ctr:active s:before,  #albumWindow .ctr:active s:after {
 background-color: #111111;
}
}
.ysqUEO #albumWindow .ctr.prev s:before,
.ysqUEO #albumWindow .ctr.prev s:after { margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ysqUEO #albumWindow .ctr.prev s:before { -webkit-transform: rotate(-40deg) translateX(-1.5px); transform: rotate(-40deg) translateX(-1.5px); }
.ysqUEO #albumWindow .ctr.prev s:after { -webkit-transform: rotate(40deg) translateX(-1.5px); transform: rotate(40deg) translateX(-1.5px); }
.ysqUEO #albumWindow .ctr.next s:before,
.ysqUEO #albumWindow .ctr.next s:after { margin-left: -13px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ysqUEO #albumWindow .ctr.next s:before { -webkit-transform: rotate(-40deg) translateX(1.5px); transform: rotate(-40deg) translateX(1.5px); }
.ysqUEO #albumWindow .ctr.next s:after { -webkit-transform: rotate(40deg) translateX(1.5px); transform: rotate(40deg) translateX(1.5px); }
@media screen and (min-width: 1025px) {
 .ysqUEO #albumWindow .ctr.prev:hover s:before {
 -webkit-transform: rotate(-48deg) translateX(-1.5px);
 transform: rotate(-48deg) translateX(-1.5px);
}
 .ysqUEO #albumWindow .ctr.prev:hover s:after {
 -webkit-transform: rotate(48deg) translateX(-1.5px);
 transform: rotate(48deg) translateX(-1.5px);
}
 .ysqUEO #albumWindow .ctr.next:hover s:before {
 -webkit-transform: rotate(-48deg) translateX(1.5px);
 transform: rotate(-48deg) translateX(1.5px);
}
 .ysqUEO #albumWindow .ctr.next:hover s:after {
 -webkit-transform: rotate(48deg) translateX(1.5px);
 transform: rotate(48deg) translateX(1.5px);
}
}
@media screen and (max-width: 1024px) {
 #albumWindow .ctr.prev:active s:before,  #albumWindow .ctr.prev:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 #albumWindow .ctr.prev:active s:before {
 -webkit-transform: rotate(-48deg) translateX(-1.5px);
 transform: rotate(-48deg) translateX(-1.5px);
}
 #albumWindow .ctr.prev:active s:after {
 -webkit-transform: rotate(48deg) translateX(-1.5px);
 transform: rotate(48deg) translateX(-1.5px);
}
 #albumWindow .ctr.next:active s:before,  #albumWindow .ctr.next:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 #albumWindow .ctr.next:active s:before {
 -webkit-transform: rotate(-48deg) translateX(1.5px);
 transform: rotate(-48deg) translateX(1.5px);
}
 #albumWindow .ctr.next:active s:after {
 -webkit-transform: rotate(48deg) translateX(1.5px);
 transform: rotate(48deg) translateX(1.5px);
}
}
#albumWindow .ctr.prev { left: 0; }
#albumWindow .ctr.next { right: 0; }
#albumWindow .ctr.reject { display: none; }
#albumWindow .ctr:active { opacity: 1; }
@media screen and (min-width: 1025px) {
 #albumWindow .ctr:hover {
 background-color: rgba(0, 0, 0, 0.05);
}
}
@media screen and (max-width: 1024px) {
 #albumWindow .ctr:active {
 background-color: rgba(0, 0, 0, 0.05);
}
}
#albumWindow .pagination { height: 4px; line-height: 4px; position: absolute; bottom: -17px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap; }
#albumWindow .pagination .container { width: 100% !important; margin: 0 !important; max-width: 100% !important; }
#albumWindow .pagination .btn { display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 3px; border-color: #222; width: 0; height: 0; border-width: 4px 4px 0 0; border-style: solid; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
#albumWindow .pagination .btn > em { display: none; }
#albumWindow .pagination .btn.on { border-color: #d70c18; }
#albumWindow .originalBtn { position: absolute; z-index: 6; left: 0; line-height: 30px; color: #999999; cursor: pointer; }
#albumWindow .originalBtn:hover { color: #d70c18; }
#albumWindow .serialNum { position: absolute; z-index: 6; right: 0; line-height: 30px; color: #999999; }
@media screen and (max-width: 1024px) {
 #albumWindow .picName {
 font-size: 12px;
}
}
.formItem { position: relative; }
.formItem .aftPD { position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.formItem .skin::-webkit-input-placeholder {
 color: #999999;
}
.formItem .skin:-moz-placeholder {
 color: #999999;
}
.formItem .skin::-moz-placeholder {
 color: #999999;
}
.formItem .skin:-ms-input-placeholder {
 color: #999999;
}
.formItem .skin._focus { border-color: #2e9fd9 !important;/* box-shadow: 0 0 1px 2px fade(@c1,15%); */
}
.formItem.red .skin { color: #f00; border-color: #f00; }
.formItem.red .skin::-webkit-input-placeholder {
 color: #ff0000;
}
.formItem.red .skin:-moz-placeholder {
 color: #ff0000;
}
.formItem.red .skin::-moz-placeholder {
 color: #ff0000;
}
.formItem.red .skin:-ms-input-placeholder {
 color: #ff0000;
}
/* 组件 */
/* keyframes use */
@-webkit-keyframes fadeInRights {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(35px, 0, 0);
 transform: translate3d(35px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRights {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(35px, 0, 0);
 transform: translate3d(35px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRights { -webkit-animation-name: fadeInRights; animation-name: fadeInRights; }
@-webkit-keyframes fadeInLefts {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(-35px, 0, 0);
 transform: translate3d(-35px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLefts {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(-35px, 0, 0);
 transform: translate3d(-35px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLefts { -webkit-animation-name: fadeInLefts; animation-name: fadeInLefts; }
@-webkit-keyframes fadeInUps {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, -35px, 0);
 transform: translate3d(0, -35px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUps {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, -35px, 0);
 transform: translate3d(0, -35px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUps { -webkit-animation-name: fadeInUps; animation-name: fadeInUps; }
@-webkit-keyframes fadeInDowns {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, 35px, 0);
 transform: translate3d(0, 35px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDowns {  0% {
 opacity: 0.6;
 -webkit-transform: translate3d(0, 35px, 0);
 transform: translate3d(0, 35px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDowns { -webkit-animation-name: fadeInDowns; animation-name: fadeInDowns; }
@-webkit-keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes zoomIns {  0% {
 opacity: 0;
 -webkit-transform: scale3d(0.77, 0.77, 0.77);
 transform: scale3d(0.77, 0.77, 0.77);
}
 50%,  100% {
 opacity: 1;
}
}
@keyframes zoomIns {  0% {
 opacity: 0;
 -webkit-transform: scale3d(0.77, 0.77, 0.77);
 transform: scale3d(0.77, 0.77, 0.77);
}
 50%,  100% {
 opacity: 1;
}
}
.zoomIns { -webkit-animation-name: zoomIns; animation-name: zoomIns; }
.AnflashOver { position: relative; overflow: hidden; -webkit-animation-duration: 333ms; animation-duration: 333ms; }
.AnflashOver:before { -webkit-animation-name: AnflashOver; animation-name: AnflashOver; -webkit-animation-duration: 333ms; animation-duration: 333ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); }
@-webkit-keyframes AnflashOver {  0% {
 -webkit-transform: skewX(-25deg) translateX(-149px);
 transform: skewX(-25deg) translateX(-149px);
}
to { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); }
}
@keyframes AnflashOver {  0% {
 -webkit-transform: skewX(-25deg) translateX(-149px);
 transform: skewX(-25deg) translateX(-149px);
}
to { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); }
}
@-webkit-keyframes breathX2 {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
 opacity: .9;
}
}
@keyframes breathX2 {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
 opacity: .9;
}
}
.breathX2 { -webkit-animation-name: breathX2; animation-name: breathX2; }
@-webkit-keyframes flyH {  0% {
 left: -5px;
}
 60% {
 left: 100%;
 opacity: 1;
}
 90% {
 left: 100%;
 opacity: 1;
}
 80% {
 left: 100%;
 opacity: 0;
}
 90% {
 left: -50px;
 opacity: 0;
}
 100% {
 left: -50px;
 opacity: 1;
}
}
@keyframes flyH {  0% {
 left: -5px;
}
 60% {
 left: 100%;
 opacity: 1;
}
 90% {
 left: 100%;
 opacity: 1;
}
 80% {
 left: 100%;
 opacity: 0;
}
 90% {
 left: -50px;
 opacity: 0;
}
 100% {
 left: -50px;
 opacity: 1;
}
}
.flyH { -webkit-animation-name: flyH; animation-name: flyH; }
@-webkit-keyframes mouseUpDown {  0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
@keyframes mouseUpDown {  0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
.mouseUpDown { -webkit-animation-name: mouseUpDown; animation-name: mouseUpDown; }
@-webkit-keyframes bgHmove {  0% {
 background-position: 0 50%;
}
 100% {
 background-position: 20% 50%;
}
}
@keyframes bgHmove {  0% {
 background-position: 0 50%;
}
 100% {
 background-position: 20% 50%;
}
}
.bgHmove { -webkit-animation-name: bgHmove; animation-name: bgHmove; }
@-webkit-keyframes bannerRotateY {  0%,  66% {
 -webkit-transform: rotateY(0);
 transform: rotateY(0);
}
 100% {
 -webkit-transform: rotateY(360deg);
 transform: rotateY(360deg);
}
}
@keyframes bannerRotateY {  0%,  66% {
 -webkit-transform: rotateY(0);
 transform: rotateY(0);
}
 100% {
 -webkit-transform: rotateY(360deg);
 transform: rotateY(360deg);
}
}
@-webkit-keyframes mouseRoll {  0% {
 -webkit-transform: translate(-50%, 50%);
 transform: translate(-50%, 50%);
}
 100% {
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@keyframes mouseRoll {  0% {
 -webkit-transform: translate(-50%, 50%);
 transform: translate(-50%, 50%);
}
 100% {
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
.mouseRoll { -webkit-animation-name: mouseRoll; animation-name: mouseRoll; }
@-webkit-keyframes mouseRollDelay {  0% {
 -webkit-transform: translate(-50%, 15%);
 transform: translate(-50%, 15%);
}
 75%,  100% {
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
}
@keyframes mouseRollDelay {  0% {
 -webkit-transform: translate(-50%, 15%);
 transform: translate(-50%, 15%);
}
 75%,  100% {
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
}
.mouseRollDelay { -webkit-animation-name: mouseRollDelay; animation-name: mouseRollDelay; }
.ysqUEO .aBtnMask { position: relative; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); background-color: #ffffff \9; }
.ysqUEO .aBtnMask:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; visibility: visible; z-index: 8; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0);  *zoom: 1;
pointer-events: none; -webkit-transition: all 200ms ease-out 0ms; transition: all 200ms ease-out 0ms; }
@media screen and (min-width: 1025px) {
 .ysqUEO .aBtnMask:after {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .ysqUEO .aBtnMask:hover:after {
 opacity: .07;
}
}
.ysqUEO .aBtnSc { position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); }
.ysqUEO .aBtnSc:after { z-index: -1; content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; background-color: #fff; width: 108%; padding-bottom: 108%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); pointer-events: none; }
@media screen and (min-width: 1025px) {
 .ysqUEO .aBtnSc:after {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0.1;
 visibility: hidden;
}
 .ysqUEO .aBtnSc:hover:after {
 -webkit-transition: all 350ms ease-in 0ms;
 transition: all 350ms ease-in 0ms;
 opacity: 0.15;
 visibility: visible;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
.ysqUEO .aBtnlr { position: relative; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); }
.ysqUEO .aBtnlr:before { content: " "; position: absolute; left: 100%; top: 0; width: 0; height: 100%; background-color: #d70c18; z-index: -1; pointer-events: none; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .ysqUEO .aBtnlr:hover:before {
 width: 100%;
 left: 0;
 -webkit-transition: left 0ms ease-out 0s, width 400ms ease-out 0s;
 transition: left 0ms ease-out 0s, width 400ms ease-out 0s;
}
}
/* ysq _ ROW  */
.ysqRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.ysqRow:after { display: none; }
.ysqRow:after { display: none; }
.ysqRow > .item { position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms, color 250ms, -webkit-transform 250ms; transition: background 250ms, color 250ms, -webkit-transform 250ms; transition: transform 250ms, background 250ms, color 250ms; transition: transform 250ms, background 250ms, color 250ms, -webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box; }
li.kong { height: 0 !important; min-height: 0 !important; visibility: hidden; margin-top: 0 !important; }
/* 滚动加载 */
.scrollAjax #loadState { position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #d70c18; color: #fff; font-size: 16px; }
.scrollAjax #loadState.off { background-color: #ddd; color: #333; cursor: default; cursor: not-allowed; }
.scrollAjax #loadState.ing:after { content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes dotMove {  0%,  100% {
 content: ".";
}
 33% {
 content: "..";
}
 66% {
 content: "...";
}
}
@keyframes dotMove {  0%,  100% {
 content: ".";
}
 33% {
 content: "..";
}
 66% {
 content: "...";
}
}
.scrollAjax #loadState.retry { overflow: hidden; background-color: #d70c18; cursor: pointer; }
.scrollAjax #loadState.retry:before { content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 250ms ease-out 0s; transition: none 250ms ease-out 0s; }
.scrollAjax #loadState.retry:hover:before { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; }
.scrollAjax .pageList { display: none; }
/* 模态窗 */
.TAlert { display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto; }
.TAlert .contain { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; max-width: 80%; width: 400px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px; max-width: 90%; }
.TAlert .contain .Tclose { position: absolute; top: 2px; right: 2px; width: 40px; height: 40px; }
.TAlert .contain .Tclose s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 20px; color: #333333; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; }
.ysqUEO .TAlert .contain .Tclose s { overflow: hidden; text-indent: 120%; }
.ysqUEO .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .contain .Tclose s:after { pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; }
.ysqUEO .TAlert .contain .Tclose s:before { top: 14px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 9px; }
.ysqUEO .TAlert .contain .Tclose s:after { bottom: 14px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 9px; }
@media screen and (min-width: 1025px) {
 .ysqUEO .TAlert .contain .Tclose s:before,  .ysqUEO .TAlert .contain .Tclose s:after {
 -webkit-transition: all 300ms ease-out 0ms;
 transition: all 300ms ease-out 0ms;
}
 .TAlert .contain .Tclose s:hover {
 color: #333333;
}
}
@media screen and (max-width: 1024px) {
 .TAlert .contain .Tclose s:active {
 color: #333333;
}
}
.TAlert .contain .Tclose s:hover { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
.TAlert .contain .head { padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff; }
.TAlert .contain .body { padding: 15px; font-size: 14px; background-color: #fff; color: #444; }
.TAlert .contain .foot { position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px; }
.TAlert .contain .foot .btn { overflow: hidden; z-index: 0; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px; }
.TAlert .contain .foot .btn:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0); }
.TAlert .contain .foot .btn:hover:before { background-color: rgba(0, 0, 0, 0.1); }
.TAlert .contain .foot .btn.enter { left: 0; background-color: #d70c18; color: #fff; }
.TAlert .contain .foot .btn.close { right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333; }
.TAlert .contain .foot .btn.w100 { border-left: none; }
.ysqUEO .TAlert .contain { opacity: 0; -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; -webkit-transform: translateY(-50%) scale(0.2); transform: translateY(-50%) scale(0.2); }
.ysqUEO .TAlert.showUp .contain { opacity: 1; -webkit-transform: none !important; transform: none !important; }
.ysqUEO .TAlert.hideOut .contain { opacity: 0; -webkit-transform: translateY(44%) scale(0.2) !important; transform: translateY(44%) scale(0.2) !important; }
.pageListBox { padding-top: 1.2rem; padding-bottom: 1.6rem; }
.pageListBox .pageList { position: relative; line-height: 32px; font-size: 0; text-align: center; white-space: nowrap; overflow-x: hidden; }
.pageListBox .pageList ul { position: relative; float: none !important; }
.pageListBox .pageList ul,
.pageListBox .pageList ul li { display: inline-block;  *display: inline;
 *zoom: 1;
vertical-align: top; }
.pageListBox .pageList ul li { margin: 0 4px; font-size: 14px; }
.pageListBox .pageList a { display: block; min-width: 14px; height: 34px; padding: 0 10px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #333333; z-index: 2; position: relative; background-color: #f5f5f5; color: #333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-size: 14px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); }
.pageListBox .pageList a:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #dddddd solid 1px; z-index: -1; }
.pageListBox .pageList a.selected { background-color: #d70c18; color: #fff; }
.pageListBox .pageList a.selected:after { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.pageListBox .pageList a:active:after { -webkit-transition: all 0ms ease-out 0ms !important; transition: all 0ms ease-out 0ms !important; opacity: 1 !important; visibility: visible !important; border-color: #fff; }
@media screen and (min-width: 1025px) {
 .pageListBox .pageList a:hover {
 background-color: #d70c18;
 color: #fff;
}
 .pageListBox .pageList a:hover:after {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
}
}
@media screen and (max-width: 1024px) {
 .pageListBox .pageList {
 overflow-x: auto;
 overflow-y: hidden;
}
 .pageListBox .pageList a:active {
 background-color: #d70c18;
 color: #fff;
 -webkit-transition: none !important;
 transition: none !important;
}
 .pageListBox .pageList a:active:after {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
}
}
@media screen and (max-width: 768px) {
 .pageListBox .pageList ul li {
 margin-left: 4px;
 margin-right: 4px;
}
}
/*模拟滚动条*/
.module-Scrollbox { position: relative; height: 100%; }
.module-Scrollbox.y { padding-right: 12px; }
.module-Scrollbox.y .scrollbar { right: 0; width: 7px; height: 100%; top: 0; }
.module-Scrollbox.y .scrollbar .track { position: absolute; top: 0; right: 2px; width: 3px; background-color: #f1f1f1; }
.module-Scrollbox.y .scrollbar .thumb { height: 0; right: -2px; background-color: #d70c18; width: 7px; }
.module-Scrollbox.x .scrollbar { height: 7px; width: 100%; bottom: 0; }
.module-Scrollbox.x .scrollbar .track { position: absolute; top: 0; right: 0; height: 7px; background-color: #f1f1f1; }
.module-Scrollbox.x .scrollbar .thumb { width: 0; left: 0; height: 7px; background-color: #d70c18; }
.module-Scrollbox.x .overview { display: inline-block; }
.module-Scrollbox .scrollbar { /* display: none; */
  position: absolute; z-index: 3; right: 0; }
.module-Scrollbox .scrollbar .track { position: relative; }
.module-Scrollbox .scrollbar .thumb { position: absolute; top: 0; cursor: pointer; border-radius: 3.5px; -webkit-transition: all 80ms ease-out 0s; transition: all 80ms ease-out 0s; }
.module-Scrollbox .scrollbar .thumb .end { height: 7px; width: 7px; }
.module-Scrollbox .viewport { position: relative; overflow: hidden; width: 100%; height: 100%; }
.module-Scrollbox .overview { position: relative; -webkit-transition: all 150ms ease-in 0s; transition: all 150ms ease-in 0s; }
.module-Scrollbox .disable { display: none; }
@media screen and (max-width: 1024px) {
 .module-Scrollbox {
 overflow: auto;
 padding-right: 0;
}
 .module-Scrollbox .viewport {
 width: auto;
 height: auto;
}
 .module-Scrollbox .scrollbar {
 display: none !important;
}
}
html { font-size: 50px; }
@media screen and (max-width: 1600px) {
 html {
 font-size: 45px;
}
}
@media screen and (max-width: 1440px) {
 html {
 font-size: 40px;
}
}
@media screen and (max-width: 1280px) {
 html {
 font-size: 35px;
}
}
@media screen and (max-width: 1024px) {
 html {
 font-size: 30px;
}
}
@media screen and (max-width: 768px) {
 html {
 font-size: 25px;
}
}
@media screen and (max-width: 480px) {
 html {
 font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
 .fzRes {
 font-size: 100px;
}
}
@media screen and (max-width: 749px) {
 .fzRes {
 font-size: 90px;
}
}
@media screen and (max-width: 699px) {
 .fzRes {
 font-size: 85px;
}
}
@media screen and (max-width: 649px) {
 .fzRes {
 font-size: 80px;
}
}
@media screen and (max-width: 599px) {
 .fzRes {
 font-size: 75px;
}
}
@media screen and (max-width: 549px) {
 .fzRes {
 font-size: 70px;
}
}
@media screen and (max-width: 499px) {
 .fzRes {
 font-size: 65px;
}
}
@media screen and (max-width: 449px) {
 .fzRes {
 font-size: 60px;
}
}
.fz60,
.index-news-resMove .item .date .d { font-size: 60px; }
@media screen and (max-width: 1440px) {
 .fz60,  .index-news-resMove .item .date .d {
 font-size: 54px;
}
}
@media screen and (max-width: 1024px) {
 .fz60,  .index-news-resMove .item .date .d {
 font-size: 46px;
}
}
@media screen and (max-width: 768px) {
 .fz60,  .index-news-resMove .item .date .d {
 font-size: 40px;
}
}
.fz48,
.subpage-banner .wrapIn .dt { font-size: 48px; }
@media screen and (max-width: 1440px) {
 .fz48,  .subpage-banner .wrapIn .dt {
 font-size: 44px;
}
}
@media screen and (max-width: 1024px) {
 .fz48,  .subpage-banner .wrapIn .dt {
 font-size: 40px;
}
}
@media screen and (max-width: 768px) {
 .fz48,  .subpage-banner .wrapIn .dt {
 font-size: 34px;
}
}
.fz40 { font-size: 40px; }
@media screen and (max-width: 1440px) {
 .fz40 {
 font-size: 36px;
}
}
@media screen and (max-width: 1024px) {
 .fz40 {
 font-size: 32px;
}
}
@media screen and (max-width: 768px) {
 .fz40 {
 font-size: 26px;
}
}
.fz36,
.index-head,
.index-solutions .left .snum .now,
.index-service .dt,
.index-news .dt .cn,
.sAbout-head .cn span,
.sAbout-axdvantages-list4 .oList .oLi .wrapIn,
.sActivity-view-head .dib { font-size: 36px; }
@media screen and (max-width: 1440px) {
 .fz36,  .index-head,  .index-solutions .left .snum .now,  .index-service .dt,  .index-news .dt .cn,  .sAbout-head .cn span,  .sAbout-axdvantages-list4 .oList .oLi .wrapIn,  .sActivity-view-head .dib {
 font-size: 32px;
}
}
@media screen and (max-width: 1024px) {
 .fz36,  .index-head,  .index-solutions .left .snum .now,  .index-service .dt,  .index-news .dt .cn,  .sAbout-head .cn span,  .sAbout-axdvantages-list4 .oList .oLi .wrapIn,  .sActivity-view-head .dib {
 font-size: 30px;
}
}
@media screen and (max-width: 768px) {
 .fz36,  .index-head,  .index-solutions .left .snum .now,  .index-service .dt,  .index-news .dt .cn,  .sAbout-head .cn span,  .sAbout-axdvantages-list4 .oList .oLi .wrapIn,  .sActivity-view-head .dib {
 font-size: 24px;
}
}
.fz32,
.index-banner .pages .now,
.index-solutions .left .txt .sdt,
.index-application .right .Tt .sdt,
.sAbout-head .en,
.sAbout-distribution-map .txt .dt,
.sProduct-view-intro .right h1,
.sCase-view-intro h1,
.sSupport-flow .oLi .dt,
.sMessageBoard-form .dt .sdt { font-size: 32px; }
@media screen and (max-width: 1440px) {
 .fz32,  .index-banner .pages .now,  .index-solutions .left .txt .sdt,  .index-application .right .Tt .sdt,  .sAbout-head .en,  .sAbout-distribution-map .txt .dt,  .sProduct-view-intro .right h1,  .sCase-view-intro h1,  .sSupport-flow .oLi .dt,  .sMessageBoard-form .dt .sdt {
 font-size: 28px;
}
}
@media screen and (max-width: 1024px) {
 .fz32,  .index-banner .pages .now,  .index-solutions .left .txt .sdt,  .index-application .right .Tt .sdt,  .sAbout-head .en,  .sAbout-distribution-map .txt .dt,  .sProduct-view-intro .right h1,  .sCase-view-intro h1,  .sSupport-flow .oLi .dt,  .sMessageBoard-form .dt .sdt {
 font-size: 26px;
}
}
@media screen and (max-width: 768px) {
 .fz32,  .index-banner .pages .now,  .index-solutions .left .txt .sdt,  .index-application .right .Tt .sdt,  .sAbout-head .en,  .sAbout-distribution-map .txt .dt,  .sProduct-view-intro .right h1,  .sCase-view-intro h1,  .sSupport-flow .oLi .dt,  .sMessageBoard-form .dt .sdt {
 font-size: 22px;
}
}
.fz28,
.footer-t .ftel,
.sAbout-culture .list4 .oLi .dt .cn,
.sAbout-honor-move-tab .ds .now,
.sProduct-list-sections .section .dt,
.sActivity-list .item .txt h3,
.sView-head h1,
.sCase-list-sections .section .dt,
.sCase-view-body .head .cn,
.sRelative-product .dt,
.sNews-list .item .txtArea h3,
.sContact-way .dt { font-size: 28px; }
@media screen and (max-width: 1440px) {
 .fz28,  .footer-t .ftel,  .sAbout-culture .list4 .oLi .dt .cn,  .sAbout-honor-move-tab .ds .now,  .sProduct-list-sections .section .dt,  .sActivity-list .item .txt h3,  .sView-head h1,  .sCase-list-sections .section .dt,  .sCase-view-body .head .cn,  .sRelative-product .dt,  .sNews-list .item .txtArea h3,  .sContact-way .dt {
 font-size: 24px;
}
}
@media screen and (max-width: 1024px) {
 .fz28,  .footer-t .ftel,  .sAbout-culture .list4 .oLi .dt .cn,  .sAbout-honor-move-tab .ds .now,  .sProduct-list-sections .section .dt,  .sActivity-list .item .txt h3,  .sView-head h1,  .sCase-list-sections .section .dt,  .sCase-view-body .head .cn,  .sRelative-product .dt,  .sNews-list .item .txtArea h3,  .sContact-way .dt {
 font-size: 22px;
}
}
@media screen and (max-width: 768px) {
 .fz28,  .footer-t .ftel,  .sAbout-culture .list4 .oLi .dt .cn,  .sAbout-honor-move-tab .ds .now,  .sProduct-list-sections .section .dt,  .sActivity-list .item .txt h3,  .sView-head h1,  .sCase-list-sections .section .dt,  .sCase-view-body .head .cn,  .sRelative-product .dt,  .sNews-list .item .txtArea h3,  .sContact-way .dt {
 font-size: 20px;
}
}
.fz24,
.index-introduce .solgan,
.subpage-banner .wrapIn .dd,
.sAbout-intro .list4 .oLi .sdt,
.sAbout-axdvantages-list4 .oList .oLi .dt .cn,
.sAbout-honor-move-tab .dt,
.sAbout-honor-move-tab .ds,
.sProduct-view-sections .section .dt,
.sProduct-view-oList .oLi .sdt,
.sNews-list .item .txtArea .date { font-size: 24px; }
@media screen and (max-width: 1440px) {
 .fz24,  .index-introduce .solgan,  .subpage-banner .wrapIn .dd,  .sAbout-intro .list4 .oLi .sdt,  .sAbout-axdvantages-list4 .oList .oLi .dt .cn,  .sAbout-honor-move-tab .dt,  .sAbout-honor-move-tab .ds,  .sProduct-view-sections .section .dt,  .sProduct-view-oList .oLi .sdt,  .sNews-list .item .txtArea .date {
 font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
 .fz24,  .index-introduce .solgan,  .subpage-banner .wrapIn .dd,  .sAbout-intro .list4 .oLi .sdt,  .sAbout-axdvantages-list4 .oList .oLi .dt .cn,  .sAbout-honor-move-tab .dt,  .sAbout-honor-move-tab .ds,  .sProduct-view-sections .section .dt,  .sProduct-view-oList .oLi .sdt,  .sNews-list .item .txtArea .date {
 font-size: 18px;
}
}
.fz20,
.sAbout-honor-move-tab .dd h3,
.sQa-list .item .dt h3,
.sContact-list .item .dt .sdt { font-size: 20px; }
@media screen and (max-width: 1440px) {
 .fz20,  .sAbout-honor-move-tab .dd h3,  .sQa-list .item .dt h3,  .sContact-list .item .dt .sdt {
 font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
 .fz20,  .sAbout-honor-move-tab .dd h3,  .sQa-list .item .dt h3,  .sContact-list .item .dt .sdt {
 font-size: 16px;
}
}
.fz18,
.modal-searchForm .searchBox .enter,
.index-solutions .left .snum,
.index-introduce .tags .oLi p,
.index-application .left .info,
.index-news-resMove .item h3,
.sAbout-axdvantages-list4 .oList .oLi .dd,
.sAbout-culture .list4 .oLi .dt .en,
.sAbout-honor-move-rotateMove .description,
.sProduct-list .item h3,
.sProduct-view-intro .right .aside,
.sProduct-scope-resMove .item .txt h3,
.sActivity-view-head .dib .en,
.sCase-list .item h3,
.sCase-view-body .head .warning,
.sRelative-product-resMove .item h3 { font-size: 18px; }
@media screen and (max-width: 1440px) {
 .fz18,  .modal-searchForm .searchBox .enter,  .index-solutions .left .snum,  .index-introduce .tags .oLi p,  .index-application .left .info,  .index-news-resMove .item h3,  .sAbout-axdvantages-list4 .oList .oLi .dd,  .sAbout-culture .list4 .oLi .dt .en,  .sAbout-honor-move-rotateMove .description,  .sProduct-list .item h3,  .sProduct-view-intro .right .aside,  .sProduct-scope-resMove .item .txt h3,  .sActivity-view-head .dib .en,  .sCase-list .item h3,  .sCase-view-body .head .warning,  .sRelative-product-resMove .item h3 {
 font-size: 16px;
}
}
.fz16,
.modal-searchForm .searchBox .skin,
#albumWindow .picName,
.btn.btnX1,
.index-solutions .left .txt .sdd,
.index-solutions .left .txt .sdf,
.index-application .right .Tg > a span,
.index-application .right .Tt .sdd,
.index-news-resMove .item .date .ym,
.index-news-resMove .item p,
.footer-t .fnav .link1,
.footer-m .fcontact,
.subpage-nav .link2,
.sAbout-intro .list4 .oLi .sdd,
.sAbout-axdvantages-list4 .oList .oLi .dt .en,
.sAbout-culture .list4 .oLi .dd,
.sProduct-float,
.sProduct-list-sections .section .dt .more,
.sProduct-view-sections .section .dt .more,
.sView-head .aside,
.sCase-list-sections .section .dt .more,
.sRelative-product .dt .more,
.sContact-way .dd .line p,
.sMessageBoard-form .dt .sdd { font-size: 16px; }
@media screen and (max-width: 1440px) {
 .fz16,  .modal-searchForm .searchBox .skin,  #albumWindow .picName,  .btn.btnX1,  .index-solutions .left .txt .sdd,  .index-solutions .left .txt .sdf,  .index-application .right .Tg > a span,  .index-application .right .Tt .sdd,  .index-news-resMove .item .date .ym,  .index-news-resMove .item p,  .footer-t .fnav .link1,  .footer-m .fcontact,  .subpage-nav .link2,  .sAbout-intro .list4 .oLi .sdd,  .sAbout-axdvantages-list4 .oList .oLi .dt .en,  .sAbout-culture .list4 .oLi .dd,  .sProduct-float,  .sProduct-list-sections .section .dt .more,  .sProduct-view-sections .section .dt .more,  .sView-head .aside,  .sCase-list-sections .section .dt .more,  .sRelative-product .dt .more,  .sContact-way .dd .line p,  .sMessageBoard-form .dt .sdd {
 font-size: 14px;
}
}
.fz14 { font-size: 14px; }
@media screen and (max-width: 1440px) {
 .fz14 {
 font-size: 12px;
}
}
@media screen and (min-width: 1025px) {
 .pc-hide,  .m-link {
 display: none !important;
}
}
@media screen and (max-width: 1024px) {
 .m-hide {
 display: none !important;
}
 .m-link {
 display: block;
 z-index: 11;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 cursor: pointer;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}
}
/* 自定义响应结构 */
.btn.btnX1 { z-index: 2; position: relative; overflow: hidden; display: block; margin-left: auto; margin-right: auto; margin-top: 0.6rem; width: 98px; line-height: 22px; text-align: center; border-radius: 40px; color: #fff; border: #ffffff solid 1px; padding: 0.16rem 0.4rem; }
.btn.btnX1:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.15); z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); border-radius: inherit; }
.btn.btnX1:after { content: ">"; font-family: 'SimSun', '宋体'; margin-left: .25em; }
.btn.btnX2 { display: block; width: 100px; height: 20px; padding: 0.2rem 0.3rem; border-radius: 40px; background-color: #d70c18; color: #fff; font-size: 14px; text-align: center; line-height: 20px; }
.ctr.ctrXa { display: none; z-index: 8; position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; color: #aaaaaa; text-align: center; }
.ctr.ctrXa s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 20px; font-weight: bold; pointer-events: none; }
.ctr.ctrXa:hover { color: #d70c18; }
.ysqUEO .ctr.ctrXa s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; }
.ysqUEO .ctr.ctrXa s:before,
.ysqUEO .ctr.ctrXa s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; margin-top: -1px; background-color: #aaaaaa; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .ysqUEO .ctr.ctrXa s:before,  .ysqUEO .ctr.ctrXa s:after {
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .ysqUEO .ctr.ctrXa:hover s:before,  .ysqUEO .ctr.ctrXa:hover s:after {
 background-color: #d70c18;
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrXa:active s:before,  .ctr.ctrXa:active s:after {
 background-color: #d70c18;
}
}
.ysqUEO .ctr.ctrXa.prev s:before,
.ysqUEO .ctr.ctrXa.prev s:after { margin-left: -3px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ysqUEO .ctr.ctrXa.prev s:before { -webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px); }
.ysqUEO .ctr.ctrXa.prev s:after { -webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px); }
.ysqUEO .ctr.ctrXa.next s:before,
.ysqUEO .ctr.ctrXa.next s:after { margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ysqUEO .ctr.ctrXa.next s:before { -webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px); }
.ysqUEO .ctr.ctrXa.next s:after { -webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px); }
@media screen and (min-width: 1025px) {
 .ysqUEO .ctr.ctrXa.prev:hover s:before {
 -webkit-transform: rotate(-45deg) translateX(-1px);
 transform: rotate(-45deg) translateX(-1px);
}
 .ysqUEO .ctr.ctrXa.prev:hover s:after {
 -webkit-transform: rotate(45deg) translateX(-1px);
 transform: rotate(45deg) translateX(-1px);
}
 .ysqUEO .ctr.ctrXa.next:hover s:before {
 -webkit-transform: rotate(-45deg) translateX(1px);
 transform: rotate(-45deg) translateX(1px);
}
 .ysqUEO .ctr.ctrXa.next:hover s:after {
 -webkit-transform: rotate(45deg) translateX(1px);
 transform: rotate(45deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrXa.prev:active s:before,  .ctr.ctrXa.prev:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .ctr.ctrXa.prev:active s:before {
 -webkit-transform: rotate(-45deg) translateX(-1px);
 transform: rotate(-45deg) translateX(-1px);
}
 .ctr.ctrXa.prev:active s:after {
 -webkit-transform: rotate(45deg) translateX(-1px);
 transform: rotate(45deg) translateX(-1px);
}
 .ctr.ctrXa.next:active s:before,  .ctr.ctrXa.next:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .ctr.ctrXa.next:active s:before {
 -webkit-transform: rotate(-45deg) translateX(1px);
 transform: rotate(-45deg) translateX(1px);
}
 .ctr.ctrXa.next:active s:after {
 -webkit-transform: rotate(45deg) translateX(1px);
 transform: rotate(45deg) translateX(1px);
}
}
.ctr.ctrXa.prev { left: -24px; }
.ctr.ctrXa.next { right: -24px; }
.ctr.ctrX1 { position: absolute; top: 0; width: 60px; height: 60px; background-color: #fff; -webkit-box-shadow: 0px 4px 9.6px 0.4px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 9.6px 0.4px rgba(0, 0, 0, 0.06); border-radius: 50%; }
.ctr.ctrX1:after { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; background-image: url(../images/ctrX1.png); background-repeat: no-repeat; pointer-events: none; background-size: 80px auto; }
.ctr.ctrX1 s { display: none; }
.ctr.ctrX1.prev { left: 0; }
.ctr.ctrX1.prev:after { background-position: 0 0; }
.ctr.ctrX1.next { right: 0; }
.ctr.ctrX1.next:after { background-position: right 0; }
@media screen and (min-width: 1025px) {
 .ctr.ctrX1 {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .ctr.ctrX1.prev:hover:after {
 background-position: 0 bottom;
}
 .ctr.ctrX1.next:hover:after {
 background-position: right bottom;
}
 .ctr.ctrX1:hover {
 background-color: #d70c18;
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrX1 {
 -webkit-transition: 0ms;
 transition: 0ms;
 width: 48px;
 height: 48px;
}
 .ctr.ctrX1:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .ctr.ctrX1.prev:active:after {
 background-position: 0 bottom;
}
 .ctr.ctrX1.next:active:after {
 background-position: right bottom;
}
 .ctr.ctrX1:active {
 background-color: #d70c18;
}
}
.ctr.ctrX2 { position: absolute; top: 0; width: 48px; height: 48px; border-radius: 50%; background-color: #ececec; }
.ctr.ctrX2:after { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: url(../images/ctrX2.png); background-repeat: no-repeat; pointer-events: none; background-size: 200% auto; }
.ctr.ctrX2 s { display: none; }
.ctr.ctrX2.prev { left: 0; }
.ctr.ctrX2.prev:after { background-position: 0 0; }
.ctr.ctrX2.next { right: 0; }
.ctr.ctrX2.next:after { background-position: right 0; }
@media screen and (min-width: 1025px) {
 .ctr.ctrX2 {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .ctr.ctrX2.prev:hover:after {
 background-position: 0 bottom;
}
 .ctr.ctrX2.next:hover:after {
 background-position: right bottom;
}
 .ctr.ctrX2:hover {
 background-color: #d70c18;
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrX2 {
 -webkit-transition: 0ms;
 transition: 0ms;
 width: 40px;
 height: 40px;
}
 .ctr.ctrX2:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .ctr.ctrX2.prev:active:after {
 background-position: 0 bottom;
}
 .ctr.ctrX2.next:active:after {
 background-position: right bottom;
}
 .ctr.ctrX2:active {
 background-color: #d70c18;
}
}
.ctr.ctrXx1 { z-index: 8; position: absolute; top: 50%; margin-top: -40px; width: 40px; height: 80px; line-height: 80px; background-color: rgba(0, 0, 0, 0.2); color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; }
.ctr.ctrXx1 s { font-size: 32px; font-weight: bold; }
.ctr.ctrXx1 s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 32px; font-weight: bold; pointer-events: none; }
.ctr.ctrXx1:hover { color: #ffffff; }
.ysqUEO .ctr.ctrXx1 s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; }
.ysqUEO .ctr.ctrXx1 s:before,
.ysqUEO .ctr.ctrXx1 s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin-top: -1px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .ysqUEO .ctr.ctrXx1 s:before,  .ysqUEO .ctr.ctrXx1 s:after {
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .ysqUEO .ctr.ctrXx1:hover s:before,  .ysqUEO .ctr.ctrXx1:hover s:after {
 background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrXx1:active s:before,  .ctr.ctrXx1:active s:after {
 background-color: #ffffff;
}
}
.ysqUEO .ctr.ctrXx1.prev s:before,
.ysqUEO .ctr.ctrXx1.prev s:after { margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ysqUEO .ctr.ctrXx1.prev s:before { -webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px); }
.ysqUEO .ctr.ctrXx1.prev s:after { -webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px); }
.ysqUEO .ctr.ctrXx1.next s:before,
.ysqUEO .ctr.ctrXx1.next s:after { margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ysqUEO .ctr.ctrXx1.next s:before { -webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px); }
.ysqUEO .ctr.ctrXx1.next s:after { -webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px); }
@media screen and (min-width: 1025px) {
 .ysqUEO .ctr.ctrXx1.prev:hover s:before {
 -webkit-transform: rotate(-45deg) translateX(-1px);
 transform: rotate(-45deg) translateX(-1px);
}
 .ysqUEO .ctr.ctrXx1.prev:hover s:after {
 -webkit-transform: rotate(45deg) translateX(-1px);
 transform: rotate(45deg) translateX(-1px);
}
 .ysqUEO .ctr.ctrXx1.next:hover s:before {
 -webkit-transform: rotate(-45deg) translateX(1px);
 transform: rotate(-45deg) translateX(1px);
}
 .ysqUEO .ctr.ctrXx1.next:hover s:after {
 -webkit-transform: rotate(45deg) translateX(1px);
 transform: rotate(45deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrXx1.prev:active s:before,  .ctr.ctrXx1.prev:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .ctr.ctrXx1.prev:active s:before {
 -webkit-transform: rotate(-45deg) translateX(-1px);
 transform: rotate(-45deg) translateX(-1px);
}
 .ctr.ctrXx1.prev:active s:after {
 -webkit-transform: rotate(45deg) translateX(-1px);
 transform: rotate(45deg) translateX(-1px);
}
 .ctr.ctrXx1.next:active s:before,  .ctr.ctrXx1.next:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .ctr.ctrXx1.next:active s:before {
 -webkit-transform: rotate(-45deg) translateX(1px);
 transform: rotate(-45deg) translateX(1px);
}
 .ctr.ctrXx1.next:active s:after {
 -webkit-transform: rotate(45deg) translateX(1px);
 transform: rotate(45deg) translateX(1px);
}
}
@media screen and (min-width: 1025px) {
 .ctr.ctrXx1:hover {
 background-color: rgba(0, 0, 0, 0.3);
}
}
@media screen and (max-width: 1024px) {
 .ctr.ctrXx1 {
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
}
}
.pagination.paginationX1 { height: 4px; line-height: 4px; position: relative; overflow: hidden; width: 100%; z-index: 3; text-align: center; white-space: nowrap; }
.pagination.paginationX1 .container { width: 100%; margin: 0; }
.pagination.paginationX1 .btn { display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 4px; width: 16px; height: 4px; background-color: #ccc; border-radius: 5px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.pagination.paginationX1 .btn > em { display: none; }
.pagination.paginationX1 .btn.on { width: 4px; background-color: #d70c18; }
/* floatFns */
.floatFns { position: fixed; z-index: 24; right: 5px; top: 100%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.floatFns .item { position: relative; text-align: center; font-size: 16px; color: #fff; padding: 10px; width: 30px; height: 30px; }
.floatFns .item:nth-child(1n+2) {
 margin-top: 5px;
}
.floatFns .item .stay,
.floatFns .item .hide,
.floatFns .item .ico { position: absolute; top: 0; border-radius: 1rem; padding: 10px; width: 30px; height: 30px; }
.floatFns .item .stay,
.floatFns .item .hide { right: 0; z-index: 2; -webkit-transition: background 250ms ease-out 0s, opacity 250ms ease-out 0s; transition: background 250ms ease-out 0s, opacity 250ms ease-out 0s; }
.floatFns .item .stay { background-color: #fff; }
.floatFns .item .stay:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #e5e5e5 solid 1px; z-index: -1; pointer-events: none; background-color: #fff; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: inherit; }
.floatFns .item .hide { background-color: #d70c18; color: #fff; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; min-width: 30px; }
.floatFns .item .ico { left: 0; background-image: url(../images/g.html); background-size: 52px auto; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-indent: -999px; }
.floatFns .item.sigTxt .hide { white-space: nowrap; width: auto !important; text-align: left; padding-left: 1rem; padding-right: 0.4rem; line-height: 30px; }
.floatFns .item.qrcode .outDiv { position: absolute; right: 100%; top: 0; margin-right: 5px; width: auto; -webkit-box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14); background-color: #fff; color: #666666; }
.floatFns .item.qrcode .outDiv .pic { width: 60px; height: 60px; padding: 0.8rem; }
.floatFns._idx0 .item.qrcode .outDiv { top: auto; bottom: 0; }
@media screen and (min-width: 1025px) {
 .floatFns .item:hover {
 z-index: 9;
}
 .floatFns .item:hover .stay:after,  .floatFns .item:hover .hide:after {
 background-color: #d70c18;
 border-color: #d70c18;
}
 .floatFns .item:hover .stay {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
}
 .floatFns .item:hover .hide {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 1;
 visibility: visible;
}
}
@media screen and (max-width: 1024px) {
 .floatFns .item,  .floatFns .item .stay,  .floatFns .item .hide,  .floatFns .item .ico {
 padding: 10px;
 width: 20px;
 height: 20px;
 min-width: 0;
}
 .floatFns .item .ico {
 background-size: 44px;
}
 .floatFns .item.sigTxt .hide {
 padding: 10px;
}
 .floatFns .item.sigTxt p {
 display: none;
}
 .floatFns .item.qrcode {
 display: none;
}
 .floatFns .item.qrcode .outDiv {
 display: none;
}
 .floatFns .item:active {
 z-index: 9;
}
 .floatFns .item:active .stay:after,  .floatFns .item:active .hide:after {
 background-color: #d70c18;
 border-color: #d70c18;
}
 .floatFns .item:active .stay {
 -webkit-transition: all 0ms ease-out 0ms;
 transition: all 0ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
}
 .floatFns .item:active .hide {
 -webkit-transition: all 0ms ease-out 0ms;
 transition: all 0ms ease-out 0ms;
 opacity: 1;
 visibility: visible;
}
}
:root {  --headerH: 80px;
}
@media screen and (max-width: 1024px) {
  :root {
 --headerH: 64px;
}
}
:root .fullpage-section .vm { padding-top: var(--headerH); padding-bottom: var(--headerH); }
:root .scroll-wrap { padding-top: var(--headerH); }
:root .hidePoint {  top: calc(-1*var(--headerH));
}
:root .header { height: var(--headerH); }
/* header */
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 80; background-color: #fff; min-width: 440px; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); }
.header .contain { position: relative; height: 100%; max-width: 100% !important; padding-left: 240px; padding-right: 240px; }
.header .bg { display: none; z-index: 5; }
.header .logo { position: absolute; left: 0; top: 0; height: 100%; width: 240px; background-color: #d70c18; text-align: center; }
.header .logo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 200px; height: 60px; }
.header .secNav { display: none; }
.header .searchBox { position: absolute; right: var(--headerH); top: 0; overflow: hidden; height: 100%; background-color: #fff; z-index: 7; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; width: var(--headerH); }
.header .searchBox .formItem { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.header .searchBox .formItem .skin { display: block; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #333333 !important; text-align: center; }
.header .searchBox .searchBtn { position: absolute; right: 0; top: 0; text-indent: -9999px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.header .searchBox .searchBtn:before,
.header .searchBox .searchBtn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 48px auto; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none; }
.header .searchBox .searchBtn:before { background-image: url(../images/btnt-search333.png); -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
.header .searchBox .searchBtn:after { background-image: url(../images/btnt-search.png); -webkit-transition: all 300ms ease-out 200ms; transition: all 300ms ease-out 200ms; opacity: 1; visibility: visible; }
@media screen and (max-width: 1024px) {
 .header .searchBox .searchBtn:active:after {
 background-color: #f1f1f1;
 -webkit-transition-delay: 0ms;
 transition-delay: 0ms;
}
}
@media screen and (min-width: 1025px) {
 .header .searchBox .searchBtn:hover:after {
 background-color: #f1f1f1;
 -webkit-transition-delay: 0ms;
 transition-delay: 0ms;
}
}
.header .searchBox .close { position: absolute; left: 0; top: 0; height: 100%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; background-color: #f1f1f1; }
.header .searchBox .close s { position: absolute; overflow: hidden; left: 50%; top: 50%; margin: -13px 0 0 -13px; -webkit-transform: rotate(-315deg); transform: rotate(-315deg); width: 26px; height: 26px; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.header .searchBox .close s:before,
.header .searchBox .close s:after { content: " "; position: absolute; left: 50%; top: 50%; background-color: #423f22; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms; }
.header .searchBox .close s:before { width: 2px; height: 26px; margin-left: -1px; margin-top: -13px; }
.header .searchBox .close s:after { width: 26px; height: 2px; margin-left: -13px; margin-top: -1px; }
.header .searchBox.show { z-index: 62; width: 100%; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header .searchBox.show .searchBtn { background-color: #f1f1f1; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.header .searchBox.show .searchBtn:hover:after { -webkit-transform: scale(1.25); transform: scale(1.25); }
.header .searchBox.show .close { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.header .searchBox.show .close s { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 400ms ease-out 400ms; transition: all 400ms ease-out 400ms; opacity: 1; visibility: visible; }
.header .searchBox.show .close:hover s { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.header .searchBox .skin { line-height: var(--headerH); width: 100%; padding-left: var(--headerH); padding-right: var(--headerH); }
.header .searchBox .searchBtn { width: var(--headerH); height: var(--headerH); }
.header .searchBox .close { width: var(--headerH); }
.header .languageBtn { position: absolute; right: 0; top: 0; width: var(--headerH); height: var(--headerH); text-align: center; line-height: var(--headerH); font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #999; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.header .languageBtn:before { content: " "; display: inline-block; vertical-align: middle; margin-right: 0.1rem; width: 20px; height: 20px; background-image: url(../images/btnt-language.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
@media screen and (max-width: 1024px) {
 .header .languageBtn:active {
 background-color: #f1f1f1;
}
}
@media screen and (min-width: 1025px) {
 .header .languageBtn:hover {
 background-color: #f1f1f1;
}
}
@media screen and (min-width: 1025px) {
 .footerFn {
 height: 0;
 display: none;
}
 .header {
 min-width: 1200px;
}
 .header .firNav {
 position: absolute;
 top: 0;
 text-align: center;
 white-space: nowrap;
 font-size: 0;
 left: 240px;
 padding-left: 1rem;
}
 .header .firNav:before,  .header .firNav:after {
 content: " ";
 display: block;
}
 .header .firNav .link {
 display: block;
 font-size: 16px;
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .header .firNav .firItem {
 z-index: 2;
 display: inline-block;
 vertical-align: top;
 position: relative;
 line-height: var(--headerH);
 height: var(--headerH);
}
 .header .firNav .firItem:nth-child(1n+2) {
 margin-left: 1px;
}
 .header .firNav .firItem:nth-child(1n+2):before {
 content: " ";
 position: absolute;
 top: 50%;
 left: -1px;
 width: 1px;
 height: 16px;
 margin-top: -8px;
 background-color: #e1e1e1;
 pointer-events: none;
}
 .header .firNav .firItem .link1 {
 position: relative;
 overflow: hidden;
 z-index: 1;
    /* width: 4em; */
    padding: 0 0.6rem;
 color: #333;
}
 .header .firNav .firItem .link1:after {
 content: " ";
 position: absolute;
 left: 0.6rem;
 right: 0.6rem;
 bottom: 0;
 z-index: -1;
 pointer-events: none;
 border-top: #d70c18 solid 2px;
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
}
 .header .firNav .firItem.on .link1,  .header .firNav .firItem:hover .link1 {
 color: #d70c18;
}
 .header .firNav .firItem.on .link1:after,  .header .firNav .firItem:hover .link1:after {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 1;
 visibility: visible;
 -webkit-transform: none !important;
 transform: none !important;
}
 .header .secNav {
 position: absolute;
 top: 100%;
 left: 50%;
 padding: 0.3rem 0;
 min-width: 100%;
 z-index: 30;
 font-size: 0;
 line-height: 0;
 text-align: left;
 display: block !important;
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translate(-50%, 10px);
 transform: translate(-50%, 10px);
 background-color: #fff;
 -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
 .header .secNav .col {
 display: block;
 text-align: center;
 padding-top: 4px;
}
 .header .secNav .secItem {
 position: relative;
 display: block;
}
 .header .secNav .secItem .link2 {
 color: #666666;
 padding: 0.12rem 0.4rem;
 font-size: 14px;
 line-height: 1.5;
}
 .header .secNav .secItem.on .link2,  .header .secNav .secItem:hover .link2 {
 color: #d70c18;
}
 .header .secNav.active {
 -webkit-transition: all 250ms cubic-bezier(0, 0.52, 0.35, 1.42) 0ms;
 transition: all 250ms cubic-bezier(0, 0.52, 0.35, 1.42) 0ms;
 opacity: 1;
 visibility: visible;
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
 .header .navbtn {
 display: none;
}
}
@media screen and (min-width: 1601px) {
 .header .firNav .firItem .link1 {
 padding: 0 0.7rem;
}
 .header .firNav .firItem .link1:after {
 left: 0.7rem;
 right: 0.7rem;
}
}
@media screen and (max-width: 1024px) {
 .footerFn {
 height: 64px;
 display: block;
}
 .header .bg {
 position: fixed !important;
 background-color: rgba(0, 0, 0, 0.2);
}
 .header .contain {
 padding: 0;
}
 .header .logo {
 width: 200px;
}
 .header .logo img {
 width: 168px;
 height: 48px;
}
 .header .navbtn {
 z-index: 45;
 position: absolute;
 overflow: hidden;
 display: block;
 right: 10px;
 top: 9px;
 padding: 5px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
 .header .navbtn s {
 position: absolute;
 left: 5px;
 display: block;
 width: 36px;
 height: 4px;
 border-radius: 4px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 background-color: #d70c18;
 -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42);
 transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42);
 transition: transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42), opacity 0.3s ease;
 transition: transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42), opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42);
 -webkit-transform-origin: 0 50%;
 transform-origin: 0 50%;
}
 .header .navbtn .i1 {
 top: 9px;
}
 .header .navbtn .i2 {
 top: 50%;
 margin-top: -2px;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
}
 .header .navbtn .i3 {
 bottom: 9px;
}
 .navShow .header .navbtn {
 position: fixed;
 z-index: 80;
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .navShow .header .navbtn .i1 {
 -webkit-transform: rotate(45deg) translate(7.038px, 0);
 transform: rotate(45deg) translate(7.038px, 0);
 top: 3px;
}
 .navShow .header .navbtn .i2 {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 .navShow .header .navbtn .i3 {
 -webkit-transform: rotate(-45deg) translate(7.038px, 0);
 transform: rotate(-45deg) translate(7.038px, 0);
 bottom: 3px;
}
 .header .firNav {
 position: fixed;
 z-index: 29;
 right: 0;
 top: 0;
 width: 100%;
 height: 100%;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-left: 5%;
 padding-right: 5%;
 overflow-y: auto;
 background-color: #fff;
 padding-top: var(--headerH);
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 text-align: center;
}
 .header .firNav .link {
 display: block;
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
 cursor: pointer;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
 .header .firNav .firItem {
 position: relative;
 overflow: hidden;
 font-size: 18px;
 line-height: 48px;
 border-bottom: #d7e2e8 solid 1px;
 padding: 0 8px;
}
 .header .firNav .firItem.on > .link {
 color: #d70c18;
}
 .header .firNav .firItem.on .secNav {
 display: block;
}
 .header .secNav {
 padding: 8px 0 !important;
 line-height: 1.5;
 font-size: 16px;
 display: none;
 border-top: #eeeeee solid 1px;
 margin-left: 3%;
 margin-right: 3%;
}
 .header .secNav .col {
 display: block;
}
 .header .secNav .secItem {
 line-height: 32px;
 display: block;
 white-space: nowrap;
 color: #777;
}
 .header .secNav .secItem:active {
 color: #111;
}
 .header .secNav .secItem.on {
 color: #111;
 text-decoration: underline;
}
 .header .secNav + .ctr {
 display: block;
}
 .header .searchBox {
 right: 66px;
}
 .header .languageBtn {
 right: 66px;
 margin-right: var(--headerH);
}
 .header .languageBtn span {
 display: none;
}
 .navShow .header .bg {
 display: block;
}
 .navShow .header .contain {
 z-index: 8;
}
 .navShow .firNav {
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
 -webkit-transform: none !important;
 transform: none !important;
}
}
/* modal-guidance */
.modal-guidance { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; }
.modal-guidance:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; }
.modal-guidance .process { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #d70c18; }
.modal-guidance .process .welcome { display: inline-block; vertical-align: top; position: relative; padding: 10px; }
.modal-guidance .process .welcome .logo { position: relative; display: block; margin-left: auto; margin-right: auto; width: 420px; height: 56px; }
.modal-guidance .process .welcome .bar { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent !important; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); }
.modal-guidance .process .welcome .bar s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all 255ms ease-out 0s; transition: all 255ms ease-out 0s; }
.modal-guidance.closed { -webkit-transition: all 600ms ease-out 1s; transition: all 600ms ease-out 1s; opacity: 0; visibility: hidden; top: -100%; pointer-events: none; }
.fixedIdx { position: fixed; left: 0; top: 0; width: 100%; height: 100%; min-width: 440px; }
@media screen and (min-width: 1025px) {
 .fixedIdx {
 min-width: 1280px;
}
}
/* fullpage */
.fullpage-viewport { background-color: #fbe7e8; }
.fullpage-viewport._loaded .fullpage-overview { position: absolute; }
.fullpage-viewport._loaded .fullpage-section:after { -webkit-transition: all 250ms ease-out 100ms; transition: all 250ms ease-out 100ms; opacity: 1; visibility: visible; -webkit-animation: slideInDownm 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: slideInDownm 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; }
@media screen and (min-width: 1025px) {
 .fullpage-viewport {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 20;
 width: 100%;
 height: 100%;
 min-width: 1200px;
 overflow-y: hidden;
 overflow-x: auto;
}
}
@media screen and (max-width: 1024px) {
 .fullpage-viewport {
 position: relative;
}
}
.fullpage-viewport.mScroll { position: relative; height: auto; }
.fullpage-viewport.mScroll > .shade { height: auto; }
.fullpage-viewport.mScroll .fullpage-overview,
.fullpage-viewport.mScroll .fullpage-section { position: relative !important; height: auto !important; }
.fullpage-viewport.mScroll .fullpage-section .vm { line-height: 1 !important; height: auto !important; padding-top: 1.6rem; padding-bottom: 1.6rem; }
.fullpage-viewport.mScroll .fullpage-section .vmbox { top: auto; -webkit-transform: none !important; transform: none !important; }
.fullpage-overview { position: relative; left: 0; top: 0; width: 100%; height: 100%; }
.fullpage-bg { -webkit-transition: -webkit-transform 4000ms ease-out 200ms; transition: -webkit-transform 4000ms ease-out 200ms; transition: transform 4000ms ease-out 200ms; transition: transform 4000ms ease-out 200ms, -webkit-transform 4000ms ease-out 200ms; }
.fullpage-section { position: relative; left: 0; top: 0; width: 100%; height: 100%; height: 100vh; overflow: hidden; z-index: 2; background-color: #fff; }
.fullpage-section .vm { z-index: 3; text-align: center; }
.fullpage-section .vmbox { display: inline-block; vertical-align: middle; text-align: left; line-height: 1; }
.fullpage-section .bg { -o-object-position: 50% 100%; object-position: 50% 100%; }
.fullpage-section.leaving { pointer-events: none; }
@media screen and (min-width: 1441px) {
 .fullpage-section .w,  .fullpage-section .container {
 width: 1280px;
}
}
@media screen and (min-width: 1801px) {
 .fullpage-section .w,  .fullpage-section .container {
 width: 1640px;
}
}
.fullpage-pagination { z-index: 30; position: absolute; right: 2%; bottom: 4.16666667%; width: 8px; }
.fullpage-pagination .container { width: 100%; display: inline-block; vertical-align: middle; }
.fullpage-pagination .btn { position: relative; display: block; width: 8px; height: 8px; }
.fullpage-pagination .btn:nth-child(1n+2) {
 margin-top: 16px;
}
.fullpage-pagination .btn:after { content: " "; position: absolute; border-radius: 50%; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border: #cccccc solid 4px; }
.fullpage-pagination .btn em { position: absolute; right: 100%; top: 0; padding-right: 6px; height: 8px; line-height: 8px; font-size: 14px; color: #d70c18; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateX(20px); transform: translateX(20px); white-space: nowrap; font-weight: bold; text-transform: uppercase; }
.fullpage-pagination .btn.on em { -webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.fullpage-pagination .btn.on:after { border-color: #d70c18; }
@media screen and (max-width: 1024px) {
 .fullpage-pagination {
 display: none;
}
}
/* index */
.index { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.index:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; background-color: #000; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.index.mask000 { -webkit-transition: all 400ms ease-out 100ms; transition: all 400ms ease-out 100ms; }
.index.mask000:after { -webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 0.67; visibility: visible; }
.index-banner { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 100vh; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.index-banner .shade { position: absolute; left: 0; top: 0; }
.index-banner .item { overflow: hidden; position: relative; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; }
.index-banner .item .image,
.index-banner .item .videoBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; pointer-events: none; }
.index-banner .item.moveItem { position: absolute; }
.index-banner .item .contain { top: 50%; margin-left: auto; margin-right: auto; max-width: 100%; width: 750px; -webkit-transition: all 400ms ease-out 200ms; transition: all 400ms ease-out 200ms; opacity: 0; visibility: hidden; -webkit-transform: rotateY(-180deg) translate(0%, -50%); transform: rotateY(-180deg) translate(0%, -50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 2%; }
.index-banner .item .contain .word { display: block; margin-left: auto; margin-right: auto; pointer-events: none; width: 100%; }
.index-banner .item.leave .contain { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 400ms ease-out 200ms; transition: all 400ms ease-out 200ms; opacity: 0; visibility: hidden; -webkit-transform: rotateY(180deg) translate(0%, -50%); transform: rotateY(180deg) translate(0%, -50%); }
.index-banner .item.come .contain { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.index-banner .item.on .contain { -webkit-transition: all 600ms ease-out 200ms; transition: all 600ms ease-out 200ms; opacity: 1; visibility: visible; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.index-banner .ctr { display: none; z-index: 20; position: absolute; top: 50%; margin-top: -40px; width: 40px; height: 80px; line-height: 80px; -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; opacity: .4; color: #ffffff; text-align: center; }
.index-banner .ctr s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 64px; font-weight: bold; pointer-events: none; }
.index-banner .ctr:hover { color: #ffffff; }
.ysqUEO .index-banner .ctr s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; }
.ysqUEO .index-banner .ctr s:before,
.ysqUEO .index-banner .ctr s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 32px; height: 3px; margin-top: -1.5px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .ysqUEO .index-banner .ctr s:before,  .ysqUEO .index-banner .ctr s:after {
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .ysqUEO .index-banner .ctr:hover s:before,  .ysqUEO .index-banner .ctr:hover s:after {
 background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
 .index-banner .ctr:active s:before,  .index-banner .ctr:active s:after {
 background-color: #ffffff;
}
}
.ysqUEO .index-banner .ctr.prev s:before,
.ysqUEO .index-banner .ctr.prev s:after { margin-left: -13px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ysqUEO .index-banner .ctr.prev s:before { -webkit-transform: rotate(-42deg) translateX(-1.5px); transform: rotate(-42deg) translateX(-1.5px); }
.ysqUEO .index-banner .ctr.prev s:after { -webkit-transform: rotate(42deg) translateX(-1.5px); transform: rotate(42deg) translateX(-1.5px); }
.ysqUEO .index-banner .ctr.next s:before,
.ysqUEO .index-banner .ctr.next s:after { margin-left: -19px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ysqUEO .index-banner .ctr.next s:before { -webkit-transform: rotate(-42deg) translateX(1.5px); transform: rotate(-42deg) translateX(1.5px); }
.ysqUEO .index-banner .ctr.next s:after { -webkit-transform: rotate(42deg) translateX(1.5px); transform: rotate(42deg) translateX(1.5px); }
@media screen and (min-width: 1025px) {
 .ysqUEO .index-banner .ctr.prev:hover s:before {
 -webkit-transform: rotate(-48deg) translateX(-1.5px);
 transform: rotate(-48deg) translateX(-1.5px);
}
 .ysqUEO .index-banner .ctr.prev:hover s:after {
 -webkit-transform: rotate(48deg) translateX(-1.5px);
 transform: rotate(48deg) translateX(-1.5px);
}
 .ysqUEO .index-banner .ctr.next:hover s:before {
 -webkit-transform: rotate(-48deg) translateX(1.5px);
 transform: rotate(-48deg) translateX(1.5px);
}
 .ysqUEO .index-banner .ctr.next:hover s:after {
 -webkit-transform: rotate(48deg) translateX(1.5px);
 transform: rotate(48deg) translateX(1.5px);
}
}
@media screen and (max-width: 1024px) {
 .index-banner .ctr.prev:active s:before,  .index-banner .ctr.prev:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .index-banner .ctr.prev:active s:before {
 -webkit-transform: rotate(-48deg) translateX(-1.5px);
 transform: rotate(-48deg) translateX(-1.5px);
}
 .index-banner .ctr.prev:active s:after {
 -webkit-transform: rotate(48deg) translateX(-1.5px);
 transform: rotate(48deg) translateX(-1.5px);
}
 .index-banner .ctr.next:active s:before,  .index-banner .ctr.next:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .index-banner .ctr.next:active s:before {
 -webkit-transform: rotate(-48deg) translateX(1.5px);
 transform: rotate(-48deg) translateX(1.5px);
}
 .index-banner .ctr.next:active s:after {
 -webkit-transform: rotate(48deg) translateX(1.5px);
 transform: rotate(48deg) translateX(1.5px);
}
}
.index-banner .ctr.prev { left: 2%; }
.index-banner .ctr.next { right: 2%; }
@media screen and (min-width: 1025px) {
 .index-banner .ctr:hover {
 opacity: 1;
}
}
@media screen and (max-width: 1024px) {
 .index-banner .ctr {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 .index-banner .ctr:active {
 opacity: 1;
 -webkit-transition: 0ms;
 transition: 0ms;
}
}
.index-banner .mouse { position: absolute; bottom: 3.7037037%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑' !important; color: #fff; text-transform: uppercase; z-index: 80; pointer-events: none; margin-bottom: -0.2rem; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.index-banner .mouse s { position: relative; display: block; margin-left: auto; margin-right: auto; margin-top: 0.24rem; width: 20px; height: 28px; border-radius: 8px; border: #fff solid 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.index-banner .mouse s:after { content: " "; position: absolute; top: 4px; left: 50%; margin-left: -1px; width: 2px; height: 8px; background-color: #fff; -webkit-animation-name: mouseUpDown; animation-name: mouseUpDown; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.index-banner .pages { position: absolute; z-index: 6; bottom: 1.2rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-family: Helvetica, sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.index-banner .pages:after { display: none; }
.index-banner .pages .progress { display: inline-block; vertical-align: middle; position: relative; margin: 0 0.2rem; width: 0.4rem; padding: 0 0.4rem; height: 1px; background-color: rgba(255, 255, 255, 0.5); }
.index-banner .pages .progress .bar { position: absolute; left: 0; top: 0; height: 1px; width: 0; background-color: #fff; }
.index-banner .pages .all { font-size: 14px; }
@media screen and (min-width: 1025px) {
 .index-banner .item .contain:hover .btnX1:before {
 -webkit-transform: none !important;
 transform: none !important;
 -webkit-transition: all 300ms ease-out 0ms;
 transition: all 300ms ease-out 0ms;
 opacity: 1;
 visibility: visible;
}
}
@media screen and (max-width: 1024px) {
 .index-banner {
 padding-bottom: 62.5%;
}
 .index-banner .mouse {
 display: none !important;
}
 .index-banner .mouse s:after {
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
}
 .index-banner .pages {
 bottom: 0.8rem;
}
}
.index-head { position: relative; white-space: nowrap; }
.index-head:after { content: " "; display: block; margin-top: 0.5rem; width: 30px; height: 3px; background-color: #d70c18; }
.index-head .en { font-size: 2em; text-transform: uppercase; color: #f0f0f0; font-family: Times New Roman, sans-serif; }
.index-head .cn { font-size: 1em; margin-top: -0.8em; color: #333333; }
@media screen and (max-width: 1024px) {
 .index-head {
 text-align: center;
}
 .index-head:after {
 margin-left: auto;
 margin-right: auto;
}
}
.index-solutions .vmbox { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.index-solutions .vmbox:after { display: none; }
.index-solutions .left { position: relative; z-index: 4; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.2rem 2rem 2rem; }
.index-solutions .left .snum { margin-top: 0.8rem; font-family: Times New Roman, sans-serif; color: #333333; }
.index-solutions .left .intros { position: relative; margin-top: 0.3rem; }
.index-solutions .left .txt { display: none; }
.index-solutions .left .txt.on { display: block; }
.index-solutions .left .txt .sdt { color: #333333; }
.index-solutions .left .txt .sdd { margin-top: 0.5rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; width: 320px; }
.index-solutions .left .txt .sdf { margin-top: 0.5rem; }
.index-solutions .Tt { z-index: 3; position: absolute; right: 2rem; left: 50%; top: 0; bottom: 0; }
.index-solutions .Tt:after { content: " "; z-index: -1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 16.4rem; height: 16.4rem; background-image: url(../images/bgi-solutions-pdt.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none; }
.index-solutions .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.index-solutions .Tt .box:after { display: none; }
.index-solutions .Tt .box .pic { height: 0; padding-bottom: 100%; width: 100%; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 0; visibility: hidden; }
.index-solutions .Tt .box.on { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.index-solutions .Tt .box.on .pic { -webkit-transform: none !important; transform: none !important; -webkit-transition: all 600ms ease-out 50ms; transition: all 600ms ease-out 50ms; opacity: 1; visibility: visible; }
.index-solutions .Tg { position: absolute; left: 0; bottom: 1.2rem; width: 100%; z-index: 6; padding: 0 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 65px; }
.index-solutions .Tg:before { content: " "; z-index: -1; pointer-events: none; position: absolute; top: 22px; left: 50%; margin-left: -2000px; width: 4000px; height: 1px; background-color: #e9e9e9; }
.index-solutions .Tg .hScroll { height: 100%; overflow: visible; }
.index-solutions .Tg .btn { position: relative; display: inline-block; vertical-align: top; text-align: center; padding-top: 45px; height: 22px; }
.index-solutions .Tg .btn:nth-child(1n+2) {
 margin-left: 0.8rem;
}
.index-solutions .Tg .btn .dot { position: absolute; left: 50%; margin-left: -7.5px; top: 15px; width: 15px; height: 15px; }
.index-solutions .Tg .btn .dot:before,
.index-solutions .Tg .btn .dot:after { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.index-solutions .Tg .btn .dot:before { background-color: rgba(215, 12, 24, 0.2); opacity: 0; width: 15px; height: 15px; }
.index-solutions .Tg .btn .dot:after { background-color: #909090; width: 7px; height: 7px; }
.index-solutions .Tg .btn span { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; white-space: nowrap; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.index-solutions .Tg .btn .hr { position: absolute; left: 100%; top: 22px; height: 1px; }
.index-solutions .Tg .btn .hr:after { content: " "; position: absolute; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; top: 0; width: 0; height: 100%; background-color: #d70c18; }
.index-solutions .Tg .btn.on .dot:before { opacity: 1; }
.index-solutions .Tg .btn.on .dot:after { background-color: #d70c18; }
.index-solutions .Tg .btn.on span { color: #d70c18; }
.index-solutions .Tg .btn.on .hr:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 3000ms linear 0s; transition: left 0ms ease-out 0s, width 3000ms linear 0s; }
.index-solutions .Tg .overview { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.index-solutions .Tg .overview:after { display: none; }
@media screen and (max-width: 1800px) {
 .index-solutions .left {
 padding-left: 1rem;
 padding-right: 1rem;
}
 .index-solutions .Tt {
 right: 1rem;
}
 .index-solutions .Tg {
 padding: 0 1rem;
}
}
@media screen and (max-width: 1600px) {
 .index-solutions .left {
 padding-left: 0;
}
 .index-solutions .Tt {
 right: 0;
}
 .index-solutions .Tg {
 padding: 0;
}
}
@media screen and (max-width: 1024px) {
 .index-solutions .vmbox {
 display: block;
 padding-bottom: 0;
}
 .index-solutions .left {
 width: 100%;
 text-align: center;
 padding: 0;
}
 .index-solutions .left .snum {
 display: none;
}
 .index-solutions .left .intros {
 margin-top: 0.6rem;
}
 .index-solutions .left .txt .sdd {
 width: 100%;
}
 .index-solutions .Tt {
 margin-left: auto;
 margin-right: auto;
 width: 60%;
 padding-bottom: 60%;
 left: auto;
 position: relative;
 border-radius: 50%;
 overflow: hidden !important;
}
 .index-solutions .Tg {
 position: relative;
 bottom: 0;
 text-align: center;
}
 .index-solutions .Tg .overview {
 overflow-x: auto;
 width: auto;
 display: inline-block;
 vertical-align: top;
}
 .index-solutions .Tg .btn .hr {
 display: none;
}
 .index-solutions .Tg .btn span {
 position: relative;
 left: 0;
 -webkit-transform: none !important;
 transform: none !important;
}
}
.index-introduce .wrapIn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; padding: 0 2rem; }
.index-introduce .wrapIn:after { display: none; }
@media screen and (max-width: 1024px) {
 .index-introduce .wrapIn {
 display: block;
}
}
@media screen and (max-width: 1800px) {
 .index-introduce .wrapIn {
 padding: 0 1rem;
}
}
@media screen and (max-width: 1600px) {
 .index-introduce .wrapIn {
 padding: 0;
}
}
.index-introduce .left { width: 45%; }
.index-introduce .solgan { margin-top: 0.9rem; color: #333333; line-height: 1.25em; }
.index-introduce .info { margin-top: 0.4rem; line-height: 2; }
.index-introduce .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; margin-top: 0.9rem; }
.index-introduce .tags:after { display: none; }
.index-introduce .tags .oLi { display: inline-block; vertical-align: top; text-align: center; }
.index-introduce .tags .oLi .icoImg { display: block; margin-left: auto; margin-right: auto; width: 50px; height: 50px; -webkit-filter: grayscale(100%) brightness(2.5); filter: grayscale(100%) brightness(2.5); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.index-introduce .tags .oLi p { margin-top: 10px; color: #333333; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.index-introduce .tags .oLi:hover .icoImg { -webkit-filter: none; filter: none; }
.index-introduce .tags .oLi:hover p { color: #d70c18; }
.index-introduce .right { position: relative; width: 46%; }
.index-introduce .right:after { content: " "; position: absolute; left: 0.8rem; bottom: 0.8rem; top: -15px; right: -15px; background-color: #f5f5f5; z-index: -1; pointer-events: none; }
.index-introduce .pic { overflow: visible; width: 100%; height: 0; padding-bottom: 69.6969697%; }
@media screen and (max-width: 1024px) {
 .index-introduce .bg {
 background-color: #f5f5f5 !important;
}
 .index-introduce .index-head .en {
 color: #fefefe;
}
 .index-introduce .left {
 width: 100%;
 text-align: center;
}
 .index-introduce .info {
 line-height: 1.5;
}
 .index-introduce .info > span {
 display: block;
 margin-bottom: 5px;
}
 .index-introduce .tags {
 margin-top: 0.6rem;
 padding: 0 5%;
}
 .index-introduce .tags .oLi .icoImg {
 width: 40px;
 height: 40px;
}
 .index-introduce .right {
 width: 100%;
 margin-top: 1rem;
}
 .index-introduce .right:after {
 display: none;
}
}
.index-service .wrapIn { color: #fff; text-align: center; }
.index-service .dt { letter-spacing: .05em; }
.index-service .dd { margin-top: 0.5rem; width: 640px; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 1.6; }
.index-service .df { margin-top: 0.6rem; }
.index-service .playBtn { position: relative; display: block; margin-left: auto; margin-right: auto; width: 36px; height: 36px; border-radius: 50%; padding: 0.2rem; border: rgba(255, 255, 255, 0.3) solid 2px; background-image: url(../images/btni-play.png); background-size: 30px auto; background-position: 50% 50%; background-repeat: no-repeat; }
.index-service .playBtn .circle { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: visible; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); pointer-events: none; }
.index-service .playBtn .circle circle { stroke: #ffffff; stroke-width: 2px; stroke-dasharray: 0% 315%; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.index-service .playBtn:hover .circle circle { stroke-dasharray: 315% 315%; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
@media screen and (max-width: 1024px) {
 .index-service .wrapIn {
 padding: 2rem 0 1rem;
}
}
.index-service .backPlay { z-index: 8; position: absolute; left: 0; right: 0; top: var(--headerH); bottom: 0; display: none; }
.index-service .backPlay .close { position: absolute; top: 0; right: 0; width: 56px; height: 56px; cursor: pointer; z-index: 80; background-color: rgba(255, 255, 255, 0.5); }
.index-service .backPlay .close s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 50.4px; font-size: 26px; color: #ffffff; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; cursor: pointer; white-space: nowrap; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; }
.ysqUEO .index-service .backPlay .close s { overflow: hidden; text-indent: 120%; }
.ysqUEO .index-service .backPlay .close s:before,
.ysqUEO .index-service .backPlay .close s:after { pointer-events: none !important; content: " "; position: absolute; left: 15px; width: 26px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; color: inherit; background-color: currentColor; }
.ysqUEO .index-service .backPlay .close s:before { top: 19px; -webkit-transform: rotate(45deg) translate(5.17766953px, 0); transform: rotate(45deg) translate(5.17766953px, 0); top: 14px; }
.ysqUEO .index-service .backPlay .close s:after { bottom: 19px; -webkit-transform: rotate(-45deg) translate(5.17766953px, 0); transform: rotate(-45deg) translate(5.17766953px, 0); bottom: 14px; }
@media screen and (min-width: 1025px) {
 .ysqUEO .index-service .backPlay .close s:before,  .ysqUEO .index-service .backPlay .close s:after {
 -webkit-transition: all 300ms ease-out 0ms;
 transition: all 300ms ease-out 0ms;
}
 .index-service .backPlay .close s:hover {
 color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
 .index-service .backPlay .close s:active {
 color: #ffffff;
}
}
.index-service .backPlay .close s:hover { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
.index-service .backPlay video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.index-application .bgs { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.index-application .bgs .bg { -webkit-transition: all 300ms ease-out 0ms; transition: all 300ms ease-out 0ms; opacity: 0; visibility: hidden; z-index: 4; background-color: #f1f1f1; -webkit-transform: skew(2deg) scale(1.1) rotate(-2deg); transform: skew(2deg) scale(1.1) rotate(-2deg); }
.index-application .bgs .bg.on { -webkit-transition: all 600ms ease-out 0ms; transition: all 600ms ease-out 0ms; opacity: 1; visibility: visible; z-index: 6; -webkit-transform: none !important; transform: none !important; -webkit-filter: none; filter: none; }
.index-application .wrapIn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; color: #fff; }
.index-application .wrapIn:after { display: none; }
@media screen and (max-width: 1024px) {
 .index-application .wrapIn {
 display: block;
}
}
.index-application .left .index-head:after { background-color: #fff; }
.index-application .left .index-head .en { color: rgba(255, 255, 255, 0.2); }
.index-application .left .index-head .cn,
.index-application .left .index-head .cn .c1 { color: #fff; }
.index-application .left .info { margin-top: 0.9rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 6em; width: 380px; max-width: 100%; color: #fff; }
.index-application .right { position: relative; width: 16.4em; z-index: 3; font-size: 1rem; }
.index-application .right .circle { position: absolute; left: 50%; top: 50%; margin: -6.12em 0 0 -6.12em; content: " "; z-index: -1; pointer-events: none; width: 12.24em; height: 12.24em; background-image: url(../images/bgs-app-circle.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; }
.index-application .right .Tg { position: absolute; left: 50%; top: 50%; width: 0; height: 0; z-index: 1; }
.index-application .right .Tg > a { position: absolute; z-index: 2; color: #fff; width: 1px; height: 1px; white-space: nowrap; }
.index-application .right .Tg > a .icoImg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 65px; height: 65px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.index-application .right .Tg > a span { position: absolute; top: 50%; margin-top: -1em; line-height: 2em; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.index-application .right .Tg > a.i1 { left: 3.9em; top: 4.6em; }
.index-application .right .Tg > a.i1 span { left: 47.5px; }
.index-application .right .Tg > a.i2 { left: 5.9em; top: 1.36em; }
.index-application .right .Tg > a.i2 span { left: 47.5px; }
.index-application .right .Tg > a.i3 { left: 5.6em; bottom: 2.6em; }
.index-application .right .Tg > a.i3 span { left: 47.5px; }
.index-application .right .Tg > a.i4 { left: 2.6em; bottom: 5.52em; }
.index-application .right .Tg > a.i4 span { left: 47.5px; }
.index-application .right .Tg > a.i5 { right: 2.6em; bottom: 5.52em; }
.index-application .right .Tg > a.i5 span { right: 47.5px; }
.index-application .right .Tg > a.i6 { right: 5.6em; bottom: 2.6em; }
.index-application .right .Tg > a.i6 span { right: 47.5px; }
.index-application .right .Tg > a.i7 { right: 5.9em; top: 1.36em; }
.index-application .right .Tg > a.i7 span { right: 47.5px; }
.index-application .right .Tg > a.i8 { right: 3.9em; top: 4.6em; }
.index-application .right .Tg > a.i8 span { right: 47.5px; }
.index-application .right .Tg > a.i9 { left: 0; top: 6.12em; }
.index-application .right .Tg > a.i9 span { top: 47.5px; left: 50%; margin-left: -3em; width: 6em; text-align: center; }
.index-application .right .Tg > a.i9:hover span { -webkit-transform: translateY(5px); transform: translateY(5px); }
.index-application .right .Tg > a:hover .icoImg { background-color: rgba(0, 0, 0, 0.6); }
.index-application .right .Tg > a.on .icoImg { background-color: #d70c18; }
.index-application .right .Tt { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 330px; height: 250px; color: #fff; text-align: center; }
.index-application .right .Tt .sdt:after { content: " "; display: block; margin-left: auto; margin-right: auto; margin-top: 0.4rem; width: 40px; height: 2px; background-color: #fff; }
.index-application .right .Tt .sdd { margin-top: 0.4rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; }
.index-application .right .Tt .sdf { margin-top: 0.6rem; }
.index-application .right .Tt .sdf .btnX2 { display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1600px) {
 .index-application .right .Tt {
 width: 260px;
 height: 220px;
}
}
@media screen and (max-width: 1024px) {
 .index-application .wrapIn {
 font-size: 100px;
}
}
@media screen and (max-width: 749px) {
 .index-application .wrapIn {
 font-size: 90px;
}
}
@media screen and (max-width: 699px) {
 .index-application .wrapIn {
 font-size: 85px;
}
}
@media screen and (max-width: 649px) {
 .index-application .wrapIn {
 font-size: 80px;
}
}
@media screen and (max-width: 599px) {
 .index-application .wrapIn {
 font-size: 75px;
}
}
@media screen and (max-width: 549px) {
 .index-application .wrapIn {
 font-size: 70px;
}
}
@media screen and (max-width: 499px) {
 .index-application .wrapIn {
 font-size: 65px;
}
}
@media screen and (max-width: 449px) {
 .index-application .wrapIn {
 font-size: 60px;
}
}
@media screen and (max-width: 1024px) {
 .index-application .left .info {
 width: 100%;
 text-align: center;
}
 .index-application .right {
 width: 80%;
 padding-bottom: 80%;
 margin-left: auto;
 margin-right: auto;
 font-size: .36em;
}
 .index-application .right .Tg > a span {
 display: none;
}
 .index-application .right .Tg > a .icoImg {
 width: 55px;
 height: 55px;
}
 .index-application .right .Tt {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-line-pack: center;
 align-content: center;
 width: 8em;
 height: 8em;
 border-radius: 50%;
}
 .index-application .right .Tt:after {
 display: none;
}
 .index-application .right .Tt .sdd {
 line-height: 20px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 max-height: 40px;
}
}
.index-news .vmbox,
.index-news .wrapIn { width: 100%; height: 100%; }
.index-news .wrapIn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.index-news .wrapIn:after { display: none; }
@media screen and (max-width: 1024px) {
 .index-news .wrapIn {
 display: block;
}
}
.index-news .left { min-width: 180px; width: 8rem; padding: 2rem 2.8rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(../images/bgi-news.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; color: #fff; white-space: nowrap; }
.index-news .left:after { display: none; }
.index-news .dt .cn { color: #fff; }
.index-news .dt .en { margin-top: 0.3rem; font-size: 14px; color: rgba(255, 255, 255, 0.5); }
.index-news .ds { margin-top: 0.6rem; line-height: 1.25em; color: #fff; }
.index-news .Tg,
.index-news .Tt { height: 100%; }
.index-news .Tg { margin-top: 0.5rem; }
.index-news .Tg .btn { position: relative; z-index: 2; margin: 10px 0; display: inline-block; vertical-align: top; padding: 0.2rem 0; font-size: 16px; color: #fff; }
.index-news .Tg .btn:after { content: " "; position: absolute; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 0; width: 0; height: 1px; background-color: currentColor; }
.index-news .Tg .btn.on:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s; }
.index-news .Ta { margin-top: 0.4rem; }
.index-news .Tt { padding: 0 2.8rem; width: calc(100% - 8rem); }
.index-news .Tt .index-news-resMove { display: none; }
.index-news .Tt .index-news-resMove.on { display: block; }
@media screen and (max-width: 1800px) {
 .index-news .left {
 padding: 1rem 1.4rem;
}
 .index-news .Tt {
 padding: 0 1.4rem;
}
}
@media screen and (max-width: 1024px) {
 .index-news .bg {
 background-color: #f5f5f5 !important;
}
 .index-news .left {
 width: 100%;
 background: none;
 color: #666666;
 text-align: center;
 display: block;
 padding: 0;
}
 .index-news .left .dt .cn {
 color: #333;
}
 .index-news .left .dt .en {
 color: rgba(51, 51, 51, 0.5);
}
 .index-news .left .ds {
 color: #666;
}
 .index-news .Tg {
 margin-top: 0.3rem;
}
 .index-news .Tg br {
 display: none;
}
 .index-news .Tg .btn {
 color: #333333;
 padding: 5px 0;
 margin: 5px 0.2rem;
}
 .index-news .Ta {
 margin-left: auto;
 margin-right: auto;
}
 .index-news .Tt {
 width: 100%;
 padding: 0;
 margin-top: 0.8rem;
 width: auto;
 width: calc(100% - 30px);
 margin-left: auto !important;
 margin-right: auto !important;
 max-width: 720px;
}
}
.index-news-resMove { position: relative; width: 100%; height: 100%; }
.index-news-resMove .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.index-news-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 200ms; transition: all 250ms ease-out 200ms; opacity: 1; visibility: visible; }
.index-news-resMove .ctrX2 { display: none !important; }
.index-news-resMove .box { white-space: nowrap; font-size: 0; }
.index-news-resMove .item { z-index: 2; position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 33.33%; width: calc(100%/3); height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; white-space: normal; text-align: left; padding-bottom: 10px; }
.index-news-resMove .item .vcbox { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.index-news-resMove .item .date { font-family: Times New Roman, sans-serif; }
.index-news-resMove .item .date i { display: inline-block; vertical-align: bottom; color: #999999; }
.index-news-resMove .item .date .d { margin-bottom: -0.1em; }
.index-news-resMove .item .date .ym { margin-left: 0.2rem; }
.index-news-resMove .item h3 { margin-top: 0.6rem; color: #333333; line-height: 1.5em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-weight: bold; }
.index-news-resMove .item .pic { margin-top: 0.6rem; width: 100%; height: 0; padding-bottom: 62.35294118%; background-color: #fff; }
.index-news-resMove .item p { margin-top: 0.4rem; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 5.25em; color: #666666; }
.index-news-resMove .item .more { margin-top: 0.8rem; display: inline-block; vertical-align: top; font-size: 12px; color: #666666; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; border: #d8d8d8 solid 1px; border-radius: 40px; padding: 0.2rem 0.3rem; min-width: 80px; text-align: center; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .index-news-resMove .vcbox {
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 100%;
 left: 0;
 padding: 1.2rem 0;
}
 .index-news-resMove .item:hover .vcbox {
 padding-bottom: 1.6rem;
}
 .index-news-resMove .item:hover h3 {
 color: #d70c18;
}
 .index-news-resMove .item .more:hover {
 background-color: #f1f1f1;
}
}
@media screen and (max-width: 1024px) {
 .index-news-resMove {
 margin-top: 0.4rem;
 width: 100%;
 margin-left: 0;
 height: auto;
}
 .index-news-resMove .shade {
 height: auto;
}
 .index-news-resMove .box {
 position: relative !important;
 height: auto;
}
 .index-news-resMove .item {
 height: auto;
}
 .index-news-resMove .item:before {
 display: none;
}
 .index-news-resMove .item .vcbox {
 position: relative;
}
 .index-news-resMove .item .date {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
 -ms-flex-direction: row-reverse;
 flex-direction: row-reverse;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 -webkit-box-align: stretch;
 -ms-flex-align: stretch;
 align-items: stretch;
 -ms-flex-line-pack: start;
 align-content: flex-start;
}
 .index-news-resMove .item .date:after {
 display: none;
}
 .index-news-resMove .item .date .d {
 font-size: 14px;
 margin-bottom: 0;
}
 .index-news-resMove .item .date .d:before {
 content: "-";
}
 .index-news-resMove .item .date .ym {
 margin-left: 0;
}
 .index-news-resMove .item h3 {
 margin-top: 8px;
}
 .index-news-resMove .item p {
 margin-top: 5px;
 display: none;
}
 .index-news-resMove .item .pic {
 margin-top: 10px;
}
 .index-news-resMove .item .more {
 margin-top: 0;
 display: none;
}
}
/* footer */
.footer { position: relative; z-index: 3; background-color: #3d3f3a; text-align: center; background-image: url(../images/bg-footer.png); background-size: auto; background-position: 50% bottom; background-repeat: repeat; }
.footer,
.footer a { color: #ffffff; }
.footer.indexFixed { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 70; }
.footer.indexFixed .closeFooter { position: absolute; left: 50%; margin-left: -15px; bottom: 100%; margin-bottom: 0.8rem; width: 30px; height: 30px; border-radius: 50%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); pointer-events: none; }
.footer.indexFixed .closeFooter s { position: absolute; overflow: hidden; left: 50%; top: 50%; margin: -13px 0 0 -13px; width: 26px; height: 26px; color: #c6c6c6; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑' !important; text-indent: -99999px; text-align: center; line-height: 26px; white-space: nowrap; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.footer.indexFixed .closeFooter s:before,
.footer.indexFixed .closeFooter s:after { content: " "; position: absolute; left: 50%; top: 50%; background-color: #c6c6c6; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms; }
.footer.indexFixed .closeFooter s:before { width: 2px; height: 26px; margin-left: -1px; margin-top: -13px; }
.footer.indexFixed .closeFooter s:after { width: 26px; height: 2px; margin-left: -13px; margin-top: -1px; }
@media screen and (min-width: 1025px) {
 .footer.indexFixed .closeFooter:hover s {
 color: #ffffff;
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 .footer.indexFixed .closeFooter:hover s:before,  .footer.indexFixed .closeFooter:hover s:after {
 background-color: #ffffff;
}
}
.footer.indexFixed.active .closeFooter { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 600ms ease-out 100ms; transition: all 600ms ease-out 100ms; opacity: 1; visibility: visible; }
.footer-hr { width: 100%; height: 0; pointer-events: none; z-index: -1; border-top: #2d2c2d solid 1px; border-bottom: #505150 solid 1px; }
.footer-t { z-index: 3; position: relative; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.footer-t .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.footer-t .contain:after { display: none; }
@media screen and (max-width: 1024px) {
 .footer-t .contain {
 display: block;
}
}
.footer-t .fnav { line-height: 30px; }
.footer-t .fnav .link1:nth-child(1n+2) {
 margin-left: 2rem;
}
.footer-t .ftel { font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; font-weight: bold; }
.footer-t .ftel:before { content: " "; display: inline-block; vertical-align: middle; margin-right: 0.24rem; border: #ffffff solid 1px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.57142857em; height: 1.57142857em; background-image: url(../images/icof-tel.png); background-size: 1.72857143em; background-position: 50% 50%; background-repeat: no-repeat; }
.footer-t .ftel span { display: inline-block; vertical-align: middle; }
@media screen and (max-width: 1024px) {
 .footer-t .fnav {
 display: none;
 text-align: center;
}
}
.footer-m { padding-top: 0.7rem; padding-bottom: 0.7rem; }
.footer-m .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.footer-m .contain:after { display: none; }
.footer-m .left { text-align: left; width: calc(100% - 400px); }
.footer-m .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; text-align: right; width: 400px; }
.footer-m .right:after { display: none; }
.footer-m .fcontact { position: relative; padding-left: 0.44rem; padding-top: 5px; padding-bottom: 5px; line-height: 1.875; }
.footer-m .fcontact:before { content: " "; position: absolute; left: 0; top: 0; bottom: 0; width: 0.08rem; background-color: #fff; }
.footer-m .flinks { width: 100%; margin-top: 0.6rem; font-size: 14px; line-height: 20px; text-align: left; }
.footer-m .fqrcode { text-align: center; }
.footer-m .fqrcode .pic { margin-bottom: 10px; width: 60px; height: 60px; padding: 0.6rem; border-radius: 6px; }
.footer-m .fconsult { margin-right: 0.6rem; }
.footer-m .fconsult .btn { display: block; margin-left: auto; margin-bottom: 0.4rem; width: 100px; height: 30px; padding: 0.2rem 0.4rem; border-radius: 6px; background-color: #fff; text-align: center; line-height: 30px; color: #333333; }
@media screen and (max-width: 1024px) {
 .footer-m {
 display: none;
}
 .footer-m + .footer-hr {
 display: none;
}
}
.footer-b { text-align: center; padding: 0.3rem 0; line-height: 20px; }
.footer-b .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.footer-b .contain:after { display: none; }
@media screen and (max-width: 1024px) {
 .footer-b .contain {
 display: block;
}
}
.footer-b span { display: inline-block; vertical-align: top; }
/* subpage */
.subpage { position: relative; z-index: 3; }
.subpage-banner { z-index: 5; position: relative; height: 120px; padding: 13.02083333% 0; background-color: #f1f1f1; }
.subpage-banner .contain { height: 100%; }
.subpage-banner .wrapIn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; color: #fff; }
.subpage-banner .wrapIn:after { content: " "; display: block; margin-top: 0.6rem; width: 40px; height: 2px; background-color: #fff; }
.subpage-banner .wrapIn .dt { font-weight: bold; }
.subpage-banner .wrapIn .dd { margin-top: 0.4rem; }
.subpage-neck { background-color: #f7f7f7; }
.subpage-neck .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.subpage-neck .contain:after { display: none; }
@media screen and (max-width: 1024px) {
 .subpage-neck .contain {
 display: block;
}
}
.subpage-nav { width: calc(100% - 300px); text-align: left; z-index: 6; }
.subpage-nav .viewport { padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; }
.subpage-nav .ctr { z-index: 20; position: absolute; right: 0; top: 0; width: 32px; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; }
.subpage-nav .ctr.reject { display: none; }
.subpage-nav .ctr s { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 24px; font-weight: bold; pointer-events: none; }
.subpage-nav .ctr:hover { color: #ffffff; }
.ysqUEO .subpage-nav .ctr s { overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit; }
.ysqUEO .subpage-nav .ctr s:before,
.ysqUEO .subpage-nav .ctr s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; margin-top: -0.5px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .ysqUEO .subpage-nav .ctr s:before,  .ysqUEO .subpage-nav .ctr s:after {
 -webkit-transition: all 400ms ease-out 0s;
 transition: all 400ms ease-out 0s;
}
 .ysqUEO .subpage-nav .ctr:hover s:before,  .ysqUEO .subpage-nav .ctr:hover s:after {
 background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
 .subpage-nav .ctr:active s:before,  .subpage-nav .ctr:active s:after {
 background-color: #ffffff;
}
}
.ysqUEO .subpage-nav .ctr.prev s:before,
.ysqUEO .subpage-nav .ctr.prev s:after { margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ysqUEO .subpage-nav .ctr.prev s:before { -webkit-transform: rotate(-35deg) translateX(-0.5px); transform: rotate(-35deg) translateX(-0.5px); }
.ysqUEO .subpage-nav .ctr.prev s:after { -webkit-transform: rotate(35deg) translateX(-0.5px); transform: rotate(35deg) translateX(-0.5px); }
.ysqUEO .subpage-nav .ctr.next s:before,
.ysqUEO .subpage-nav .ctr.next s:after { margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ysqUEO .subpage-nav .ctr.next s:before { -webkit-transform: rotate(-35deg) translateX(0.5px); transform: rotate(-35deg) translateX(0.5px); }
.ysqUEO .subpage-nav .ctr.next s:after { -webkit-transform: rotate(35deg) translateX(0.5px); transform: rotate(35deg) translateX(0.5px); }
@media screen and (min-width: 1025px) {
 .ysqUEO .subpage-nav .ctr.prev:hover s:before {
 -webkit-transform: rotate(-42deg) translateX(-0.5px);
 transform: rotate(-42deg) translateX(-0.5px);
}
 .ysqUEO .subpage-nav .ctr.prev:hover s:after {
 -webkit-transform: rotate(42deg) translateX(-0.5px);
 transform: rotate(42deg) translateX(-0.5px);
}
 .ysqUEO .subpage-nav .ctr.next:hover s:before {
 -webkit-transform: rotate(-42deg) translateX(0.5px);
 transform: rotate(-42deg) translateX(0.5px);
}
 .ysqUEO .subpage-nav .ctr.next:hover s:after {
 -webkit-transform: rotate(42deg) translateX(0.5px);
 transform: rotate(42deg) translateX(0.5px);
}
}
@media screen and (max-width: 1024px) {
 .subpage-nav .ctr.prev:active s:before,  .subpage-nav .ctr.prev:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .subpage-nav .ctr.prev:active s:before {
 -webkit-transform: rotate(-42deg) translateX(-0.5px);
 transform: rotate(-42deg) translateX(-0.5px);
}
 .subpage-nav .ctr.prev:active s:after {
 -webkit-transform: rotate(42deg) translateX(-0.5px);
 transform: rotate(42deg) translateX(-0.5px);
}
 .subpage-nav .ctr.next:active s:before,  .subpage-nav .ctr.next:active s:after {
 -webkit-transition: 0ms;
 transition: 0ms;
}
 .subpage-nav .ctr.next:active s:before {
 -webkit-transform: rotate(-42deg) translateX(0.5px);
 transform: rotate(-42deg) translateX(0.5px);
}
 .subpage-nav .ctr.next:active s:after {
 -webkit-transform: rotate(42deg) translateX(0.5px);
 transform: rotate(42deg) translateX(0.5px);
}
}
.subpage-nav .ctr.prev { left: 0; display: none; }
.subpage-nav .ctr.next { right: 0; }
.subpage-nav .ctr:hover { background-color: #000000; }
.subpage-nav .link2 { position: relative; z-index: 3; display: inline-block; vertical-align: top; min-width: 4em; padding: 0.4rem 0; line-height: 30px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; }
.subpage-nav .link2:after { content: " "; position: absolute; z-index: -1; bottom: 0; height: 2px; background-color: #d70c18; pointer-events: none; left: 100%; width: 0; }
.subpage-nav .link2:nth-child(1n+2) {
 margin-left: 1.6rem;
}
.subpage-nav .link2.on:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s; }
@media screen and (max-width: 1600px) {
 .subpage-nav .link2:nth-child(1n+2) {
 margin-left: 0.8rem;
}
}
@media screen and (max-width: 1024px) {
 .subpage-nav {
 width: 100%;
}
 .subpage-nav .viewport {
 padding: 0;
}
}
.subpage-crumbs { line-height: 20px; height: 20px; padding: 5px 0; }
.subpage-crumbs:before { content: " "; display: inline-block; vertical-align: middle; margin-right: 0.16rem; width: 16px; height: 20px; background-image: url(../images/icof-crumbs.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
@media screen and (max-width: 1024px) {
 .subpage-crumbs {
 display: none;
 position: absolute;
 top: 100%;
 padding: 10px 0;
 width: 100%;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
}
.subpage-wrap { position: relative; z-index: 6; }
/* sAbout */
.sAbout-section { position: relative; z-index: 2; }
.sAbout-head { position: relative; z-index: 2; padding: 1.2rem 0 0.96rem; text-align: center; }
.sAbout-head .en { text-transform: uppercase; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #d9d9d9; }
.sAbout-head .cn { margin-top: 0.4rem; }
.sAbout-head .cn:before,
.sAbout-head .cn:after { content: " "; display: inline-block; vertical-align: middle; width: 30px; height: 1px; background-color: #333333; }
.sAbout-head .cn span { display: inline-block; vertical-align: middle; margin-left: 0.5rem; margin-right: 0.5rem; font-weight: bold; color: #333333; }
.sAbout-head .cn span em { color: #d70c18; }
.sAbout-intro .list4 { padding: 1.2rem 0 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.sAbout-intro .list4:after { display: none; }
.sAbout-intro .list4 .oLi { width: 25%; text-align: center; }
.sAbout-intro .list4 .oLi .ico { margin-left: auto; margin-right: auto; position: relative; z-index: 2; display: block; width: 98px; height: 98px; padding: 0.74rem; }
.sAbout-intro .list4 .oLi .ico:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; background-image: url(../images/bgsa-intro-list4-oLi.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sAbout-intro .list4 .oLi .ico .icoImg { display: block; width: 100%; height: 100%; }
.sAbout-intro .list4 .oLi .sdt { margin-top: 0.4rem; color: #333333; }
.sAbout-intro .list4 .oLi .sdd { margin-top: 0.2rem; color: #666666; line-height: 20px; font-family: Times New Roman, sans-serif; }
.sAbout-intro .list4 .oLi:hover .ico:before { -webkit-transform: rotate(-540deg) !important; transform: rotate(-540deg) !important; }
.sAbout-intro .list4 .oLi.AniStart .ico:before { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; }
.sAbout-intro .list4 .oLi.AniDid .ico:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 600ms ease-out 0ms; transition: all 600ms ease-out 0ms; }
@media screen and (max-width: 1024px) {
 .sAbout-intro .list4 {
 padding-left: 5%;
 padding-right: 5%;
}
 .sAbout-intro .list4 .oLi {
 width: 50%;
}
 .sAbout-intro .list4 .oLi .ico {
 width: 80px;
 height: 80px;
}
 .sAbout-intro .list4 .oLi:nth-child(1n+3) {
 margin-top: 4%;
}
}
.sAbout-axdvantages { background-color: #f5f5f5; }
.sAbout-axdvantages-list4 { background-color: #264b97; background-image: url(../images/bgsa-axdvantag.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.sAbout-axdvantages-list4 .oList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.sAbout-axdvantages-list4 .oList:after { display: none; }
.sAbout-axdvantages-list4 .oList .oLi { position: relative; z-index: 2; width: 20%; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; color: #fff; }
.sAbout-axdvantages-list4 .oList .oLi:before { content: " "; position: absolute; left: 0; top: 0; bottom: 0; border-left: rgba(255, 255, 255, 0.2) solid 1px; z-index: -1; pointer-events: none; }
.sAbout-axdvantages-list4 .oList .oLi .wrapIn { position: relative; padding: 3rem 0.8rem; height: 500px; }
.sAbout-axdvantages-list4 .oList .oLi .num { display: block; font-size: 2em; font-weight: bold; }
.sAbout-axdvantages-list4 .oList .oLi .num:before { content: " "; position: absolute; left: 0; top: 3rem; height: 1em; width: 3px; background-color: #fff; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); }
.sAbout-axdvantages-list4 .oList .oLi .dt { margin-top: 0.6rem; }
.sAbout-axdvantages-list4 .oList .oLi .dt .cn { line-height: 1.25; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sAbout-axdvantages-list4 .oList .oLi .dt .en { margin-top: 0.6rem; line-height: 1.5; }
.sAbout-axdvantages-list4 .oList .oLi .dd { margin-top: 0.5rem; display: none; line-height: 1.5; }
.sAbout-axdvantages-list4 .oList .oLi.on { width: 40%; }
.sAbout-axdvantages-list4 .oList .oLi.on .num:before { -webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.sAbout-axdvantages-list4 .oList .oLi.on .dt .cn { font-size: 1em; }
.sAbout-axdvantages-list4 .oList .oLi.on .dt .en { display: none; }
.sAbout-axdvantages-list4 .oList .oLi.on .dd { display: block; }
@media screen and (max-width: 1024px) {
 .sAbout-axdvantages-list4 .oList {
 padding: 1.6rem 0;
}
 .sAbout-axdvantages-list4 .oList .oLi {
 width: 50% !important;
}
 .sAbout-axdvantages-list4 .oList .oLi:before {
 right: 0;
 width: auto;
 border: rgba(255, 255, 255, 0.15) solid 1px;
 background-color: rgba(0, 0, 0, 0.1);
}
 .sAbout-axdvantages-list4 .oList .oLi .wrapIn {
 padding: 1rem;
 height: auto;
}
 .sAbout-axdvantages-list4 .oList .oLi .num {
 display: none;
}
 .sAbout-axdvantages-list4 .oList .oLi .dt {
 margin-top: 0;
}
 .sAbout-axdvantages-list4 .oList .oLi .dt .cn {
 font-size: .8em !important;
}
 .sAbout-axdvantages-list4 .oList .oLi .dt .en {
 display: block !important;
 margin-top: 0.3rem;
}
 .sAbout-axdvantages-list4 .oList .oLi .dd {
 margin-top: 0.3rem;
 display: block;
 min-height: 4.5em;
}
}
@media screen and (max-width: 768px) {
 .sAbout-axdvantages-list4 .oList {
 padding: 0.8rem 0;
}
 .sAbout-axdvantages-list4 .oList .oLi {
 width: 100% !important;
}
 .sAbout-axdvantages-list4 .oList .oLi .dt .cn {
 font-size: 20px !important;
}
 .sAbout-axdvantages-list4 .oList .oLi .dd {
 min-height: 0;
}
}
.sAbout-distribution { padding-bottom: 1.6rem; }
.sAbout-distribution-map { position: relative; padding-top: 0.6rem; }
.sAbout-distribution-map .txt { position: absolute; left: 0; bottom: 0.5rem; width: 360px; }
.sAbout-distribution-map .txt .dt { color: #d70c18; font-family: Times New Roman, sans-serif; font-weight: bold; }
.sAbout-distribution-map .txt .dt .num { font-size: 2em; }
.sAbout-distribution-map .txt .dt sub { font-size: 1em; display: inline-block; vertical-align: bottom; margin-left: 5px; }
.sAbout-distribution-map .txt .dd { margin-top: 0.6rem; font-size: 14px; line-height: 1.5; }
.sAbout-distribution-map .txt .df { margin-top: 2.8rem; z-index: 2; overflow: hidden; position: relative; height: 30px; width: 250px; }
.sAbout-distribution-map .txt .df:before { content: " "; z-index: -1; position: absolute; left: 0; top: 50%; width: 100%; border-bottom: #bebebe dashed 1px; }
.sAbout-distribution-map .txt .df .airplane { position: absolute; left: -5px; bottom: 0; width: 50px; height: 30px; background-image: url(../images/dcts-distribution-airplane.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; }
.sAbout-distribution-map .txt .df.AniStart .airplane { -webkit-animation-name: flyH; animation-name: flyH; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.sAbout-distribution-map .txt .df.AniDid .airplane { -webkit-animation-play-state: running; animation-play-state: running; }
.sAbout-distribution-map .map { position: relative; margin-left: auto; width: 1138px; height: 551px; background-image: url(../images/bgs-distribution-map.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.sAbout-distribution-map .map .dot { position: absolute; width: 1px; height: 1px; }
.sAbout-distribution-map .map .dot:before,
.sAbout-distribution-map .map .dot:after { content: " "; position: absolute; pointer-events: none; border-radius: 50%; }
.sAbout-distribution-map .map .dot:before { z-index: 2; left: 50%; top: 50%; margin: -5px 0 0 -5px; width: 10px; height: 10px; background-color: #d70c18; }
.sAbout-distribution-map .map .dot:after { z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(215, 12, 24, 0.11); }
.sAbout-distribution-map .map .dot.i1 { left: 32.5%; top: 10.5%; width: 4.0%; height: 8.0%; }
.sAbout-distribution-map .map .dot.i2 { left: 18%; top: 25.55%; width: 7.0%; height: 14.5%; }
.sAbout-distribution-map .map .dot.i3 { left: 27.9%; top: 69.65%; width: 4.4%; height: 9.1%; }
.sAbout-distribution-map .map .dot.i4 { left: 50.15%; top: 48.5%; width: 7.7%; height: 16.0%; }
.sAbout-distribution-map .map .dot.i5 { left: 66.65%; top: 30%; width: 9.7%; height: 20.0%; }
.sAbout-distribution-map .map .dot.i6 { left: 78.55%; top: 23.75%; width: 5.3%; height: 10.9%; }
.sAbout-distribution-map .map .dot.i7 { left: 75.85%; top: 58.05%; width: 5.3%; height: 10.9%; }
.sAbout-distribution-map .map .dot.i8 { left: 81.95%; top: 74.15%; width: 5.3%; height: 10.9%; }
.sAbout-distribution-map .map .dot.AniStart:before,
.sAbout-distribution-map .map .dot.AniStart:after { -webkit-transform: scale(0); transform: scale(0); }
.sAbout-distribution-map .map .dot.AniDid:before,
.sAbout-distribution-map .map .dot.AniDid:after { -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform: none !important; transform: none !important; }
.sAbout-distribution-map .map .dot.AniDid:after { -webkit-animation-name: breathX2; animation-name: breathX2; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: ease; animation-timing-function: ease;  -webkit-animation-delay: .3s;
 animation-delay: .3s;
-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@media screen and (max-width: 1024px) {
 .sAbout-distribution-map {
 padding-top: 0;
}
 .sAbout-distribution-map .txt {
 position: relative;
 width: 100%;
 margin-top: -1rem;
}
 .sAbout-distribution-map .txt .df {
 margin-top: 0.8rem;
 width: 100%;
}
 .sAbout-distribution-map .map {
 width: 100%;
 height: 0;
 padding-bottom: 48.41827768%;
}
 .sAbout-distribution-map .map .dot:before {
 width: 0.2rem;
 height: 0.2rem;
 margin: -0.1rem 0 0 -0.1rem;
}
 .sAbout-distribution-map .map .dot:after {
 -webkit-animation-name: none !important;
 animation-name: none !important;
}
}
.sAbout-culture { padding: 1.4rem 0 2.4rem; background-color: #080605; background-image: url(../images/bgsa-cultur.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.sAbout-culture .sAbout-head .en { color: rgba(217, 217, 217, 0.6); }
.sAbout-culture .sAbout-head .cn:before,
.sAbout-culture .sAbout-head .cn:after { background-color: rgba(255, 255, 255, 0.8); }
.sAbout-culture .sAbout-head .cn span { color: #fff; }
.sAbout-culture .list4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; padding-top: 0.8rem; }
.sAbout-culture .list4:after { display: none; }
.sAbout-culture .list4 .oLi { position: relative; z-index: 3; width: 23%; min-height: 6rem; padding: 0.7rem; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sAbout-culture .list4 .oLi .wrapIn { text-align: center; }
.sAbout-culture .list4 .oLi .wrapIn:after { content: " "; position: absolute; z-index: -1; pointer-events: none; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #d70c18; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sAbout-culture .list4 .oLi .ico { display: block; margin-left: auto; margin-right: auto; width: 40px; height: 40px; padding: 0.4rem; background-image: url(../images/based/g.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-filter: grayscale(100%) brightness(2.5); filter: grayscale(100%) brightness(2.5); }
.sAbout-culture .list4 .oLi .dt { margin-top: 0.2rem; }
.sAbout-culture .list4 .oLi .dt .cn { color: #333333; }
.sAbout-culture .list4 .oLi .dt .en { margin-top: 0.3rem; text-transform: capitalize; color: #666666; }
.sAbout-culture .list4 .oLi .dd { position: relative; margin-top: 0.4rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; height: 0; }
@media screen and (min-width: 1025px) {
 .sAbout-culture .list4 .oLi .wrapIn {
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 left: 0.7rem;
 right: 0.7rem;
}
 .sAbout-culture .list4 .oLi:hover .wrapIn:after {
 -webkit-transform: none !important;
 transform: none !important;
 -webkit-transition-delay: 100ms;
 transition-delay: 100ms;
}
 .sAbout-culture .list4 .oLi:hover .ico {
 -webkit-filter: none;
 filter: none;
}
 .sAbout-culture .list4 .oLi:hover .dd {
 height: 4.5em;
}
}
@media screen and (max-width: 1024px) {
 .sAbout-culture .list4 .oLi {
 width: 49%;
 height: auto;
}
 .sAbout-culture .list4 .oLi:nth-child(1n+3) {
 margin-top: 2%;
}
 .sAbout-culture .list4 .oLi .wrapIn {
 position: relative;
 -webkit-transform: none !important;
 transform: none !important;
}
 .sAbout-culture .list4 .oLi .ico {
 -webkit-filter: none;
 filter: none;
}
 .sAbout-culture .list4 .oLi .dd {
 margin-top: 0.3rem;
 height: auto;
}
}
@media screen and (max-width: 768px) {
 .sAbout-culture .list4 .oLi {
 width: 100%;
}
 .sAbout-culture .list4 .oLi:nth-child(1n+2) {
 margin-top: 2%;
}
}
.sAbout-honor { padding: 0.8rem 0 2rem; background-color: #fff; background-image: url(../images/bgsa-honor.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.sAbout-honor-move { position: relative; min-height: 280px; padding-bottom: 2.8rem; margin-top: 1rem; }
.sAbout-honor-move-rotateMove { z-index: 3; position: relative; width: 1440px; height: 280px; }
.sAbout-honor-move-rotateMove .item.moveItem.base { padding: 0; width: 0; height: 0; top: 140px; left: 50%; opacity: 0; }
.sAbout-honor-move-rotateMove .item.moveItem.L2.pOn { padding: 0; width: 0; height: 0; top: 50%; left: 50%; opacity: 0; }
.sAbout-honor-move-rotateMove .item.moveItem.L1.pOn { padding: 0; width: 0; height: 0; top: 50%; left: 50%; opacity: 0; }
.sAbout-honor-move-rotateMove .item.moveItem.L0 { padding: 0; width: 440px; height: 280px; top: 0px; left: 500px; opacity: 1; }
.sAbout-honor-move-rotateMove .item.moveItem.L1.nOn { padding: 0; width: 440px; height: 280px; top: 0px; left: 1060px; opacity: 1; }
.sAbout-honor-move-rotateMove .item.moveItem.L2.nOn { padding: 0; width: 0; height: 0; top: 140px; left: 1280px; opacity: 0; }
.sAbout-honor-move-rotateMove:after { content: " "; z-index: -1; position: absolute; left: 0; top: 100%; margin-top: -52px; height: 172px; width: 100%; background-image: url(../images/bgsa-honor-tray.png); background-size: 645px auto; background-position: 50% 100%; background-repeat: no-repeat; pointer-events: none; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.sAbout-honor-move-rotateMove .shade:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/based/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.sAbout-honor-move-rotateMove .box { opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms; }
.sAbout-honor-move-rotateMove._loaded:after { -webkit-transition: all 250ms ease-out 500ms; transition: all 250ms ease-out 500ms; opacity: 1; visibility: visible; }
.sAbout-honor-move-rotateMove._loaded .shade:before { -webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden; }
.sAbout-honor-move-rotateMove._loaded .box { opacity: 1; }
.sAbout-honor-move-rotateMove .ysqMoveBox { position: relative; z-index: 1; height: 100%; white-space: nowrap; }
.sAbout-honor-move-rotateMove .shade { overflow: visible; }
.sAbout-honor-move-rotateMove .item { display: inline-block; vertical-align: top; position: relative; width: auto; height: auto; cursor: pointer; -webkit-transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s; transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s; }
.sAbout-honor-move-rotateMove .item.moveItem { position: absolute; left: 0; top: 0; }
.sAbout-honor-move-rotateMove .item .pic { width: 100%; height: 100%; -webkit-filter: blur(2px); filter: blur(2px); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sAbout-honor-move-rotateMove .item .pic img { -o-object-fit: contain; object-fit: contain; }
.sAbout-honor-move-rotateMove .item.on .pic { -webkit-filter: none; filter: none; }
.sAbout-honor-move-rotateMove .description { text-align: center; margin-top: 2rem; line-height: 1.25; }
.sAbout-honor-move-rotateMove .ctr { z-index: 20; top: 50%; margin-top: -30px; }
.sAbout-honor-move-rotateMove .ctr.prev { left: 0; }
.sAbout-honor-move-rotateMove .ctr.next { right: 0; }
@media screen and (max-width: 1600px) {
 .sAbout-honor-move-rotateMove {
 width: 1200px;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L0 {
 left: 380px;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L1.nOn {
 left: 920px;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L2.nOn {
 left: 920px;
}
}
@media screen and (max-width: 1024px) {
 .sAbout-honor-move-rotateMove {
 font-size: 100px;
}
}
@media screen and (max-width: 749px) {
 .sAbout-honor-move-rotateMove {
 font-size: 90px;
}
}
@media screen and (max-width: 699px) {
 .sAbout-honor-move-rotateMove {
 font-size: 85px;
}
}
@media screen and (max-width: 649px) {
 .sAbout-honor-move-rotateMove {
 font-size: 80px;
}
}
@media screen and (max-width: 599px) {
 .sAbout-honor-move-rotateMove {
 font-size: 75px;
}
}
@media screen and (max-width: 549px) {
 .sAbout-honor-move-rotateMove {
 font-size: 70px;
}
}
@media screen and (max-width: 499px) {
 .sAbout-honor-move-rotateMove {
 font-size: 65px;
}
}
@media screen and (max-width: 449px) {
 .sAbout-honor-move-rotateMove {
 font-size: 60px;
}
}
@media screen and (max-width: 1024px) {
 .sAbout-honor-move-rotateMove {
 width: 100%;
 height: 3.5em;
 overflow: visible;
}
 .sAbout-honor-move-rotateMove:after {
 background-size: 7.74em auto;
 height: 2.064em;
 margin-top: -0.696em;
}
 .sAbout-honor-move-rotateMove .shade {
 width: 6.8em;
 height: 3.5em;
 left: 0;
 margin-left: 0;
 margin-left: auto;
 margin-right: auto;
 overflow: visible;
}
 .sAbout-honor-move-rotateMove .item.moveItem {
 background-color: #fff;
 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
 .sAbout-honor-move-rotateMove .item.moveItem.base {
 padding: 0;
 width: 0;
 height: 0;
 top: 1.75em;
 left: 3.4em;
 opacity: 0;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L2.pOn {
 padding: 0;
 width: 0em;
 height: 0em;
 top: 1.75em;
 left: 0em;
 opacity: 0;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L1.pOn {
 padding: 0;
 width: 2.2em;
 height: 1.4em;
 top: 1.05em;
 left: 0em;
 opacity: 0;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L0 {
 padding: 0;
 width: 5.5em;
 height: 3.5em;
 top: 0;
 left: 0.65em;
 opacity: 1;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L1.nOn {
 padding: 0;
 width: 2.2em;
 height: 1.4em;
 top: 1.05em;
 left: 4.6em;
 opacity: 0;
}
 .sAbout-honor-move-rotateMove .item.moveItem.L2.nOn {
 padding: 0;
 width: 0em;
 height: 0em;
 top: 1.75em;
 left: 6.8em;
 opacity: 1;
}
 .sAbout-honor-move-rotateMove .item.moveItem h3 {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 44px;
 line-height: 44px;
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 0;
 visibility: hidden;
 z-index: 9;
 -webkit-transform: translateY(50%);
 transform: translateY(50%);
}
 .sAbout-honor-move-rotateMove .item.moveItem .link {
 display: none;
}
 .sAbout-honor-move-rotateMove .item.moveItem.on {
 -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
}
 .sAbout-honor-move-rotateMove .item.moveItem.on .link {
 display: block;
}
 .sAbout-honor-move-rotateMove .item.moveItem.on h3 {
 -webkit-transition: all 250ms ease-out 300ms;
 transition: all 250ms ease-out 300ms;
 opacity: 1;
 visibility: visible;
 -webkit-transform: none !important;
 transform: none !important;
}
}
.sAbout-honor-move-tab { z-index: 6; position: absolute; left: 0; top: 0; padding: 20px; width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sAbout-honor-move-tab .dt { color: #999999; }
.sAbout-honor-move-tab .dt i { font-size: 2.5em; color: #d70c18; font-weight: bold; font-family: Times New Roman, sans-serif; }
.sAbout-honor-move-tab .ds { margin-top: 1rem; color: #999999; }
.sAbout-honor-move-tab .ds .now { color: #d70c18; }
.sAbout-honor-move-tab .dd { margin-top: 0.4rem; width: 100%; }
.sAbout-honor-move-tab .dd h3 { line-height: 1.5; color: #333333; }
.sAbout-honor-move-tab .dd h3:after { content: " "; display: inline-block; vertical-align: middle; width: 20px; height: 1px; padding: 0 0.3rem; background-color: #848484; margin-left: 0.3rem; }
.sAbout-honor-move-tab .dd .date { margin-top: 0.4rem; font-size: 14px; color: #666666; }
.sAbout-honor-move-tab .ctrs { position: relative; margin-top: 0.8rem; height: 60px; width: 150px; }
@media screen and (max-width: 1024px) {
 .sAbout-honor-move-tab {
 position: relative;
 width: 100%;
 margin-top: 3.2rem;
 margin-bottom: -0.6rem;
}
 .sAbout-honor-move-tab .box.on {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 -ms-flex-line-pack: end;
 align-content: flex-end;
}
 .sAbout-honor-move-tab .box.on:after {
 display: none;
}
 .sAbout-honor-move-tab .ds {
 margin-top: 0;
}
}
@media screen and (max-width: 1024px) {
 .sAbout-honor-move {
 padding-bottom: 0;
}
}
.sAbout-partner { padding-bottom: 1.6rem; background-color: #f5f5f5; }
.sAbout-partner-resMove { position: relative; }
.sAbout-partner-resMove .shade { height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.sAbout-partner-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.sAbout-partner-resMove .box { position: relative !important; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.sAbout-partner-resMove .box:after { display: none; }
.sAbout-partner-resMove .item { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.sAbout-partner-resMove .item:after { content: " "; z-index: 9; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.02); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.sAbout-partner-resMove .item .pic { z-index: 1; width: 100%; height: 0; padding-bottom: 46.15384615%; }
.sAbout-partner-resMove .paginationX1 { margin-top: 0.6rem; }
@media screen and (min-width: 1025px) {
 .sAbout-partner-resMove .item {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sAbout-partner-resMove .item:hover:after {
 -webkit-transition: all 250ms ease-out 0ms;
 transition: all 250ms ease-out 0ms;
 opacity: 1;
 visibility: visible;
}
}
/* sProduct */
.sProduct-wrap { padding-top: 1.2rem; padding-bottom: 2rem; }
.sProduct-anchors { position: relative; }
.sProduct-float { position: fixed; left: 5px; top: 100%; z-index: 22; }
.sProduct-float:after { content: " "; position: absolute; left: 6px; top: 0; bottom: 0; border-right: #e2e2e2 dotted 3px; z-index: -1; pointer-events: none; }
.sProduct-float .link { position: relative; display: block; padding-left: 22px; color: #666666; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; font-weight: bold; }
.sProduct-float .link:before { content: " "; position: absolute; left: 1px; top: 50%; margin-top: -7px; width: 14px; height: 14px; border: #e1e1e1 solid 2px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border-radius: 50%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sProduct-float .link.on { color: #d70c18; }
.sProduct-float .link.on:before { border-color: #d70c18; }
@media screen and (min-width: 1025px) {
 .sProduct-float .link:nth-child(1n+2) {
 margin-top: 0.8rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
 .sProduct-float span {
 display: none;
}
}
@media screen and (max-width: 1024px) {
 .sProduct-float {
 margin-top: -0.6rem;
 margin-bottom: 0.2rem;
 position: relative;
 left: auto;
 top: auto !important;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-align: stretch;
 -ms-flex-align: stretch;
 align-items: stretch;
 -ms-flex-line-pack: start;
 align-content: flex-start;
 overflow-x: auto;
 overflow-y: hidden;
}
 .sProduct-float:after {
 display: none;
}
 .sProduct-float .link {
 padding-left: 15px;
 white-space: nowrap;
 line-height: 2;
}
 .sProduct-float .link:before {
 content: " ";
 width: 10px;
 height: 10px;
 margin-top: -5px;
 border-width: 1px;
}
 .sProduct-float .link:nth-child(1n+2) {
 margin-left: 0.6rem;
}
}
.sProduct-list .item { border: #eeeeee solid 1px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sProduct-list .item:nth-child(1n+1) {
 width: 23.25%;
 margin-right: 2.33333333%;
 margin-top: 0;
}
.sProduct-list .item:nth-child( 4n+4) {
 margin-right: 0;
}
.sProduct-list .item:nth-child( 1n+5) {
 margin-top: 2.33333333%;
}
.sProduct-list .item .pic { width: 100%; height: 0; padding-bottom: 74.62686567%; background-color: #f1f1f1; }
.sProduct-list .item .txt { padding: 0.76rem 0.6rem; margin: 4px 0; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sProduct-list .item h3 { color: #333333; font-weight: bold; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; line-height: 1.5; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sProduct-list .item .aside { margin-top: 0.2rem; font-size: 14px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sProduct-list .item .aside span { color: #666666; }
.sProduct-list .item .aside s { color: #999999; }
.sProduct-list .item .arrow { position: absolute; margin-top: 0.32rem; width: 0; height: 8px; background-image: url(../images/arrows-pdt.png); background-size: auto 8px; background-position: right bottom; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sProduct-list .item .pic img {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sProduct-list .item:hover {
 -webkit-box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);
}
 .sProduct-list .item:hover .pic img {
 -webkit-transform: scale(1.025);
 transform: scale(1.025);
}
 .sProduct-list .item:hover .txt {
 -webkit-transform: translateY(-0.16rem);
 transform: translateY(-0.16rem);
 top: -4px;
}
 .sProduct-list .item:hover h3 {
 color: #d70c18;
}
 .sProduct-list .item:hover .arrow {
 width: 52px;
 height: 8px;
 margin-top: 0.3rem;
}
}
@media screen and (max-width: 1024px) {
 .sProduct-list .item:nth-child(1n+1) {
 width: 48.5%;
 margin-right: 3%;
 margin-top: 0;
}
 .sProduct-list .item:nth-child( 2n+2) {
 margin-right: 0;
}
 .sProduct-list .item:nth-child( 1n+3) {
 margin-top: 3%;
}
}
.sProduct-list-sections .section { position: relative; }
.sProduct-list-sections .section:nth-child(1n+2) {
 margin-top: 1.2rem;
}
.sProduct-list-sections .section .dt { position: relative; padding-bottom: 0.7rem; padding-top: 0.7rem; padding-left: 40px; color: #333333; }
.sProduct-list-sections .section .dt:before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-image: url(../images/icos-gear.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.sProduct-list-sections .section .dt .more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sProduct-view-banner { position: relative; overflow: hidden; }
.sProduct-view-banner .subpage-crumbs { display: block !important; padding: 1rem 0; line-height: 20px; height: auto; }
.sProduct-view-banner .subpage-crumbs,
.sProduct-view-banner .subpage-crumbs a { color: #ffffff; }
.sProduct-view-banner .subpage-crumbs:before { background-image: url(../images/icof-crumbsF.png); }
.sProduct-view-banner .subpage-crumbs .btn { float: right; padding-left: 36px; height: 20px; background-image: url(../images/btns-backToList.png); background-size: contain; background-position: 0 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sProduct-view-banner .subpage-crumbs .btn:hover { background-position: 3px 50%; }
@media screen and (max-width: 1024px) {
 .sProduct-view-banner .subpage-crumbs {
 position: relative !important;
 top: auto;
}
}
.sProduct-view-wrap { background-color: #fff; padding: 2rem; }
@media screen and (max-width: 1600px) {
 .sProduct-view-wrap {
 padding: 1.2rem 0.8rem;
}
}
.sProduct-view-intro { position: relative; background-color: #fff; padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; margin-bottom: -1px; }
.sProduct-view-intro:after { display: none; }
@media screen and (max-width: 1024px) {
 .sProduct-view-intro {
 display: block;
}
}
.sProduct-view-intro .right { position: relative; width: 50%; padding: 0.4rem 0 2rem; }
.sProduct-view-intro .right h1 { color: #333333; line-height: 1.25; }
.sProduct-view-intro .right .aside { margin-top: 0.3rem; line-height: 1.25; }
.sProduct-view-intro .right .imax { margin-top: 0.5rem; padding-top: 0.6rem; border-top: #eeeeee solid 1px; color: #666666; }
.sProduct-view-intro .right .btns { position: absolute; left: 0; bottom: 0.4rem; }
.sProduct-view-intro .right .btns .btn { z-index: 2; display: inline-block; vertical-align: top; position: relative; overflow: hidden; min-width: 120px; height: 30px; line-height: 30px; padding: 0.3rem 0.6rem; border-radius: 6px; text-align: center; font-size: 16px; border: #e0e0e0 solid 1px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sProduct-view-intro .right .btns .btn:after { background-color: #d70c18; opacity: 1; z-index: -1; }
.sProduct-view-intro .right .btns .btn:nth-child(1n+2) {
 margin-left: 0.6rem;
}
.sProduct-view-intro .right .btns .btn2 { color: #d70c18; border-color: #d70c18; }
@media screen and (min-width: 1025px) {
 .sProduct-view-intro .right .btn1:hover {
 color: #fff;
}
 .sProduct-view-intro .right .btn2 {
 color: #d70c18;
 border-color: #d70c18;
}
 .sProduct-view-intro .right .btn2:hover {
 color: #fff;
}
}
@media screen and (max-width: 1024px) {
 .sProduct-view-intro .right {
 max-width: 100%;
 margin-top: 0.7rem;
 width: 514px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 0.4rem;
}
 .sProduct-view-intro .right .btns {
 position: relative;
 margin-top: 0.6rem;
 bottom: 0;
}
}
.sProduct-view-intro .modal-videoPlayer { position: absolute; left: 2rem; top: 2rem; right: 2rem; bottom: 0; }
.sProduct-view-intro .modal-videoPlayer .close { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0.75); transform: scale(0.75); background-color: rgba(255, 255, 255, 0.2); }
@media screen and (max-width: 1600px) {
 .sProduct-view-intro {
 padding: 1.2rem 0.8rem;
}
 .sProduct-view-intro .modal-videoPlayer {
 position: absolute;
 left: 0.8rem;
 top: 1.2rem;
 right: 0.8rem;
 bottom: 0;
}
}
.sProduct-view-tab { width: 514px; margin-left: auto; margin-right: auto; }
.sProduct-view-tab .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent;/* img{object-fit:contain;} */
}
.sProduct-view-tab .Tt { position: relative; width: 100%; height: 0; padding-bottom: 75%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sProduct-view-tab .Tt:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border: #eeeeee solid 1px; }
.sProduct-view-tab .Tt .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sProduct-view-tab .Tt .playBtn { position: absolute; z-index: 10; left: 15px; bottom: 15px; width: 36px; height: 36px; background-image: url(../images/btns-play.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; }
.sProduct-view-tab .Tt .playBtn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #333 solid 2px; border-radius: inherit; }
@media screen and (min-width: 1025px) {
 .sProduct-view-tab .Tt .playBtn {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sProduct-view-tab .Tt .playBtn:hover {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
}
@media screen and (max-width: 1024px) {
 .sProduct-view-tab .Tt .playBtn:active {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
}
.sProduct-view-tab .Tg { margin-top: 10px; position: relative; }
.sProduct-view-tab .Tg .btn { position: relative; display: inline-block; vertical-align: top; width: 90px; height: 66px; }
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {
 margin-left: 16px;
}
.sProduct-view-tab .Tg .btn:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background-color: #000; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.sProduct-view-tab .Tg .btn:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 6; pointer-events: none; border: #eeeeee solid 1px; }
.sProduct-view-tab .Tg .btn:hover:before { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0.05; visibility: visible; }
.sProduct-view-tab .Tg .btn.on:after { border-color: #333; }
@media screen and (max-width: 640px) {
 .sProduct-view-tab {
 width: 100%;
}
 .sProduct-view-tab .Tg .btn {
 width: 72px;
 height: 52.8px;
}
 .sProduct-view-tab .Tg .btn:nth-child(1n+2) {
 margin-left: 12.8px;
}
}
.sProduct-view-sections .section { position: relative; }
.sProduct-view-sections .section:nth-child(1n+2) {
 margin-top: 1.2rem;
}
.sProduct-view-sections .section .dt { position: relative; border-left: solid 1px #d70c18; border-bottom: solid 1px #d70c18; padding-left: 5px; line-height: 1.25; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.sProduct-view-sections .section .dt:after { display: none; }
.sProduct-view-sections .section .dt .cn { display: inline-block; vertical-align: top; background-color: #d70c18; color: #fff; padding: .5em .8em; }
.sProduct-view-sections .section .dt .en { display: inline-block; vertical-align: top; margin-left: 15px; font-family: Times New Roman, sans-serif; text-transform: uppercase; color: #999999; }
.sProduct-view-sections .section .dt .more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sProduct-view-sections .section .dd { margin-top: 0.9rem; }
@media screen and (max-width: 1024px) {
 .sProduct-view-sections {
 margin-top: 0.6rem;
}
}
.sProduct-view-oList { margin-top: -0.6rem; margin-bottom: -0.6rem; }
.sProduct-view-oList .oLi { position: relative; padding: 0.9rem 0 0.9rem 1rem; }
.sProduct-view-oList .oLi:nth-child(1n+2) {
 border-top: #e7e7e7 solid 1px;
}
.sProduct-view-oList .oLi .sdt { line-height: 1.5em; color: #333333; }
.sProduct-view-oList .oLi .sdt i { float: left; margin-left: -1rem; width: 1.5em; height: 1.5em; border-radius: 50%; line-height: 1.5em; text-align: center; color: #fff; background-color: #d70c18; font-family: Times New Roman, sans-serif; letter-spacing: -0.05em; }
.sProduct-view-oList .oLi .sdt span { font-size: .95em; }
.sProduct-view-oList .oLi .sdd { margin-top: 0.5rem; color: #333333; }
@media screen and (max-width: 1024px) {
 .sProduct-view-oList .oLi {
 padding-left: 0;
}
 .sProduct-view-oList .oLi .sdt i {
 float: left;
 margin-right: 5px;
 margin-left: 0;
}
}
.sProduct-scope-resMove { position: relative; }
.sProduct-scope-resMove .shade { height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.sProduct-scope-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.sProduct-scope-resMove .box { position: relative !important; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.sProduct-scope-resMove .box:after { display: none; }
.sProduct-scope-resMove .item { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.sProduct-scope-resMove .item .pic { z-index: 1; width: 100%; height: 0; padding-bottom: 55.38461538%; background-color: #f1f1f1; }
.sProduct-scope-resMove .item .txt { padding: 0.5rem 0.6rem; border: #eeeeee solid 1px; }
.sProduct-scope-resMove .item .txt h3 { line-height: 1.25; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; font-weight: bold; }
.sProduct-scope-resMove .item .txt p { margin-top: 0.3rem; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px; }
.sProduct-scope-resMove .pagination { display: none; }
.sProduct-scope-resMove .progress { margin-top: 1rem; position: relative; border-radius: 3px; height: 3px; width: 60%; max-width: 640px; margin-left: auto; margin-right: auto; background-color: #eeeeee; cursor: pointer; }
.sProduct-scope-resMove .progress .bar { position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: inherit; background-color: #d70c18; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sProduct-scope-resMove .item .pic img {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sProduct-scope-resMove .item h3 {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sProduct-scope-resMove .item:hover .pic img {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 .sProduct-scope-resMove .item:hover h3 {
 color: #d70c18;
}
}
@media screen and (max-width: 1024px) {
 .sProduct-scope-resMove .item .txt p {
 line-height: 20px;
 max-height: 40px;
}
}
/* sActivity */
.sActivity-wrap { padding: 1.6rem 0 2rem; }
.sActivity-wrap .pageListBox { padding-bottom: 0; }
.sActivity-list .item { background-color: #f9f9f9; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sActivity-list .item:nth-child(1n+1) {
 width: 48.5%;
 margin-right: 3%;
 margin-top: 0;
}
.sActivity-list .item:nth-child( 2n+2) {
 margin-right: 0;
}
.sActivity-list .item:nth-child( 1n+3) {
 margin-top: 3%;
}
.sActivity-list .item .pic { height: 0; padding-bottom: 56.42857143%; width: 100%; }
.sActivity-list .item .txt { position: relative; padding: 0.8rem; border: #eaeaea solid 1px; }
.sActivity-list .item .txt h3 { color: #333333; line-height: 1.25; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sActivity-list .item .txt p { margin-top: 0.4rem; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px; height: 44px; }
.sActivity-list .item .txt .more { display: inline-block; vertical-align: top; padding: 0.24rem 0.6rem; line-height: 24px; border: #999999 solid 1px; border-radius: 50px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sActivity-list .item .pic img {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sActivity-list .item .txt h3,  .sActivity-list .item .txt p {
 margin-right: 4.2rem;
}
 .sActivity-list .item .txt h3,  .sActivity-list .item .txt .more {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sActivity-list .item .txt .more {
 position: absolute;
 right: 0.8rem;
 bottom: 0.8rem;
}
 .sActivity-list .item:hover .pic img {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 .sActivity-list .item:hover .txt h3 {
 color: #d70c18;
}
 .sActivity-list .item:hover .txt .more {
 border-color: #d70c18;
 background-color: #d70c18;
 color: #fff;
}
}
@media screen and (max-width: 1024px) {
 .sActivity-list .item .txt h3,  .sActivity-list .item .txt p {
 margin-right: 0;
}
 .sActivity-list .item .txt p {
 line-height: 18px;
 max-height: 36px;
}
 .sActivity-list .item .txt .more {
 display: none;
}
 .sActivity-list .item:active h3 {
 color: #d70c18;
}
 .sActivity-list .item:active .more {
 border-color: #d70c18;
 background-color: #d70c18;
 color: #fff;
}
}
.sActivity-view-wrap { padding: 1.6rem 0 2rem; }
.sActivity-view-head { text-align: center; }
.sActivity-view-head .dib { position: relative; padding-left: 2.77777778em; text-align: left; }
.sActivity-view-head .dib .icoImg { position: absolute; left: 0; top: 50%; margin-top: -1.11111111em; width: 2.22222222em; height: 2.22222222em; border-radius: 50%; background-color: #d70c18; }
.sActivity-view-head .dib .cn { line-height: 1.25; color: #333333; font-weight: bold; }
.sActivity-view-head .dib .en { margin-top: 0.2rem; color: #999999; text-transform: uppercase; }
.sActivity-view-body { margin-top: 1rem; }
.sActivity-view-body .operation { position: relative; }
.sActivity-view-body .operation .ctrX2 { top: 50%; margin-top: -24px; z-index: 20; }
.sActivity-view-body .operation .ctrX2 .name { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; font-size: 14px; white-space: nowrap; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; padding-top: 4px; }
.sActivity-view-body .operation .ctrX2:hover .name { -webkit-transition: all 250ms ease-out 100ms; transition: all 250ms ease-out 100ms; opacity: 1; visibility: visible; padding-top: 10px; }
@media screen and (max-width: 1024px) {
 .sActivity-view-body .operation .ctrX2 {
 display: none;
}
}
.sActivity-view-body .picArea { z-index: 2; position: relative; width: 1000px; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 1.6rem; }
.sActivity-view-body .picArea:before,
.sActivity-view-body .picArea:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; }
.sActivity-view-body .picArea:before { z-index: -1; -webkit-transform: scale(0.94) translateY(5.5%); transform: scale(0.94) translateY(5.5%); background-color: rgba(0, 0, 0, 0.08); }
.sActivity-view-body .picArea:after { z-index: -2; -webkit-transform: scale(0.86) translateY(13%); transform: scale(0.86) translateY(13%); background-color: rgba(0, 0, 0, 0.04); }
.sActivity-view-body .picArea .pic { width: 100%; height: 0; padding-bottom: 56.2%; background-color: rgba(0, 0, 0, 0.12); }
@media screen and (max-width: 1024px) {
 .sActivity-view-body .picArea {
 width: auto;
 margin-left: 10px;
 margin-right: 10px;
}
}
/* sView */
.sView-wrap { padding: 1.6rem 0 2rem; }
.sView-wrap > .wrapIn { width: 1200px; max-width: 100%; margin-left: auto; margin-right: auto; }
.sView-wrap .pageListBox { padding-bottom: 0; }
.sView .subpage-neck { padding: 0.4rem 0; line-height: 30px; }
.sView .subpage-crumbs { display: block !important; width: 100%; }
.sView .subpage-crumbs .btn { float: right; padding-left: 36px; height: 20px; background-image: url(../images/btns-backToList0.png); background-size: contain; background-position: 0 50%; background-repeat: no-repeat; color: #666666; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sView .subpage-crumbs .btn:hover { background-position: 3px 50%; }
@media screen and (max-width: 1024px) {
 .sView .subpage-crumbs {
 position: relative !important;
 top: auto;
}
}
.sView-head { padding-bottom: 0.7rem; border-bottom: #cccccc solid 1px; text-align: center; }
.sView-head h1 { font-weight: bold; line-height: 1.25; color: #333333; }
.sView-head .aside { margin-top: 0.6rem; }
.sView-head .aside span { margin-left: 5px; margin-right: 5px; }
.sView-body { margin-top: 0.9rem; }
.sView-foot { position: relative; overflow: hidden; padding: 0.6rem 0; font-size: 14px; border-top: #eee solid 2px; margin-top: 1.2rem; margin-bottom: -0.6rem; }
.sView-foot .ctr { z-index: 2; position: relative; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); height: 32px; line-height: 32px; color: #333333; }
.sView-foot .ctr .arrow { position: relative; overflow: hidden; width: 60px; height: 32px; }
.sView-foot .ctr .arrow:before { content: " "; position: absolute; top: 50%; margin-top: -16px; width: 32px; height: 32px; border-radius: 50%; border: #c5c5d1 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sView-foot .ctr .arrow:after { content: " "; position: absolute; top: 0; width: 100%; height: 100%; background-image: url(../images/arrows-view.png); background-size: auto 100%; background-position: 0 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms; }
.sView-foot .ctr .limit { padding: 0 0.3rem; }
.sView-foot .ctr.prev { float: left; }
.sView-foot .ctr.prev .arrow { float: left; }
.sView-foot .ctr.prev .arrow:before { left: 0; }
.sView-foot .ctr.prev .arrow:after { left: 0; }
.sView-foot .ctr.next { float: right; }
.sView-foot .ctr.next .arrow { float: right; }
.sView-foot .ctr.next .arrow:before { right: 0; }
.sView-foot .ctr.next .arrow:after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href=""] { cursor: not-allowed; opacity: .5; }
.sView-foot .ctr .limit { display: inline-block; vertical-align: top; max-width: 16em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sView-foot .ctr.prev:hover .arrow:after {
 left: -5px;
}
 .sView-foot .ctr.next:hover .arrow:after {
 right: -5px;
}
}
@media screen and (max-width: 1024px) {
 .sView-foot .ctr .limit {
 display: none !important;
}
 .sView-foot .ctr .tip {
 padding: 0 5px;
}
 .sView-foot .ctr .arrow {
 width: 48px;
}
 .sView-foot .ctr.prev:active .arrow:after {
 left: -5px;
}
 .sView-foot .ctr.next:active .arrow:after {
 right: -5px;
}
}
/* sCase */
.sCase-wrap { padding: 1.6rem 0 2rem; }
.sCase-wrap .pageListBox { padding-bottom: 0; }
.sCase-list .item { position: relative; z-index: 2; border: #eeeeee solid 1px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sCase-list .item:nth-child(1n+1) {
 width: 32.5%;
 margin-right: 1.25%;
 margin-top: 0;
}
.sCase-list .item:nth-child( 3n+3) {
 margin-right: 0;
}
.sCase-list .item:nth-child( 1n+4) {
 margin-top: 1.25%;
}
.sCase-list .item:after { content: " "; position: absolute; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: 0; width: 0; height: 2px; background-color: #d70c18; }
.sCase-list .item .pic { width: 100%; height: 0; padding-bottom: 74.62686567%; background-color: #f1f1f1; }
.sCase-list .item .txt { padding: 0.76rem 0.6rem; margin: 4px 0; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sCase-list .item h3 { color: #333333; font-weight: bold; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; line-height: 1.5; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sCase-list .item p { margin-top: 0.2rem; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px; }
.sCase-list .item p span { color: #666666; }
.sCase-list .item p s { color: #999999; }
.sCase-list .item .arrow { position: absolute; margin-top: 0.32rem; width: 0; height: 8px; background-image: url(../images/arrows-pdt.png); background-size: auto 8px; background-position: right bottom; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sCase-list .item:hover {
 -webkit-box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);
}
 .sCase-list .item:hover .txt {
 -webkit-transform: translateY(-0.16rem);
 transform: translateY(-0.16rem);
 top: -4px;
}
 .sCase-list .item:hover h3 {
 color: #d70c18;
}
 .sCase-list .item:hover .arrow {
 width: 52px;
 height: 8px;
 margin-top: 0.3rem;
}
 .sCase-list .item:hover:after {
 left: 0;
 width: 100%;
 -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
 transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
}
@media screen and (max-width: 1024px) {
 .sCase-list .item:nth-child(1n+1) {
 width: 48.5%;
 margin-right: 3%;
 margin-top: 0;
}
 .sCase-list .item:nth-child( 2n+2) {
 margin-right: 0;
}
 .sCase-list .item:nth-child( 1n+3) {
 margin-top: 3%;
}
 .sCase-list .item p {
 line-height: 20px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 max-height: 40px;
 height: 40px;
}
}
.sCase-list-sections .section { position: relative; }
.sCase-list-sections .section:nth-child(1n+2) {
 margin-top: 1.2rem;
}
.sCase-list-sections .section .dt { position: relative; padding-bottom: 0.7rem; padding-top: 0.7rem; padding-left: 40px; color: #333333; }
.sCase-list-sections .section .dt:before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-image: url(../images/icos-gear.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.sCase-list-sections .section .dt .more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sCase-view-wrap { padding-bottom: 2rem; }
.sCase-view-intro { padding: 1.6rem 0; text-align: center; }
.sCase-view-intro h1 { color: #333; }
.sCase-view-intro h1:after { content: " "; display: block; margin-left: auto; margin-right: auto; margin-top: 0.6rem; width: 30px; height: 4px; background-color: #d70c18; }
.sCase-view-intro .imax { margin-top: 0.6rem; }
.sCase-view-intro .btns { margin-top: 0.8rem; text-align: center; font-size: 0; }
.sCase-view-intro .btns .btn { display: inline-block; vertical-align: top; color: #fff; border-radius: 6px; font-size: 14px; width: 120px; height: 30px; line-height: 30px; padding: 0.2rem 0.6rem; }
.sCase-view-intro .btns .btn:nth-child(2n+1) {
 background-color: #555555;
}
.sCase-view-intro .btns .btn:nth-child(2n+2) {
 background-color: #d70c18;
}
.sCase-view-intro .btns .btn:nth-child(1n+2) {
 margin-left: 0.6rem;
}
.sCase-view-intro .btns .btn .icoImg { margin-right: 5px; width: 30px; height: 30px; vertical-align: middle; }
.sCase-view-intro .btns .btn s { font-size: 14px; }
.sCase-view-body { padding: 1.4rem 2.4rem; background-color: #f7f7f7; }
.sCase-view-body .head { position: relative; }
.sCase-view-body .head .cn { color: #333; letter-spacing: .2em; }
.sCase-view-body .head .en { color: #c5c4c4; margin-top: 12px; text-transform: uppercase; }
.sCase-view-body .head .warning { position: absolute; right: 0; top: 0; padding-top: 5px; line-height: 1.5; text-align: right; }
.sCase-view-body .head .en,
.sCase-view-body .head .warning { font-size: 24px; }
@media screen and (max-width: 1280px) {
 .sCase-view-body .head .en,  .sCase-view-body .head .warning {
 font-size: 20px;
}
 .sCase-view-body .head .en {
 margin-top: 14px;
}
}
.sCase-view-body .body { margin-top: 0.8rem; }
.sCase-view-body .body .playground { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.sCase-view-body .body .playground .player { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; background-color: #000; -o-object-fit: cover; object-fit: cover; }
.sCase-view-body .sView-foot { padding-top: 0; border-top: none; padding-bottom: 0; margin-bottom: 0; margin-top: 1rem; }
.sCase-view .sRelative-product { margin-top: 1rem; }
/* sRelative */
.sRelative-product .dt { position: relative; padding-bottom: 0.7rem; padding-top: 0.7rem; padding-left: 40px; color: #333333; }
.sRelative-product .dt:before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-image: url(../images/icos-gear.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.sRelative-product .dt .more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sRelative-product-resMove { position: relative; }
.sRelative-product-resMove .shade { height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; }
.sRelative-product-resMove._loaded .shade { -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; }
.sRelative-product-resMove .box { position: relative !important; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.sRelative-product-resMove .box:after { display: none; }
.sRelative-product-resMove .item { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: #eeeeee solid 1px; }
.sRelative-product-resMove .item .pic { width: 100%; height: 0; padding-bottom: 74.62686567%; background-color: #f1f1f1; }
.sRelative-product-resMove .item .txt { padding: 0.76rem 0.6rem; margin: 4px 0; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sRelative-product-resMove .item h3 { color: #333333; font-weight: bold; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; line-height: 1.5; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sRelative-product-resMove .item .aside { margin-top: 0.2rem; font-size: 14px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sRelative-product-resMove .item .aside span { color: #666666; }
.sRelative-product-resMove .item .aside s { color: #999999; }
.sRelative-product-resMove .item .arrow { position: absolute; margin-top: 0.32rem; width: 0; height: 8px; background-image: url(../images/arrows-pdt.png); background-size: auto 8px; background-position: right bottom; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sRelative-product-resMove .item:hover .txt {
 -webkit-transform: translateY(-0.16rem);
 transform: translateY(-0.16rem);
 top: -4px;
}
 .sRelative-product-resMove .item:hover h3 {
 color: #d70c18;
}
 .sRelative-product-resMove .item:hover .arrow {
 width: 52px;
 height: 8px;
 margin-top: 0.3rem;
}
}
@media screen and (max-width: 1024px) {
 .sRelative-product-resMove .item:nth-child(1n+1) {
 width: 48.5%;
 margin-right: 3%;
 margin-top: 0;
}
 .sRelative-product-resMove .item:nth-child( 2n+2) {
 margin-right: 0;
}
 .sRelative-product-resMove .item:nth-child( 1n+3) {
 margin-top: 3%;
}
}
.sRelative-product-resMove .pagination { display: none; }
.sRelative-product-resMove .progress { margin-top: 1rem; position: relative; border-radius: 3px; height: 3px; width: 60%; max-width: 640px; margin-left: auto; margin-right: auto; background-color: #eeeeee; cursor: pointer; }
.sRelative-product-resMove .progress .bar { position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: inherit; background-color: #d70c18; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
@media screen and (min-width: 1025px) {
 .sRelative-product-resMove .item .pic img {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sRelative-product-resMove .item h3 {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sRelative-product-resMove .item:hover .pic img {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 .sRelative-product-resMove .item:hover h3 {
 color: #d70c18;
}
}
@media screen and (max-width: 1024px) {
 .sRelative-product-resMove .item .txt p {
 line-height: 20px;
 max-height: 40px;
}
}
/* sSupport */
.sSupport-flow .oLi { position: relative; z-index: 3; padding: 1.6rem 0; }
.sSupport-flow .oLi:nth-child(2n+1) {
 background-color: #fff;
}
.sSupport-flow .oLi:nth-child(2n+2) {
 background-color: #f7f7f7;
}
.sSupport-flow .oLi .dt { text-align: center; color: #333333; font-weight: bold; }
.sSupport-flow .oLi .dt:after { content: " "; margin-top: 0.4rem; display: block; margin-left: auto; margin-right: auto; width: 30px; height: 4px; background-color: #d70c18; }
.sSupport-flow .oLi .dt i { margin-right: .2em; }
.sSupport-flow .oLi .dt i,
.sSupport-flow .oLi .dt span { display: inline-block; vertical-align: top; }
.sSupport-flow .oLi .dd { margin-top: 0.6rem; width: 1200px; max-width: 100%; margin-left: auto; margin-right: auto; color: #333333; text-align: center; }
/* sQa */
.sQa-wrap { padding-top: 1.6rem; padding-bottom: 2rem; }
.sQa-list .item { position: relative; z-index: 2; }
.sQa-list .item:after { content: " "; position: absolute; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; top: 0; width: 0; height: 24px; padding: 0.8rem 0; background-color: #d70c18; }
.sQa-list .item:nth-child(1n+2) {
 margin-top: -1px;
}
.sQa-list .item .wrapIn { border-top: #e7e7e7 solid 1px; border-bottom: #e7e7e7 solid 1px; }
.sQa-list .item .dt,
.sQa-list .item .dd { position: relative; z-index: 2; padding: 0.8rem 1.4rem; }
.sQa-list .item .tag { position: absolute; left: 0.3rem; top: 0.8rem; width: 24px; height: 24px; font-size: 16px; line-height: 24px; text-align: center; color: #fff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; background-color: #d70c18; }
.sQa-list .item .tag:before { content: " "; position: absolute; left: -4px; top: 0; overflow: hidden; width: 0; height: 0; border-width: 4px 4px; border-color: #d70c18 transparent transparent transparent; border-style: solid; font-size: 0; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sQa-list .item .spreadBtn { position: absolute; right: 1.4rem; top: 50%; margin-right: -16px; margin-top: -8px; width: 16px; height: 16px; border-radius: 24px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }
.sQa-list .item .spreadBtn:before,
.sQa-list .item .spreadBtn:after { content: " "; position: absolute; left: 50%; top: 50%; background-color: #c2c2c2; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms; }
.sQa-list .item .spreadBtn:before { width: 2px; height: 14px; margin-left: -1px; margin-top: -7px; }
.sQa-list .item .spreadBtn:after { width: 14px; height: 2px; margin-left: -7px; margin-top: -1px; }
.sQa-list .item .spreadBtn:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sQa-list .item .dt { cursor: pointer; }
.sQa-list .item .dt h3 { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; line-height: 24px; color: #333333; font-weight: bold; }
.sQa-list .item .dd { display: none; }
.sQa-list .item .dd .tag { background-color: #686868; }
.sQa-list .item .dd .tag:before { border-top-color: #686868; }
.sQa-list .item.unfold:after { left: 0; width: 100%; -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s; transition: left 0ms ease-out 0s, width 220ms ease-out 0s; }
.sQa-list .item.unfold .wrapIn { border-color: transparent; }
.sQa-list .item.unfold .dt .tag { background-color: #fff; color: #d70c18; }
.sQa-list .item.unfold .dt .tag:before { border-top-color: #fff; }
.sQa-list .item.unfold .dt h3 { color: #fff; }
.sQa-list .item.unfold .spreadBtn { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sQa-list .item.unfold .spreadBtn:before,
.sQa-list .item.unfold .spreadBtn:after { background-color: #fff; }
.sQa-list .item.unfold .spreadBtn:before { height: 0; margin-top: 0; }
/* sNews */
.sNews-wrap { padding: 1.6rem 0 2rem; }
.sNews-wrap .pageListBox { padding-bottom: 0; }
.sNews-list { margin-top: -0.8rem; }
.sNews-list .item { position: relative; z-index: 2; padding: 0.9rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; border-bottom: #e7e7e7 solid 1px; }
.sNews-list .item:after { display: none; }
.sNews-list .item:before { content: " "; position: absolute; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 100%; bottom: -1px; width: 0; height: 1px; background-color: #d70c18; }
.sNews-list .item .picArea { position: relative; width: 400px; min-width: 400px; }
.sNews-list .item .pic { width: 100%; height: 0; padding-bottom: 56.25%; background-color: #f1f1f1; }
.sNews-list .item .txtArea { width: 900px; margin-right: 1.2rem; max-width: 100%; }
.sNews-list .item .txtArea .date { font-family: Times New Roman, sans-serif; color: #999999; }
.sNews-list .item .txtArea h3 { margin-top: 0.6rem; color: #333333; font-weight: bold; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; line-height: 1.25; }
.sNews-list .item .txtArea h3 .link { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }
.sNews-list .item .txtArea p { margin-top: 0.5rem; font-size: 14px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 52px; }
@media screen and (min-width: 1025px) {
 .sNews-list .item .picArea img {
 -webkit-transition: all 250ms ease-out 0s;
 transition: all 250ms ease-out 0s;
}
 .sNews-list .item .picArea:hover img {
 -webkit-transform: scale(1.025);
 transform: scale(1.025);
}
 .sNews-list .item:hover:before {
 left: 0;
 width: 100%;
 -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
 transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
}
@media screen and (max-width: 1024px) {
 .sNews-list .item .picArea {
 width: 50%;
 min-width: 0;
}
 .sNews-list .item .txtArea {
 width: 48%;
 margin-right: 2%;
}
 .sNews-list .item .txtArea p {
 line-height: 20px;
 max-height: 40px;
}
}
@media screen and (max-width: 768px) {
 .sNews-list .item {
 display: block;
}
 .sNews-list .item .picArea,  .sNews-list .item .txtArea {
 width: 100%;
 margin: 0;
}
 .sNews-list .item .txtArea {
 margin-top: 0.6rem;
}
 .sNews-list .item .txtArea h3 {
 margin-top: 0.4rem;
}
}
/* sContact */
.sContact-intro { padding: 1.6rem 0; }
.sContact-intro .wrapIn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
.sContact-intro .wrapIn:after { display: none; }
@media screen and (max-width: 1024px) {
 .sContact-intro .wrapIn {
 display: block;
}
}
.sContact-intro .left { width: 440px; }
.sContact-intro .right { width: 800px; margin-left: 40px; }
.sContact-way .dt { position: relative; color: #333333; font-weight: bold; line-height: 1.25; padding-bottom: 0.7rem; }
.sContact-way .dt:before,
.sContact-way .dt:after { content: " "; position: absolute; left: 0; bottom: 0; }
.sContact-way .dt:before { width: 100%; height: 1px; background-color: #e7e7e7; }
.sContact-way .dt:after { width: 40px; height: 3px; background-color: #d70c18; }
.sContact-way .dd { padding: 0.5rem 0; }
.sContact-way .dd .line { position: relative; padding-left: 48px; margin-top: 0.5rem; min-height: 34px; }
.sContact-way .dd .line .icoImg { float: left; margin-left: -48px; width: 34px; height: 34px; border-radius: 50%; background-color: #e9e9e9; }
.sContact-way .dd .line p { line-height: 2; }
@media screen and (max-width: 1024px) {
 .sContact-way .dd .line {
 line-height: 28px;
 padding-left: 36px;
}
 .sContact-way .dd .line .icoImg {
 width: 28px;
 height: 28px;
 margin-left: -36px;
}
}
.sContact-map { position: relative; width: 790px; height: 400px; max-width: 100%; }
.sContact-map #dituContent { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0; }
.sContact-map #dituContent .BMap_bubble_title { font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #d70c18; }
.sContact-map #dituContent .BMap_bubble_content { width: auto; font-size: 14px; line-height: 18px; }
.sContact-map #dituContent img { max-width: none; }
._pen .sContact-map { pointer-events: none; }
@media screen and (max-width: 1024px) {
 .sContact-map {
 margin-top: 0.6rem;
}
}
.sContact-list { padding: 1.6rem 0; background-color: #f7f7f7; }
.sContact-list .item { padding: 1rem; position: relative; background-image: url(../images/bgs-contact-item.png); background-size: cover; background-position: right 50%; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background-color: #fff; }
.sContact-list .item:after { display: none; }
@media screen and (max-width: 1024px) {
 .sContact-list .item {
 display: block;
}
}
.sContact-list .item:nth-child(1n+2) {
 margin-top: 0.4rem;
}
.sContact-list .item .dt { position: relative; z-index: 2; }
.sContact-list .item .dt:before { content: " "; position: absolute; left: -1rem; top: 50%; margin-top: -25px; width: 3px; height: 50px; background-color: #d70c18; pointer-events: none; z-index: -1; }
.sContact-list .item .dt .sdt { font-weight: bold; color: #333333; line-height: 1.25; }
.sContact-list .item .dt .sdd { position: relative; margin-top: 0.3rem; font-size: 14px; line-height: 1.5; color: #666666; }
.sContact-list .item .dt .sdd > a { display: inline-block; vertical-align: top; position: relative; padding-left: 26px; }
.sContact-list .item .dt .sdd > a:before { content: " "; position: absolute; left: -6px; top: -6px; width: 34px; height: 34px; background-image: url(../images/icosc-address.png); background-size: contain; background-position: 0 50%; background-repeat: no-repeat; }
.sContact-list .item .dd { position: relative; z-index: 2; padding-left: 2rem; margin-left: 2rem; font-size: 14px; line-height: 2; }
.sContact-list .item .dd:before { content: " "; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-color: #eee; pointer-events: none; z-index: -1; }
@media screen and (max-width: 1024px) {
 .sContact-list .item .dt:before {
 height: 20px;
 top: -1px;
 margin-top: 0;
}
 .sContact-list .item .dt .sdd > a {
 padding-left: 22px;
}
 .sContact-list .item .dt .sdd > a:before {
 width: 28px;
 height: 28px;
 left: -4px;
 top: -2px;
}
 .sContact-list .item .dd {
 margin-top: 0.3rem;
 margin-left: 0;
 padding-left: 0;
 line-height: 1.5;
}
 .sContact-list .item .dd:before {
 display: none;
}
}
/* sMessageBoard */
.sMessageBoard-wrap { padding: 1.6rem 0 2rem; }
.sMessageBoard-form .dt { text-align: center; }
.sMessageBoard-form .dt .sdt { color: #333333; }
.sMessageBoard-form .dt .sdd { margin-top: 0.5rem; color: #666666; line-height: 1.25; }
.sMessageBoard-form .dd { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.sMessageBoard-form .dd:after { display: none; }
.sMessageBoard-form .formItem { position: relative; width: 48.5%; line-height: 20px; color: #666666; margin-bottom: 0.7rem; }
.sMessageBoard-form .formItem.w2 { width: 100%; }
.sMessageBoard-form .formItem:last-child { margin-bottom: 0; }
.sMessageBoard-form .formItem.red { border-color: #f00; }
.sMessageBoard-form .formItem .focus { position: absolute; left: 0.16rem; top: 20px; width: 2.2rem; text-align: right; white-space: nowrap; font-size: 14px; text-align: center; pointer-events: none; }
.sMessageBoard-form .formItem .skin { display: block; width: 100%; line-height: 20px; padding: 20px 0.6rem 20px 2.36rem; border: #e7e7e7 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
.sMessageBoard-form .formItem input.skin { height: 60px; }
.sMessageBoard-form .formItem textarea.skin { height: 160px; }
.sMessageBoard-form .formItem.yzm { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.sMessageBoard-form .formItem.yzm:after { display: none; }
.sMessageBoard-form .formItem.yzm .skin { width: 280px; padding-left: 0.6rem; }
.sMessageBoard-form .formItem.yzm .bindClick { display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; width: 118px; height: 58px; border: #e7e7e7 solid 1px; }
.sMessageBoard-form .formItem .enter { display: inline-block; vertical-align: top; width: 160px; height: 60px; line-height: 60px; text-align: center; background-color: #d70c18; color: #fff; font-size: 16px; }
@media screen and (max-width: 1024px) {
 .sMessageBoard-form .formItem {
 width: 100%;
}
 .sMessageBoard-form .formItem .focus {
 top: 15px;
 left: 4px;
 width: 60px;
}
 .sMessageBoard-form .formItem .skin {
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: 64px;
}
 .sMessageBoard-form .formItem input.skin {
 height: 50px;
}
 .sMessageBoard-form .formItem textarea.skin {
 height: 150px;
}
 .sMessageBoard-form .formItem.yzm .bindClick {
 height: 48px;
}
 .sMessageBoard-form .formItem .enter {
 height: 50px;
 line-height: 50px;
}
}
 @media screen and (max-width: 1024px) {
 .sProduct-view-oList .oLi .sdd * {
float: none !important;
}
}
.imax { }