@charset "utf-8";
/*! Project : 成都九联投资集团有限公司 +---------style.css----------+ | | | Author | yeshiqiu | | Q__Q | 337676937 | | Addr | SC_Chengdu | | Date | 2020.12.07 | | | +--!-_-!--------------!-_-!--+
*/
.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);}}
/* 固定调用animations-start */
@-webkit-keyframes fadeInRightm{0%{opacity: 0.6; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRightm{0%{opacity: 0.6; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInRightm{-webkit-animation-name: fadeInRightm; animation-name: fadeInRightm;}
@-webkit-keyframes fadeInLeftm{0%{opacity: 0.6; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLeftm{0%{opacity: 0.6; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInLeftm{-webkit-animation-name: fadeInLeftm; animation-name: fadeInLeftm;}
@-webkit-keyframes fadeInUpm{0%{opacity: 0.6; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUpm{0%{opacity: 0.6; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInUpm{-webkit-animation-name: fadeInUpm; animation-name: fadeInUpm;}
@-webkit-keyframes fadeInDownm{0%{opacity: 0.6; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDownm{0%{opacity: 0.6; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDownm{-webkit-animation-name: fadeInDownm; animation-name: fadeInDownm;}
@-webkit-keyframes slideInRightm{0%{-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes slideInRightm{0%{-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{-webkit-transform: none; transform: none;}}
.slideInRightm{-webkit-animation-name: slideInRightm; animation-name: slideInRightm; opacity: 1 !important;}
@-webkit-keyframes slideInLeftm{0%{-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes slideInLeftm{0%{-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{-webkit-transform: none; transform: none;}}
.slideInLeftm{-webkit-animation-name: slideInLeftm; animation-name: slideInLeftm; opacity: 1 !important;}
@-webkit-keyframes slideInUpm{0%{-webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes slideInUpm{0%{-webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{-webkit-transform: none; transform: none;}}
.slideInUpm{-webkit-animation-name: slideInUpm; animation-name: slideInUpm; opacity: 1 !important;}
@-webkit-keyframes slideInDownm{0%{-webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes slideInDownm{0%{-webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{-webkit-transform: none; transform: none;}}
.slideInDownm{-webkit-animation-name: slideInDownm; animation-name: slideInDownm; opacity: 1 !important;}
@-webkit-keyframes fadeIns{0%{opacity: 0.5;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.5;} to{opacity: 1;}}
.fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes rotateInYm{0%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0;} to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}
@keyframes rotateInYm{0%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0;} to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}
.rotateInYm{-webkit-animation-name: rotateInYm; animation-name: rotateInYm;}
@-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;}
@-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;}
@-webkit-keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
@keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
.AniShiny{-webkit-animation-name: AniShiny; animation-name: AniShiny;}
@-webkit-keyframes scaleInDown{0%{-webkit-transform: scale(1, 1.25) translateY(20%); transform: scale(1, 1.25) translateY(20%); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%;} 100%{-webkit-transform: none !important; transform: none !important;}}
@keyframes scaleInDown{0%{-webkit-transform: scale(1, 1.25) translateY(20%); transform: scale(1, 1.25) translateY(20%); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%;} 100%{-webkit-transform: none !important; transform: none !important;}}
.scaleInDown{-webkit-animation-name: scaleInDown; animation-name: scaleInDown;}
@-webkit-keyframes scaleInRight{0%{-webkit-transform: scale(1.25, 1) translateX(20%); transform: scale(1.25, 1) translateX(20%); -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}}
@keyframes scaleInRight{0%{-webkit-transform: scale(1.25, 1) translateX(20%); transform: scale(1.25, 1) translateX(20%); -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}}
.scaleInRight{-webkit-animation-name: scaleInRight; animation-name: scaleInRight;}
@-webkit-keyframes scaleInUp{0%{-webkit-transform: scale(1, 1.25) translateY(-20%); transform: scale(1, 1.25) translateY(-20%); -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%;} 100%{-webkit-transform: none !important; transform: none !important;}}
@keyframes scaleInUp{0%{-webkit-transform: scale(1, 1.25) translateY(-20%); transform: scale(1, 1.25) translateY(-20%); -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%;} 100%{-webkit-transform: none !important; transform: none !important;}}
.scaleInUp{-webkit-animation-name: scaleInUp; animation-name: scaleInUp;}
@-webkit-keyframes scaleInLeft{0%{-webkit-transform: scale(1.25, 1) translateX(-20%); transform: scale(1.25, 1) translateX(-20%); -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}}
@keyframes scaleInLeft{0%{-webkit-transform: scale(1.25, 1) translateX(-20%); transform: scale(1.25, 1) translateX(-20%); -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%;} 100%{-webkit-transform: none !important; transform: none !important;}}
.scaleInLeft{-webkit-animation-name: scaleInLeft; animation-name: scaleInLeft;}
@-webkit-keyframes animateStay{0, 100%{opacity: 1;}}
@keyframes animateStay{0, 100%{opacity: 1;}}
.animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;}
@-webkit-keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
@keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
.AniNone{-webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1;}
@-webkit-keyframes AniCalmdown{}
@keyframes AniCalmdown{}
.AniCalmdown{-webkit-animation-name: AniCalmdown; animation-name: AniCalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none;}
.waitAniTitleBlock{display: inline-block; vertical-align: top;}
.waitAniTitleBlock,
.waitAniBlock{position: relative; overflow: hidden; -webkit-animation-duration: 2s !important; animation-duration: 2s !important;}
.waitAniTitleBlock:before,
.waitAniBlock:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background-color: currentColor;}
.waitAniTitleBlock:before,
.waitAniBlock:before{-webkit-transform: translateX(-105%); transform: translateX(-105%);}
.waitAniTitleBlock._dirv:before,
.waitAniBlock._dirv:before{-webkit-transform: translateY(-105%); transform: translateY(-105%);}
.waitAniTitleBlock.AniStart .hideWord,
.waitAniBlock.AniStart .hideWord,
.waitAniTitleBlock.AniStart .hidePic,
.waitAniBlock.AniStart .hidePic,
.waitAniTitleBlock.AniStart .hideBlock,
.waitAniBlock.AniStart .hideBlock{-webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden;}
.waitAniTitleBlock.AniStart:before,
.waitAniBlock.AniStart:before{-webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 400ms cubic-bezier(0, 0, 0.3, 0.6) 0s; transition: all 400ms cubic-bezier(0, 0, 0.3, 0.6) 0s; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.waitAniTitleBlock.AniStart._dirv:before,
.waitAniBlock.AniStart._dirv:before{-webkit-transform: translateY(0); transform: translateY(0);}
.waitAniTitleBlock.AniDid .hideWord,
.waitAniBlock.AniDid .hideWord,
.waitAniTitleBlock.AniDid .hidePic,
.waitAniBlock.AniDid .hidePic,
.waitAniTitleBlock.AniDid .hideBlock,
.waitAniBlock.AniDid .hideBlock{-webkit-transition: all 0ms ease-out 10ms; transition: all 0ms ease-out 10ms; opacity: 1; visibility: visible;}
.waitAniTitleBlock.AniDid:before,
.waitAniBlock.AniDid:before{-webkit-transform: translateX(105%); transform: translateX(105%); -webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.waitAniTitleBlock.AniDid._dirv:before,
.waitAniBlock.AniDid._dirv:before{-webkit-transform: translateY(105%); transform: translateY(105%);}
/* 固定调用animations-end */
/* baseCss */
.en{word-break: keep-all;}
.tdu{text-decoration: underline;}
.oh{position: relative; overflow: hidden;}
.ma{margin-left: auto; margin-right: auto;}
.dib{display: inline-block; vertical-align: top;}
.vab{vertical-align: bottom;}
.vam{vertical-align: middle;}
.vat{vertical-align: top;}
.unsel,
.dct{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.insel{-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.op0{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.op1{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
.tapList{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.tapList:after{display: none;}
.tapList .item{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.lhd5{height: .5em;}
.reject{cursor: not-allowed;}
.poss{position: static !important;}
.emptyList{text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold;}
.hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;}
.viewport{position: relative; font-size: 0;}
.pc .viewport{overflow: hidden;}
.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: #009ce1;}
.bgc1{background-color: #009ce1;}
.bgcc{background-color: #7db6d3;}
.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: #009ce1;}
@media screen and (min-width: 1025px){a:hover{color: #009ce1;}}
@media screen and (max-width: 1024px){a:active{color: #009ce1;}}
.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: #0079ae; color: #fff; text-shadow: none;}
::selection{background: #0079ae; 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);}
.waitAniBlock:before{background-color: #7db6d3;}

body.compensate-for-scrollbar{overflow: hidden;}
.fancybox-active{height: auto;}
.fancybox-is-hidden{left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden;}
.fancybox-container{-webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992;}
.fancybox-container *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage{bottom: 0; left: 0; position: absolute; right: 0; top: 0;}
.fancybox-outer{-webkit-overflow-scrolling: touch; overflow-y: auto;}
.fancybox-bg{background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);}
.fancybox-is-open .fancybox-bg{opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar{direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease,visibility 0s ease .25s; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997;}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar{opacity: 1; -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible;}
.fancybox-infobar{color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.fancybox-toolbar{right: 0; top: 0;}
.fancybox-stage{direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994;}
.fancybox-is-open .fancybox-stage{overflow: hidden;}
.fancybox-slide{-webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; white-space: normal; width: 100%; z-index: 99994;}
.fancybox-slide:before{content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0;}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous{display: block;}
.fancybox-slide--image{overflow: hidden; padding: 44px 0;}
.fancybox-slide--image:before{display: none;}
.fancybox-slide--html{padding: 6px;}
.fancybox-content{background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle;}
.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995;}
.fancybox-can-zoomOut .fancybox-content{cursor: -webkit-zoom-out; cursor: zoom-out;}
.fancybox-can-zoomIn .fancybox-content{cursor: -webkit-zoom-in; cursor: zoom-in;}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content{cursor: -webkit-grab; cursor: grab;}
.fancybox-is-grabbing .fancybox-content{cursor: -webkit-grabbing; cursor: grabbing;}
.fancybox-container [data-selectable=true]{cursor: text;}
.fancybox-image,
.fancybox-spaceball{background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%;}
.fancybox-spaceball{z-index: 1;}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content{height: 100%; overflow: visible; padding: 0; width: 100%;}
.fancybox-slide--video .fancybox-content{background: #000;}
.fancybox-slide--map .fancybox-content{background: #e5e3df;}
.fancybox-slide--iframe .fancybox-content{background: #fff;}
.fancybox-iframe,
.fancybox-video{background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;}
.fancybox-iframe{left: 0; position: absolute; top: 0;}
.fancybox-error{background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%;}
.fancybox-error p{color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0;}
.fancybox-button{background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px;}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited{color: #ccc;}
.fancybox-button:hover{color: #fff;}
.fancybox-button:focus{outline: none;}
.fancybox-button.fancybox-focus{outline: 1px dotted;}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover{color: #888; cursor: default; outline: none; cursor: not-allowed; opacity: .5 !important;}
.fancybox-button div{height: 100%;}
.fancybox-button svg{display: block; height: 100%; overflow: visible; position: relative; width: 100%;}
.fancybox-button svg path{fill: currentColor; stroke-width: 0;}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2){display: none;}
.fancybox-progress{background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998;}
.fancybox-close-small{background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401;}
.fancybox-close-small:hover{color: #fff; opacity: 1;}
.fancybox-slide--html .fancybox-close-small{color: currentColor; padding: 10px; right: 0; top: 0;}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow: hidden;}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display: none;}
.fancybox-navigation .fancybox-button{background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px;}
.fancybox-navigation .fancybox-button div{padding: 7px;}
.fancybox-navigation .fancybox-button--arrow_left{left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px;}
.fancybox-navigation .fancybox-button--arrow_right{padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right);}
.fancybox-caption{background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996;}
@supports (padding:max(0px)){.fancybox-caption{padding: 75px 44px 25px 44px;}}
.fancybox-caption--separate{margin-top: -50px;}
.fancybox-caption__body{max-height: 50vh; overflow: auto; pointer-events: all;}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited{color: #ccc; text-decoration: none;}
.fancybox-caption a:hover{color: #fff; text-decoration: underline;}
.fancybox-loading{-webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999;}
@-webkit-keyframes a{to{-webkit-transform: rotate(1turn); transform: rotate(1turn);}}
@keyframes a{to{-webkit-transform: rotate(1turn); transform: rotate(1turn);}}
.fancybox-animated{-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1);}
.fancybox-fx-slide.fancybox-slide--previous{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.fancybox-fx-slide.fancybox-slide--next{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
.fancybox-fx-slide.fancybox-slide--current{opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous{opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
.fancybox-fx-fade.fancybox-slide--current{opacity: 1;}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5);}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}
.fancybox-fx-rotate.fancybox-slide--previous{opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn);}
.fancybox-fx-rotate.fancybox-slide--next{opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn);}
.fancybox-fx-rotate.fancybox-slide--current{opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.fancybox-fx-circular.fancybox-slide--previous{opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);}
.fancybox-fx-circular.fancybox-slide--next{opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);}
.fancybox-fx-circular.fancybox-slide--current{opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0);}
.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);}
.fancybox-fx-tube.fancybox-slide--next{-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);}
.fancybox-fx-tube.fancybox-slide--current{-webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1);}
@media (max-height: 576px){.fancybox-slide{padding-left: 6px; padding-right: 6px;} .fancybox-slide--image{padding: 6px 0;} .fancybox-close-small{right: -6px;} .fancybox-slide--image .fancybox-close-small{background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px;} .fancybox-caption{padding-left: 12px; padding-right: 12px;} @supports (padding:max(0px)){.fancybox-caption{padding-left: 12px; padding-right: 12px;} }}
.fancybox-share{background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center;}
.fancybox-share h1{color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px;}
.fancybox-share p{margin: 0; padding: 0;}
.fancybox-share__button{border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap;}
.fancybox-share__button:link,
.fancybox-share__button:visited{color: #fff;}
.fancybox-share__button:hover{text-decoration: none;}
.fancybox-share__button--fb{background: #3b5998;}
.fancybox-share__button--fb:hover{background: #344e86;}
.fancybox-share__button--pt{background: #bd081d;}
.fancybox-share__button--pt:hover{background: #aa0719;}
.fancybox-share__button--tw{background: #1da1f2;}
.fancybox-share__button--tw:hover{background: #0d95e8;}
.fancybox-share__button svg{height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px;}
.fancybox-share__button svg path{fill: #fff;}
.fancybox-share__input{background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%;}
.fancybox-thumbs{background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995;}
.fancybox-thumbs-x{overflow-x: auto; overflow-y: hidden;}
.fancybox-show-thumbs .fancybox-thumbs{display: block;}
.fancybox-show-thumbs .fancybox-inner{right: 212px;}
.fancybox-thumbs__list{font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%;}
.fancybox-thumbs-x .fancybox-thumbs__list{overflow: hidden;}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width: 7px;}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background: #2a2a2a; border-radius: 10px;}
.fancybox-thumbs__list a{-webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px;}
.fancybox-thumbs__list a:before{border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991;}
.fancybox-thumbs__list a:focus:before{opacity: .5;}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity: 1;}
@media (max-width: 576px){.fancybox-thumbs{width: 110px;} .fancybox-show-thumbs .fancybox-inner{right: 110px;} .fancybox-thumbs__list a{max-width: calc(100% - 10px);}}
[data-fancybox-close]:hover svg{-webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.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: 7.8125%; padding-right: 7.8125%; -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: 15px; padding-right: 15px;}}
/* ------------------- htmls ------------------- */
.modal-nav{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; overflow: hidden; background-color: rgba(0, 0, 0, 0.2);}
.ysqUEO .modal-nav .contain{opacity: 0; -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.ysqUEO .modal-nav.showUp .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
.ysqUEO .modal-nav.hideOut .contain{opacity: 0; -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important;}
.modal-nav .contain{z-index: 20; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: var(--headerH) 2rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}
.modal-nav .close.btn{z-index: 30; position: absolute; right: 0; top: 0; width: var(--headerH); height: var(--headerH);}
.modal-nav .close.btn s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/btn-close.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-indent: -999px; overflow: hidden; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.modal-nav .close.btn:hover s{-webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.modal-nav .wrapIn{width: 100%; height: 100%; position: relative;}
.modal-nav .body{position: absolute; left: 0; right: 0; top: 0; bottom: 200px; 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; overflow-y: auto;}
.modal-nav .body:after{display: none;}
.modal-nav .body .nav-list{padding: 2rem 10%; width: 100%; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: 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;}
.modal-nav .body .nav-list:after{display: none;}
.modal-nav .body .nav-list .item{position: relative; padding: 0.4rem 0.6rem; white-space: nowrap;}
.modal-nav .body .nav-list .item:nth-child(1n+2){margin-left: 0.4rem;}
.modal-nav .body .nav-list .item:before,
.modal-nav .body .nav-list .item:after{content: " "; position: absolute; left: 0; top: 0;}
.modal-nav .body .nav-list .item:before{height: 100%; width: 1px; background-color: #f0f0f0;}
.modal-nav .body .nav-list .item:after{height: 20px; width: 2px; margin-top: 0.4rem; background-color: #ccc;}
.modal-nav .body .nav-list .item .dt{height: 20px; line-height: 20px;}
.modal-nav .body .nav-list .item .dd{margin-top: 0.4rem;}
.modal-nav .body .nav-list .item .link1{color: #333;}
.modal-nav .foot{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.modal-nav .foot,
.modal-nav .foot a{color: #666666;}
.modal-nav .foot .fqrcode{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: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.modal-nav .foot .fqrcode:after{display: none;}
.modal-nav .foot .fqrcode .item{width: 100px; text-align: center; line-height: 34px;}
.modal-nav .foot .fqrcode .item:nth-child(1n+2){margin-left: 0.8rem;}
.modal-nav .foot .fqrcode .item .pic{width: 100%; height: 0 !important; padding-bottom: 100%; background-color: #fff;}
.modal-nav .foot .copyrights{margin-top: 0.2rem; font-size: 14px; line-height: 18px;}
@media screen and (max-height: 768px){.modal-nav .body{bottom: 180px;} .modal-nav .body .nav-list{padding: 1rem 5% 0.6rem;}}
.modal-activityView{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; overflow: hidden; background-color: rgba(0, 0, 0, 0.2);}
.ysqUEO .modal-activityView > .contain{opacity: 0; -webkit-transition: all 330ms ease-out 0s; transition: all 330ms ease-out 0s; -webkit-transform: translateY(-105%); transform: translateY(-105%);}
.ysqUEO .modal-activityView > .contain .Tclose{height: 0;}
.ysqUEO .modal-activityView.showUp .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
.ysqUEO .modal-activityView.showUp .contain .Tclose{height: 2.4rem; -webkit-transition: all 400ms ease-out 100ms; transition: all 400ms ease-out 100ms;}
.ysqUEO .modal-activityView.hideOut .contain{opacity: 0; -webkit-transform: translateY(105%) !important; transform: translateY(105%) !important;}
.modal-activityView > .contain{z-index: 20; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; background-color: #fff;}
.modal-activityView > .contain .Tclose{position: absolute; left: 50%; top: 0; margin-left: -15px; width: 30px; height: 2.4rem;}
.modal-activityView > .contain .Tclose:before{content: " "; position: absolute; left: 50%; top: 0; bottom: 0.4rem; width: 1px; background-color: #d1d1d1;}
.modal-activityView > .contain .Tclose:after{content: " "; position: absolute; left: 0; bottom: 0; width: 30px; height: 30px; background-image: url(../images/btn-close-mineview.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; -webkit-transition: all 400ms ease-out 0s, top 300ms ease 300ms; transition: all 400ms ease-out 0s, top 300ms ease 300ms;}
.modal-activityView > .contain .Tclose:hover:after{-webkit-transform: rotate(360deg); transform: rotate(360deg); bottom: 5%;}
.modal-activityView .midcontent{padding: 2.8rem 0; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: 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;}
.modal-activityView .midcontent:after{display: none;}
@media screen and (max-width: 1024px){.modal-activityView .midcontent .wrapIn{padding: 0; max-height: 50vh; height: auto;}}
.modal-activityView .sMember-intro-view{padding: 0 15px;}
.modal-activityView .sMember-intro-view h1{text-align: center;}
.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 rubberBand{0%{-webkit-transform: scaleX(1); transform: scaleX(1);} 30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);} 40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);} 50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);} 65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);} 75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);} to{-webkit-transform: scaleX(1); transform: scaleX(1);}}
@keyframes rubberBand{0%{-webkit-transform: scaleX(1); transform: scaleX(1);} 30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);} 40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);} 50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);} 65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);} 75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);} to{-webkit-transform: scaleX(1); transform: scaleX(1);}}
.rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;}
@-webkit-keyframes 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 zoomIn{0%{opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);} 50%, 100%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);} 50%, 100%{opacity: 1;}}
.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-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 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: #009ce1; 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: #009ce1; 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: #009ce1; 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: #009ce1; 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: 34px; font-size: 0; text-align: center; white-space: nowrap; overflow-x: hidden;}
.pageListBox .pageList ul{position: relative; float: none !important;}
.pageListBox .pageList ul,
.pageListBox .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageListBox .pageList ul li{margin: 0 4px; font-size: 14px;}
.pageListBox .pageList a{display: block; min-width: 14px; height: 34px; padding: 0 10px; font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑'; color: #333333; z-index: 2; position: relative; background-color: #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: #009ce1; 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: #009ce1; 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: #009ce1; 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;}}
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, .w-p{font-size: 100px;}}
@media screen and (max-width: 749px){.fzRes, .w-p{font-size: 90px;}}
@media screen and (max-width: 699px){.fzRes, .w-p{font-size: 85px;}}
@media screen and (max-width: 649px){.fzRes, .w-p{font-size: 80px;}}
@media screen and (max-width: 599px){.fzRes, .w-p{font-size: 75px;}}
@media screen and (max-width: 549px){.fzRes, .w-p{font-size: 70px;}}
@media screen and (max-width: 499px){.fzRes, .w-p{font-size: 65px;}}
@media screen and (max-width: 449px){.fzRes, .w-p{font-size: 60px;}}
.fz60{font-size: 60px;}
@media screen and (max-width: 1440px){.fz60{font-size: 54px;}}
@media screen and (max-width: 1024px){.fz60{font-size: 46px;}}
@media screen and (max-width: 768px){.fz60{font-size: 40px;}}
.fz48,
.index-about .txtArea .foot .col .sdt .num,
.index-investment .txts .txt .cn,
.subpage-head .en,
.sAbout-introduction .left .foot .col .sdt .num{font-size: 48px;}
@media screen and (max-width: 1440px){.fz48, .index-about .txtArea .foot .col .sdt .num, .index-investment .txts .txt .cn, .subpage-head .en, .sAbout-introduction .left .foot .col .sdt .num{font-size: 44px;}}
@media screen and (max-width: 1024px){.fz48, .index-about .txtArea .foot .col .sdt .num, .index-investment .txts .txt .cn, .subpage-head .en, .sAbout-introduction .left .foot .col .sdt .num{font-size: 40px;}}
@media screen and (max-width: 768px){.fz48, .index-about .txtArea .foot .col .sdt .num, .index-investment .txts .txt .cn, .subpage-head .en, .sAbout-introduction .left .foot .col .sdt .num{font-size: 34px;}}
.fz40,
.index-about .txtArea .head .cn,
.index-news .dt .cn,
.sCulture-morality .contain .txtArea .body .sdt em{font-size: 40px;}
@media screen and (max-width: 1440px){.fz40, .index-about .txtArea .head .cn, .index-news .dt .cn, .sCulture-morality .contain .txtArea .body .sdt em{font-size: 36px;}}
@media screen and (max-width: 1024px){.fz40, .index-about .txtArea .head .cn, .index-news .dt .cn, .sCulture-morality .contain .txtArea .body .sdt em{font-size: 32px;}}
@media screen and (max-width: 768px){.fz40, .index-about .txtArea .head .cn, .index-news .dt .cn, .sCulture-morality .contain .txtArea .body .sdt em{font-size: 26px;}}
.fz36,
.modal-guidance .process .percent,
.subpage-banner .wrapIn .cn,
.subpage-head .cn,
.sCulture-head .cn,
.sInvestment-banner .wrapIn .cn{font-size: 36px;}
@media screen and (max-width: 1440px){.fz36, .modal-guidance .process .percent, .subpage-banner .wrapIn .cn, .subpage-head .cn, .sCulture-head .cn, .sInvestment-banner .wrapIn .cn{font-size: 32px;}}
@media screen and (max-width: 1024px){.fz36, .modal-guidance .process .percent, .subpage-banner .wrapIn .cn, .subpage-head .cn, .sCulture-head .cn, .sInvestment-banner .wrapIn .cn{font-size: 30px;}}
@media screen and (max-width: 768px){.fz36, .modal-guidance .process .percent, .subpage-banner .wrapIn .cn, .subpage-head .cn, .sCulture-head .cn, .sInvestment-banner .wrapIn .cn{font-size: 24px;}}
.fz32,
.sAbout-development-rotateMove .item .num,
.sActivity-view .head h1,
.sView-head h1,
.sInvestment-columns .section .dt .cn,
.sInvestment-foot .dt .cn{font-size: 32px;}
@media screen and (max-width: 1440px){.fz32, .sAbout-development-rotateMove .item .num, .sActivity-view .head h1, .sView-head h1, .sInvestment-columns .section .dt .cn, .sInvestment-foot .dt .cn{font-size: 28px;}}
@media screen and (max-width: 1024px){.fz32, .sAbout-development-rotateMove .item .num, .sActivity-view .head h1, .sView-head h1, .sInvestment-columns .section .dt .cn, .sInvestment-foot .dt .cn{font-size: 26px;}}
@media screen and (max-width: 768px){.fz32, .sAbout-development-rotateMove .item .num, .sActivity-view .head h1, .sView-head h1, .sInvestment-columns .section .dt .cn, .sInvestment-foot .dt .cn{font-size: 22px;}}
.fz28,
.footer-t .fcontact .tel .sdt,
.sCulture-morality .contain .txtArea .body .sdt,
.sInvestment-view .head h1{font-size: 28px;}
@media screen and (max-width: 1440px){.fz28, .footer-t .fcontact .tel .sdt, .sCulture-morality .contain .txtArea .body .sdt, .sInvestment-view .head h1{font-size: 24px;}}
@media screen and (max-width: 1024px){.fz28, .footer-t .fcontact .tel .sdt, .sCulture-morality .contain .txtArea .body .sdt, .sInvestment-view .head h1{font-size: 22px;}}
@media screen and (max-width: 768px){.fz28, .footer-t .fcontact .tel .sdt, .sCulture-morality .contain .txtArea .body .sdt, .sInvestment-view .head h1{font-size: 20px;}}
.fz24,
.index-investment .Tt .link,
.sMember-intro-view h1,
.sChronicle-tab .Tg .btn,
.sCulture-head .en,
.sCulture-slogan .txt .dd .aside,
.sCulture-purpose .sCulture-head .aside,
.sActivity-tag,
.sAnnoucement-list .item h3,
.sAnnoucement-list .item .dot,
.sInvestment-foot .dd .link h4,
.sParty-list .item .txtArea h3,
.sContact-list .item .sdd{font-size: 24px;}
@media screen and (max-width: 1440px){.fz24, .index-investment .Tt .link, .sMember-intro-view h1, .sChronicle-tab .Tg .btn, .sCulture-head .en, .sCulture-slogan .txt .dd .aside, .sCulture-purpose .sCulture-head .aside, .sActivity-tag, .sAnnoucement-list .item h3, .sAnnoucement-list .item .dot, .sInvestment-foot .dd .link h4, .sParty-list .item .txtArea h3, .sContact-list .item .sdd{font-size: 20px;}}
@media screen and (max-width: 1024px){.fz24, .index-investment .Tt .link, .sMember-intro-view h1, .sChronicle-tab .Tg .btn, .sCulture-head .en, .sCulture-slogan .txt .dd .aside, .sCulture-purpose .sCulture-head .aside, .sActivity-tag, .sAnnoucement-list .item h3, .sAnnoucement-list .item .dot, .sInvestment-foot .dd .link h4, .sParty-list .item .txtArea h3, .sContact-list .item .sdd{font-size: 18px;}}
.fz20,
.sAbout-development-step .dd .sdt,
.sCulture-philosophy .list .item .sdt,
.sIncorruptible-switch .shade .item h3{font-size: 20px;}
@media screen and (max-width: 1440px){.fz20, .sAbout-development-step .dd .sdt, .sCulture-philosophy .list .item .sdt, .sIncorruptible-switch .shade .item h3{font-size: 18px;}}
@media screen and (max-width: 1024px){.fz20, .sAbout-development-step .dd .sdt, .sCulture-philosophy .list .item .sdt, .sIncorruptible-switch .shade .item h3{font-size: 16px;}}
.fz18,
.modal-nav .body .nav-list .item .link1,
.index-about .txtArea .head .en,
.index-investment .Tg .btn .hide h3,
.index-news .dt .en,
.index-news-resMove .item .picArea .float h3,
.index-news-resMove .item .txt h3,
.subpage-banner .wrapIn .en,
.sMember-intro-list .module-Scrollbox .link .cn,
.sActivity-list .item h3,
.sMien-rotateMove .item h3,
.sNews-list .item .txtArea h3,
.sAnnoucement-list .item .date,
.sInvestment-banner .wrapIn .en,
.sInvestment-list .item .pic p,
.sInvestment-list .item h3,
.sIncorruptible-switch .list .item h3,
.sIncorruptible-list .item .txtArea h3{font-size: 18px;}
@media screen and (max-width: 1440px){.fz18, .modal-nav .body .nav-list .item .link1, .index-about .txtArea .head .en, .index-investment .Tg .btn .hide h3, .index-news .dt .en, .index-news-resMove .item .picArea .float h3, .index-news-resMove .item .txt h3, .subpage-banner .wrapIn .en, .sMember-intro-list .module-Scrollbox .link .cn, .sActivity-list .item h3, .sMien-rotateMove .item h3, .sNews-list .item .txtArea h3, .sAnnoucement-list .item .date, .sInvestment-banner .wrapIn .en, .sInvestment-list .item .pic p, .sInvestment-list .item h3, .sIncorruptible-switch .list .item h3, .sIncorruptible-list .item .txtArea h3{font-size: 16px;}}
.fz16,
.modal-nav .body .nav-list .item .link2,
.index-banner .slogan,
.index-about .txtArea .body,
.index-investment .txts .txt .en,
.index-investment .pages,
.index-news-resMove .item .txt p,
.footer-t .fcontact .tel .sdd,
.footer-t .fnav .item .link1,
.sAbout-development-step .dd .sdd,
.sChronicle-tab .Tt .box .sdd,
.sCulture-morality .contain .txtArea .body .sdd,
.sCulture-philosophy .list .item .sdd,
.sHonor-list .item h3,
.sActivity-view .head .aside,
.sNews-list .item .txtArea .date,
.sNews-list .item .txtArea p,
.sNews-list .item .txtArea .more,
.sView-head .aside,
.sAnnoucement-list .item p,
.sInvestment-columns .section .dt .en,
.sInvestment-columns .section .dd .link,
.sInvestment-foot .dt .en,
.sParty-list .item .txtArea .date,
.sParty-list .item .txtArea p,
.sIncorruptible-switch .list .item .date,
.sIncorruptible-switch .list .item p,
.sIncorruptible-list .item .txtArea .date,
.sIncorruptible-list .item .txtArea p,
.sIncorruptible-list .item .txtArea .more,
.sReport-form .formItem,
.sReport-form .formItem .skin,
.sContact-list .item.address .sdd{font-size: 16px;}
@media screen and (max-width: 1440px){.fz16, .modal-nav .body .nav-list .item .link2, .index-banner .slogan, .index-about .txtArea .body, .index-investment .txts .txt .en, .index-investment .pages, .index-news-resMove .item .txt p, .footer-t .fcontact .tel .sdd, .footer-t .fnav .item .link1, .sAbout-development-step .dd .sdd, .sChronicle-tab .Tt .box .sdd, .sCulture-morality .contain .txtArea .body .sdd, .sCulture-philosophy .list .item .sdd, .sHonor-list .item h3, .sActivity-view .head .aside, .sNews-list .item .txtArea .date, .sNews-list .item .txtArea p, .sNews-list .item .txtArea .more, .sView-head .aside, .sAnnoucement-list .item p, .sInvestment-columns .section .dt .en, .sInvestment-columns .section .dd .link, .sInvestment-foot .dt .en, .sParty-list .item .txtArea .date, .sParty-list .item .txtArea p, .sIncorruptible-switch .list .item .date, .sIncorruptible-switch .list .item p, .sIncorruptible-list .item .txtArea .date, .sIncorruptible-list .item .txtArea p, .sIncorruptible-list .item .txtArea .more, .sReport-form .formItem, .sReport-form .formItem .skin, .sContact-list .item.address .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{display: inline-block; vertical-align: top; z-index: 2; position: relative; border: #ffffff solid 1px; padding: 0.2rem 0.4rem; line-height: 30px; color: #fff;}
.btn.btnX1:after{content: " "; display: inline-block; vertical-align: top; margin-left: 6px; width: 36px; height: 30px; background-image: url(../images/btnx1.png); background-size: 36px auto; background-position: right 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.btn.btnX1:hover:after{width: 30px; margin-left: 12px;}}
.btn.btn-more{display: inline-block; vertical-align: top; position: relative; z-index: 1; height: 45px; padding-right: 72px; line-height: 45px; color: #666666; text-transform: uppercase; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.btn.btn-more s{position: absolute; right: 0; top: 50%; margin-top: -22.5px; display: block; width: 45px; height: 45px; background-image: url(../images/bgi-btni-more.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;}
.btn.btn-more s:after{content: " "; position: absolute; right: 50%; top: 50%; margin-top: -6.5px; width: 36px; height: 13px; background-image: url(../images/btni-more.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;}
@media screen and (min-width: 1025px){.btn.btn-more:hover s:after{right: 35%;}}
.ctr.ctrX1{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; text-align: center;}
.ctr.ctrX1 s{font-size: 32px; font-weight: bold;}
.ctr.ctrX1 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.ctrX1:hover{color: #ffffff;}
.ysqUEO .ctr.ctrX1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr.ctrX1 s:before,
.ysqUEO .ctr.ctrX1 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.ctrX1{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr.ctrX1 s:before, .ysqUEO .ctr.ctrX1 s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr.ctrX1:hover s:before, .ysqUEO .ctr.ctrX1:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr.ctrX1:active s:before, .ctr.ctrX1:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr.ctrX1.prev s:before,
.ysqUEO .ctr.ctrX1.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr.ctrX1.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);}
.ysqUEO .ctr.ctrX1.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);}
.ysqUEO .ctr.ctrX1.next s:before,
.ysqUEO .ctr.ctrX1.next s:after{margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr.ctrX1.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);}
.ysqUEO .ctr.ctrX1.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrX1.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .ctr.ctrX1.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .ctr.ctrX1.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .ctr.ctrX1.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
@media screen and (max-width: 1024px){.ctr.ctrX1.prev:active s:before, .ctr.ctrX1.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrX1.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ctr.ctrX1.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ctr.ctrX1.next:active s:before, .ctr.ctrX1.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrX1.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ctr.ctrX1.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
@media screen and (min-width: 1025px){.ctr.ctrX1:hover{background-color: rgba(0, 0, 0, 0.3);}}
@media screen and (max-width: 1024px){.ctr.ctrX1{-webkit-transform: scale(0.8); transform: scale(0.8);}}
.ctr.ctr2c{z-index: 8; position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; line-height: 56px; border-radius: 50%; color: #ffffff; text-align: center;}
.ctr.ctr2c 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;}
.ctr.ctr2c:hover{color: #ffffff;}
.ysqUEO .ctr.ctr2c s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr.ctr2c s:before,
.ysqUEO .ctr.ctr2c 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 .ctr.ctr2c{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr.ctr2c s:before, .ysqUEO .ctr.ctr2c s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr.ctr2c:hover s:before, .ysqUEO .ctr.ctr2c:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr.ctr2c:active s:before, .ctr.ctr2c:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr.ctr2c.prev s:before,
.ysqUEO .ctr.ctr2c.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr.ctr2c.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);}
.ysqUEO .ctr.ctr2c.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);}
.ysqUEO .ctr.ctr2c.next s:before,
.ysqUEO .ctr.ctr2c.next s:after{margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr.ctr2c.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);}
.ysqUEO .ctr.ctr2c.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctr2c.prev:hover s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);} .ysqUEO .ctr.ctr2c.prev:hover s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);} .ysqUEO .ctr.ctr2c.next:hover s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);} .ysqUEO .ctr.ctr2c.next:hover s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}}
@media screen and (max-width: 1024px){.ctr.ctr2c.prev:active s:before, .ctr.ctr2c.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctr2c.prev:active s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);} .ctr.ctr2c.prev:active s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);} .ctr.ctr2c.next:active s:before, .ctr.ctr2c.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctr2c.next:active s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);} .ctr.ctr2c.next:active s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}}
.ctr.ctr2c:before,
.ctr.ctr2c:after{content: " "; pointer-events: none; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%;}
.ctr.ctr2c:before{z-index: -1; position: absolute; left: 6px; top: 6px; right: 6px; bottom: 6px;}
.ctr.ctr2c:after{z-index: -2; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.ctr.ctr2c.prev{left: 0.4rem;}
.ctr.ctr2c.next{right: 0.4rem;}
@media screen and (min-width: 1025px){.ctr.ctr2c:hover{background-color: rgba(0, 0, 0, 0.2);}}
@media screen and (max-width: 1024px){.ctr.ctr2c{-webkit-transform: scale(0.8); transform: scale(0.8);}}
.ctr.ctrList{z-index: 8; position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; border: #009ce1 solid 1px; border-radius: 50%; color: #009ce1; text-align: center;}
.ctr.ctrList 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;}
.ctr.ctrList:hover{color: #ffffff;}
.ysqUEO .ctr.ctrList s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr.ctrList s:before,
.ysqUEO .ctr.ctrList s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; margin-top: -0.5px; background-color: #009ce1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrList{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr.ctrList s:before, .ysqUEO .ctr.ctrList s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr.ctrList:hover s:before, .ysqUEO .ctr.ctrList:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr.ctrList:active s:before, .ctr.ctrList:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr.ctrList.prev s:before,
.ysqUEO .ctr.ctrList.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr.ctrList.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);}
.ysqUEO .ctr.ctrList.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);}
.ysqUEO .ctr.ctrList.next s:before,
.ysqUEO .ctr.ctrList.next s:after{margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr.ctrList.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);}
.ysqUEO .ctr.ctrList.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrList.prev:hover s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);} .ysqUEO .ctr.ctrList.prev:hover s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);} .ysqUEO .ctr.ctrList.next:hover s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);} .ysqUEO .ctr.ctrList.next:hover s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}}
@media screen and (max-width: 1024px){.ctr.ctrList.prev:active s:before, .ctr.ctrList.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrList.prev:active s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);} .ctr.ctrList.prev:active s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);} .ctr.ctrList.next:active s:before, .ctr.ctrList.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrList.next:active s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);} .ctr.ctrList.next:active s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}}
.ctr.ctrList.prev{left: 0;}
.ctr.ctrList.next{right: 0;}
@media screen and (min-width: 1025px){.ctr.ctrList:hover{background-color: #009ce1;}}
@media screen and (max-width: 1024px){.ctr.ctrList{-webkit-transform: scale(0.9); transform: scale(0.9);} .ctr.ctrList:active{background-color: #009ce1; -webkit-transition: 0ms; transition: 0ms;}}
.ctr.ctrRotate{z-index: 8; position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; border: #009ce1 solid 1px; border-radius: 50%; color: #009ce1; text-align: center;}
.ctr.ctrRotate s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: SimSun, '宋体' !important; text-align: center; font-size: 18px; font-weight: bold; pointer-events: none;}
.ctr.ctrRotate:hover{color: #ffffff;}
.ysqUEO .ctr.ctrRotate s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr.ctrRotate s:before,
.ysqUEO .ctr.ctrRotate s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 9px; height: 1px; margin-top: -0.5px; background-color: #009ce1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrRotate{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr.ctrRotate s:before, .ysqUEO .ctr.ctrRotate s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr.ctrRotate:hover s:before, .ysqUEO .ctr.ctrRotate:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr.ctrRotate:active s:before, .ctr.ctrRotate:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr.ctrRotate.prev s:before,
.ysqUEO .ctr.ctrRotate.prev s:after{margin-left: -3.5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr.ctrRotate.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);}
.ysqUEO .ctr.ctrRotate.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);}
.ysqUEO .ctr.ctrRotate.next s:before,
.ysqUEO .ctr.ctrRotate.next s:after{margin-left: -5.5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr.ctrRotate.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);}
.ysqUEO .ctr.ctrRotate.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrRotate.prev:hover s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);} .ysqUEO .ctr.ctrRotate.prev:hover s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);} .ysqUEO .ctr.ctrRotate.next:hover s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);} .ysqUEO .ctr.ctrRotate.next:hover s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}}
@media screen and (max-width: 1024px){.ctr.ctrRotate.prev:active s:before, .ctr.ctrRotate.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrRotate.prev:active s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);} .ctr.ctrRotate.prev:active s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);} .ctr.ctrRotate.next:active s:before, .ctr.ctrRotate.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrRotate.next:active s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);} .ctr.ctrRotate.next:active s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}}
.ctr.ctrRotate.prev{left: 0;}
.ctr.ctrRotate.next{right: 0;}
@media screen and (min-width: 1025px){.ctr.ctrRotate:hover{background-color: #009ce1;}}
@media screen and (max-width: 1024px){.ctr.ctrRotate{-webkit-transform: scale(0.9); transform: scale(0.9);}}
.ctr.ctrNav{z-index: 20; position: absolute; right: 0; top: 0; width: 32px; height: 100%; background-color: rgba(0, 156, 225, 0.6); color: #ffffff; text-align: center;}
.ctr.ctrNav.reject{display: none;}
.ctr.ctrNav 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;}
.ctr.ctrNav:hover{color: #ffffff;}
.ysqUEO .ctr.ctrNav s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr.ctrNav s:before,
.ysqUEO .ctr.ctrNav 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 .ctr.ctrNav{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr.ctrNav s:before, .ysqUEO .ctr.ctrNav s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr.ctrNav:hover s:before, .ysqUEO .ctr.ctrNav:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr.ctrNav:active s:before, .ctr.ctrNav:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr.ctrNav.prev s:before,
.ysqUEO .ctr.ctrNav.prev s:after{margin-left: -5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr.ctrNav.prev s:before{-webkit-transform: rotate(-35deg) translateX(-0.5px); transform: rotate(-35deg) translateX(-0.5px);}
.ysqUEO .ctr.ctrNav.prev s:after{-webkit-transform: rotate(35deg) translateX(-0.5px); transform: rotate(35deg) translateX(-0.5px);}
.ysqUEO .ctr.ctrNav.next s:before,
.ysqUEO .ctr.ctrNav.next s:after{margin-left: -7px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr.ctrNav.next s:before{-webkit-transform: rotate(-35deg) translateX(0.5px); transform: rotate(-35deg) translateX(0.5px);}
.ysqUEO .ctr.ctrNav.next s:after{-webkit-transform: rotate(35deg) translateX(0.5px); transform: rotate(35deg) translateX(0.5px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrNav.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO .ctr.ctrNav.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO .ctr.ctrNav.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO .ctr.ctrNav.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}}
@media screen and (max-width: 1024px){.ctr.ctrNav.prev:active s:before, .ctr.ctrNav.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrNav.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ctr.ctrNav.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ctr.ctrNav.next:active s:before, .ctr.ctrNav.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrNav.next:active s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ctr.ctrNav.next:active s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}}
.ctr.ctrNav.prev{left: 0;}
.ctr.ctrNav.next{right: 0;}
.ctr.ctrNav:hover{background-color: #009ce1;}
.pagination.paginationXb{overflow: hidden; white-space: nowrap; line-height: 16px;}
.pagination.paginationXb .btn{display: inline-block; vertical-align: middle; position: relative; z-index: 1; width: 12px; height: 12px; border: 0 solid #009ce1; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 12px; background-color: #c4c4c4;}
.pagination.paginationXb .btn:nth-child(1n+2){margin: 0 0 0 0.24rem;}
.pagination.paginationXb .btn > em{display: none;}
.pagination.paginationXb .btn.on{background-color: #009ce1;}
.pagination.paginationXb._party{position: relative; margin-top: 0.6rem; width: 100%; text-align: center;}
.pagination.paginationXb._party .btn{width: 10px; height: 10px;}
.scs.hbgOn img,
.scst.hbgOn img,
.scs:hover img,
.scst:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.scs img{-webkit-transition-duration: 800ms; transition-duration: 800ms;}
.scst img{-webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
/*模拟滚动条*/
.module-Scrollbox{position: relative;}
.module-Scrollbox.y{padding-right: 20px;}
.module-Scrollbox.y .scrollbar{right: 0; width: 2px; height: 100%; top: 0;}
.module-Scrollbox.y .scrollbar .track{position: absolute; top: 0; right: 0.5px; width: 1px; height: 100%; background-color: #dddddd;}
.module-Scrollbox.y .scrollbar .thumb{height: 0; right: -0.5px; width: 2px; background-color: #aaaaaa;}
.module-Scrollbox.x .scrollbar{height: 2px; width: 100%; bottom: -52px;}
.module-Scrollbox.x .scrollbar .track{position: absolute; top: 0.5px; right: 0; height: 1px; background-color: #dddddd;}
.module-Scrollbox.x .scrollbar .thumb{width: 0; top: -0.5px; left: 0; height: 2px; background-color: #aaaaaa; -webkit-box-shadow: 0px 2px 3.92px 0.08px rgba(2, 219, 205, 0.22); box-shadow: 0px 2px 3.92px 0.08px rgba(2, 219, 205, 0.22); border-radius: 2px;}
.module-Scrollbox.x .overview{display: inline-block;}
.module-Scrollbox .scrollbar{display: none; position: absolute; z-index: 3 ;}
.module-Scrollbox .scrollbar .track{position: relative;}
.module-Scrollbox .scrollbar .thumb{position: absolute; cursor: pointer; border-radius: 1px; -webkit-transition: all 80ms ease-out 0s; transition: all 80ms ease-out 0s;}
.module-Scrollbox .scrollbar .thumb .end{height: 2px; width: 2px;}
.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; white-space: nowrap;}
.module-Scrollbox .disable{display: none;}
@media screen and (max-width: 1024px){.module-Scrollbox{overflow: auto; padding-right: 0;} .module-Scrollbox .viewport{overflow: auto;} .module-Scrollbox .scrollbar{display: none !important;}}
:root{--headerH: 80px; --resW: 1440px;}
@media screen and (max-width: 1600px){:root{--headerH: 72px; --resW: 1200px;}}
@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; right: 0; z-index: 80; min-width: 440px;}
.header .contain{height: 100%; background-color: #fff; -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); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.header .bg{display: none; z-index: 5;}
.header .logo{position: absolute; left: 2.60416667%; top: 0; height: 100%; text-align: center;}
.header .logo img{display: block; height: 100%;}
.header .secNav{display: none;}
.header .btns{position: absolute; right: var(--headerH); top: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.header .btns:after{display: none;}
.header .btns .link{display: inline-block; vertical-align: top; width: var(--headerH); height: var(--headerH); line-height: var(--headerH); font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑'; color: #999; position: relative; overflow: hidden;}
.header .btns .link:before{content: " "; position: absolute; left: 0; top: 0; bottom: 0; border-right: #e5e5e5 solid 1px;}
@media screen and (max-width: 1024px){.header .btns .link:active{background-color: #f1f1f1;}}
@media screen and (min-width: 1025px){.header .btns .link:hover{background-color: #f1f1f1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}}
.header .navbtn{position: absolute; right: 0; top: 0; width: var(--headerH); height: var(--headerH); z-index: 45; background-color: #009ce1;}
.header .navbtn > span{position: absolute; overflow: hidden; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; padding: 4px; width: 32px; height: 32px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);}
.header .navbtn > span s{position: absolute; left: 4px; display: block; width: 32px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0, 0.52, 0.35, 1.42); transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0, 0.52, 0.35, 1.42); transition: transform 0.4s cubic-bezier(0, 0.52, 0.35, 1.42), opacity 0.4s ease; transition: transform 0.4s cubic-bezier(0, 0.52, 0.35, 1.42), opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0, 0.52, 0.35, 1.42); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.header .navbtn > span .i1{top: 8px;}
.header .navbtn > span .i2{top: 50%; margin-top: -1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.header .navbtn > span .i3{bottom: 8px;}
.header .navbtn:hover .i2{-webkit-transform: scaleX(1.4); transform: scaleX(1.4);}
.navShow .header .navbtn{position: fixed; z-index: 80;}
.navShow .header .navbtn > span{-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.navShow .header .navbtn .i1{-webkit-transform: rotate(45deg) translate(6.417px, 0); transform: rotate(45deg) translate(6.417px, 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(6.417px, 0); transform: rotate(-45deg) translate(6.417px, 0); bottom: 3px;}
.header.foldNav .contain{-webkit-transform: translateY(-105%); transform: translateY(-105%);}
.header:hover .contain{-webkit-transform: none !important; transform: none !important; -webkit-transition-delay: 150ms; transition-delay: 150ms;}
@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; right: calc(3*var(--headerH));} .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.7rem; color: #333;} .header .firNav .firItem.on .link1, .header .firNav .firItem:hover .link1{color: #009ce1; font-weight: bold;} .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 .firNav .block{position: absolute; overflow: hidden; left: 0; top: 0; z-index: -1; pointer-events: none;} .header .firNav .block s{position: absolute; left: 50%; bottom: 0; margin-left: -15px; width: 30px; height: 2px; background-color: #009ce1;} .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;} .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: #009ce1;} .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);}}
@media screen and (min-width: 1025px) and (max-width: 1440px){.header .firNav .firItem .link1{padding-left: 16px; padding-right: 16px; font-size: 15px;}}
@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 .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: 40px; border-bottom: #d7e2e8 solid 1px; padding: 0 8px;} .header .firNav .firItem.on > .link{color: #009ce1;} .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;} .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,
.modal-guidance:after{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; width: 100%; height: 55%; background-color: #fff;}
.modal-guidance:before{top: 0;}
.modal-guidance:after{bottom: 0;}
.modal-guidance .process{position: absolute; left: 0; margin-top: -2%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #009ce1;}
.modal-guidance .process .percent{font-family: Helvetica, Arial, sans-serif;}
.modal-guidance .process .bar{margin-left: auto; margin-right: auto; margin-top: 0.5rem; position: relative; width: 256px; max-width: 60%; height: 1px; background-color: #999;}
.modal-guidance .process .bar s{position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #009ce1; -webkit-animation-name: AniWidth; animation-name: AniWidth; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -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 AniWidth{0%{-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0;} 49%{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} 51%{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;} 100%{-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}}
@keyframes AniWidth{0%{-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0;} 49%{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} 51%{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;} 100%{-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}}
.modal-guidance .process .tips{margin-top: 0.7rem; font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #666666;}
.modal-guidance .process .tips: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;}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@media screen and (max-width: 1024px){.modal-guidance .process .welcome{zoom: .8;}}
.modal-guidance.loaded .bar s{-webkit-animation-iteration-count: 2 !important; animation-iteration-count: 2 !important;}
.modal-guidance.closed{-webkit-transition: all 400ms ease-out 0.5s; transition: all 400ms ease-out 0.5s; opacity: 0; visibility: hidden; pointer-events: none;}
.modal-guidance.closed .process{-webkit-transition: all 150ms ease-out 0ms; transition: all 150ms ease-out 0ms; opacity: 0; visibility: hidden;}
.modal-guidance.closed:before,
.modal-guidance.closed:after{height: 0; -webkit-transition: all 500ms ease-out 200ms; transition: all 500ms ease-out 200ms; opacity: 0; visibility: hidden;}
.fixedIdx{position: fixed; left: 0; top: 0; width: 100%; height: 100%; min-width: 440px;}
@media screen and (min-width: 1025px){.fixedIdx{min-width: 1200px;}}
/* fullpage */
.fullpage-viewport{background-color: #e6f5fc;}
.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%; background-color: #000;}
.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%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 4s ease-out 0s; transition: all 4s ease-out 0s;}
.fullpage-section.leaving{pointer-events: none;}
.fullpage-section.on > .bg{-webkit-transform: scale(1.025); transform: scale(1.025);}
.fullpage-section.leave{opacity: .6 !important; -webkit-transition: all 600ms ease-out 0s !important; transition: all 600ms ease-out 0s !important;}
.fullpage-pagination{z-index: 30; position: absolute; right: 2%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4px;}
.fullpage-pagination .btn{position: relative; overflow: hidden; display: block; width: 4px; height: 16px; background-color: #fff; z-index: 2;}
.fullpage-pagination .btn:nth-child(1n+2){margin-top: 0.3rem;}
.fullpage-pagination .btn:after{content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; background-color: #009ce1; left: 0; top: 100%; width: 100%; height: 0;}
.fullpage-pagination .btn em{display: none;}
.fullpage-pagination .btn.on:after{top: 0; height: 100%; -webkit-transition: bottom 0ms ease-out 0s, top 0ms ease-out 0s, height 220ms ease-out 0s; transition: bottom 0ms ease-out 0s, top 0ms ease-out 0s, height 220ms ease-out 0s;}
.dir_f .fullpage-pagination .btn:after{top: auto; bottom: 100%;}
.dir_f .fullpage-pagination .btn.on:after{top: auto; bottom: 0;}
@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%; max-width: 80%; -webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.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% 50%; transform-origin: 50% 50%; -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0.6) translate(5%, -50%); transform: scale(0.6) translate(5%, -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 0ms; transition: all 600ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.index-banner .slogan{position: absolute; left: 8.64197531%; bottom: 0.9rem; line-height: 1.5; font-family: Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 8; letter-spacing: .05em; background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)); background-size: 750% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-animation-name: textjcb_bgmove; animation-name: textjcb_bgmove; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(100); animation-timing-function: steps(100); -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 textjcb_bgmove{0%{background-position: 0 0;} 100%{background-position: 100% 0;}}
@keyframes textjcb_bgmove{0%{background-position: 0 0;} 100%{background-position: 100% 0;}}
.index-banner .slogan:hover{background-position: 100% 0 !important;}
.index-banner .pagination{position: absolute; bottom: 0.9rem; right: 8.64197531%; z-index: 3; text-align: right; white-space: nowrap; padding-left: 6.6rem;}
.index-banner .pagination .progress{position: absolute; left: 0; top: 50%; z-index: -1; pointer-events: none; width: 6rem; height: 1px; background-color: rgba(255, 255, 255, 0.2);}
.index-banner .pagination .progress s{position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.6);}
.index-banner .pagination .btn{display: inline-block; vertical-align: top; position: relative; z-index: 1; width: 36px; height: 36px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border-radius: 50%; margin: 0 6px; -webkit-perspective: 200px; perspective: 200px; line-height: 36px; text-align: center; font-size: 13px; font-family: Helvetica, Arial, sans-serif; color: #fff;}
.index-banner .pagination .btn:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: rgba(255, 255, 255, 0.2) solid 1px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border-radius: 50%;}
.index-banner .pagination .btn:after{content: " "; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; background-image: url(../images/bg-banner-pagination.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}
.index-banner .pagination .btn.on:before{border-color: #fff;}
.index-banner .pagination .btn.on:after{-webkit-transition: all 800ms ease-out 0ms; transition: all 800ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@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 .slogan{left: 15px; font-size: 12px; line-height: 16px;} .index-banner .pagination{right: 15px; padding-left: 3.6rem;} .index-banner .pagination .progress{width: 3.2rem;} .index-banner .pagination .btn{width: 30px; height: 30px; line-height: 30px;} .index-banner .pagination .btn:after{width: 48px; height: 48px; margin-left: -24px; margin-top: -24px;}}
.index-about .wrapIn{position: relative; 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;}
.index-about .wrapIn:after{display: none;}
@media screen and (max-width: 1024px){.index-about .wrapIn{display: block;}}
.index-about .bgword{position: absolute; right: 0; top: 0; font-size: 5.20833333vw; font-family: "impact", Tahoma; color: rgba(0, 156, 225, 0.05); text-transform: uppercase; letter-spacing: .09em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -1; pointer-events: none; white-space: nowrap;}
.index-about .picArea{z-index: 2; position: relative; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index-about .picArea:before{content: " "; z-index: -1; position: absolute; width: 7.72rem; height: 5.5rem; right: -12px; bottom: -12px; background-color: #009ce1; pointer-events: none;}
.index-about .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 68.75%; background-color: #f5f5f5;}
.index-about .txtArea{width: 50%; padding: 0.4rem 2.4rem 0.4rem 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index-about .txtArea .head{position: relative;}
.index-about .txtArea .head .cn{color: #333333; font-weight: bold;}
.index-about .txtArea .head .cn em{color: #009ce1;}
.index-about .txtArea .head .en{margin-top: 8px; font-family: Helvetica, Arial, sans-serif; color: #999999;}
.index-about .txtArea .head .btn-more{position: absolute; right: 0; top: 0.2rem;}
.index-about .txtArea .body{margin-top: 1.1rem; line-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 8em; color: #666666;}
.index-about .txtArea .foot{margin-top: 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: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.index-about .txtArea .foot:after{display: none;}
.index-about .txtArea .foot .col{font-size: 14px; text-align: center;}
.index-about .txtArea .foot .col .sdt{color: #009ce1;}
.index-about .txtArea .foot .col .sdt .num{font-family: "impact", Tahoma;}
.index-about .txtArea .foot .col .sdt sub{display: inline-block; vertical-align: bottom; margin-left: .25em; margin-bottom: .1em;}
.index-about .txtArea .foot .col .sdd{margin-top: 10px;}
@media screen and (max-width: 1024px){.index-about .picArea{width: 100%;} .index-about .txtArea{width: 100%; margin-top: 0.6rem; padding-right: 0;} .index-about .txtArea .body{margin-top: 0.5rem;} .index-about .txtArea .foot{margin-top: 0.8rem;}}
.index-investment .bgs{z-index: -1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #687073;}
.index-investment .bgs .bg{-webkit-transition: all 800ms ease-out 0ms, -webkit-transform 600ms ease 200ms; transition: all 800ms ease-out 0ms, -webkit-transform 600ms ease 200ms; transition: all 800ms ease-out 0ms, transform 600ms ease 200ms; transition: all 800ms ease-out 0ms, transform 600ms ease 200ms, -webkit-transform 600ms ease 200ms; opacity: 0; visibility: hidden; -webkit-transform: scale(1.025); transform: scale(1.025);}
.index-investment .bgs .bg.on{-webkit-transition: all 1600ms ease-out 0ms; transition: all 1600ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.index-investment .vmbox{padding-top: 2%; width: 100%;}
.index-investment .circle{margin-left: auto; margin-right: auto; position: relative; z-index: 3; width: 10.4rem; height: 10.4rem; border-radius: 50%;}
.index-investment .circle:before{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 50%;}
.index-investment .circle .ring{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); pointer-events: none; border-radius: 50%;}
.index-investment .circle .ring .arc{stroke: rgba(255, 255, 255, 0.99); stroke-width: 2px; stroke-dasharray: 0% 315%;}
@media screen and (max-width: 1024px){.index-investment .circle{width: 320px; height: 320px;}}
@media screen and (max-width: 640px){.index-investment .circle{width: 280px; height: 280px;}}
.index-investment .Tg .btn{position: absolute;}
.index-investment .Tg .btn:before{content: " "; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.index-investment .Tg .btn:after{content: " "; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; border-radius: 50%;}
.index-investment .Tg .btn.i1{left: 0; top: 50%;}
.index-investment .Tg .btn.i2{left: 50%; top: 0;}
.index-investment .Tg .btn.i3{left: 100%; top: 50%;}
.index-investment .Tg .btn.i4{left: 50%; top: 100%;}
.index-investment .Tg .btn .hide{position: absolute; top: 50%; left: 50%; margin: -86px 0 0 -86px; width: 172px; height: 172px; border-radius: 50%; padding: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg);}
.index-investment .Tg .btn .hide:before,
.index-investment .Tg .btn .hide:after{content: " "; background-color: rgba(255, 255, 255, 0.2); pointer-events: none; border-radius: 50%;}
.index-investment .Tg .btn .hide:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.index-investment .Tg .btn .hide:after{position: absolute; left: 7px; top: 7px; right: 7px; bottom: 7px;}
.index-investment .Tg .btn .hide .pic{width: 100%; height: 100%;}
.index-investment .Tg .btn .hide h3{position: absolute; z-index: 3; left: 16px; right: 16px; top: 50%; margin-top: -1em; line-height: 2em; color: #fff; font-weight: bold; text-align: center;}
@media screen and (max-width: 1600px){.index-investment .Tg .btn .hide{width: 160px; height: 160px; margin-left: -80px; margin-top: -80px;}}
@media screen and (min-width: 1025px){.index-investment .Tg .btn:hover:before{-webkit-transform: scale(0); transform: scale(0);} .index-investment .Tg .btn:hover .hide{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; opacity: 1; visibility: visible;}}
.index-investment .txts{position: absolute; z-index: -2; top: 50%; left: 50%; margin: -3.4rem 0 0 -4.4rem; width: 8.8rem; height: 6.8rem; text-align: center; color: #fff;}
.index-investment .txts .txt{position: absolute; left: 0; width: 100%; bottom: 40%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.index-investment .txts .txt .en{font-family: Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: .05em; font-weight: bold;}
.index-investment .txts .txt .cn{margin-top: 0.2rem; font-weight: bold; color: #fff; letter-spacing: .1em; text-shadow: 0px 5px 3px rgba(0, 0, 0, 0.15);}
.index-investment .txts .txt.on{-webkit-transition: all 400ms ease-out 120ms; transition: all 400ms ease-out 120ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 1024px){.index-investment .txts{width: 280px; margin-left: -140px;} .index-investment .txts .txt{bottom: 50%; -webkit-transform: translateY(50%) scale(0); transform: translateY(50%) scale(0);} .index-investment .txts .txt .cn{font-size: 32px;} .index-investment .txts .txt.on{-webkit-transform: translateY(50%) !important; transform: translateY(50%) !important;}}
@media screen and (max-width: 640px){.index-investment .txts{width: 240px; margin-left: -120px;} .index-investment .txts .txt .cn{font-size: 28px;}}
.index-investment .pages{position: absolute; left: 0; top: 100%; width: 100%; margin-top: 0.5rem; text-align: center; font-family: Helvetica, Arial, sans-serif; color: #fff; letter-spacing: 1px;}
.index-investment .Tt{position: relative; margin-top: 1.6rem; padding-bottom: 60px; width: 100%;}
.index-investment .Tt .box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(30%); transform: translateY(30%); overflow-x: auto; text-align: center;}
.index-investment .Tt .box:after{display: none;}
.index-investment .Tt .box.on{-webkit-transition: all 400ms ease-out 250ms; transition: all 400ms ease-out 250ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.index-investment .Tt .link{display: inline-block; vertical-align: top; color: #fff; line-height: 30px; padding: 0.24rem 0.5rem; border-radius: 50px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; white-space: nowrap;}
.index-investment .Tt .link:nth-child(1n+2){margin-left: 5px;}
.index-investment .Tt .link .icoImg{width: 40px; height: 40px;}
.index-investment .Tt .link span{display: inline-block; vertical-align: middle;}
@media screen and (min-width: 1025px){.index-investment .Tt .link:hover{background-color: rgba(0, 156, 225, 0.2);}}
@media screen and (max-width: 1024px){.index-investment .Tt .link:active{background-color: rgba(0, 156, 225, 0.2); -webkit-transition: 0ms; transition: 0ms;} .index-investment .Tt .link .icoImg{width: 32px; height: 32px;}}
@media screen and (max-width: 1024px){.index-investment .Tt{padding-bottom: 50px;} .index-investment .Tt .box{display: block; white-space: nowrap;} .index-investment .Tt .link{font-size: 16px;}}
.index-news .wrapIn{text-align: center;}
.index-news .dt{text-align: center;}
.index-news .dt .cn{color: #333; font-weight: bold;}
.index-news .dt .en{margin-top: 8px; color: #666666; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
.index-news .Tg{margin-top: 0.5rem;}
.index-news .Tg .btn{position: relative; z-index: 2; display: inline-block; vertical-align: top; font-size: 16px; color: #fff; color: #333333; padding: 5px 0; margin: 5px 0.7rem;}
.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{color: #009ce1;}
.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 .Tt{margin-top: 0.8rem;}
.index-news .Tt .index-news-resMove{display: none;}
.index-news .Tt .index-news-resMove.on{display: block;}
.index-news .Ta{margin-top: 0.4rem;}
.index-news-resMove{margin-top: 0.4rem; position: relative;}
.index-news-resMove .shade{height: auto; -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 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
.index-news-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;}
.index-news-resMove .box:after{display: none;}
.index-news-resMove .item{position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;}
.index-news-resMove .item .picArea{position: relative; z-index: 2;}
.index-news-resMove .item .picArea:after{content: " "; z-index: 3; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 0; top: 100%; width: 100%; height: 0; background-color: rgba(0, 156, 225, 0.9);}
.index-news-resMove .item .picArea .pic{z-index: 1; width: 100%; height: 0 !important; padding-bottom: 61.9047619%; background-color: #f1f1f1;}
.index-news-resMove .item .picArea .float{position: absolute; z-index: 4; left: 0.6rem; right: 0.6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-right: 2.8rem; color: #fff; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; margin-top: 5%;}
.index-news-resMove .item .picArea .float:after{content: " "; position: absolute; right: 0; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/btni-news-float.png); background-size: auto; background-position: right 50%; background-repeat: no-repeat;}
.index-news-resMove .item .picArea .float h3{color: #fff; font-weight: bold; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em;}
.index-news-resMove .item .picArea .float .date{margin-top: 0.2rem; font-size: 14px; font-family: Helvetica, Arial, sans-serif;}
.index-news-resMove .item .picArea .float .date:before{content: " "; display: block; width: 16px; height: 1px; background-color: #fff; margin-bottom: 0.1rem;}
.index-news-resMove .item .txt{padding: 0.4rem 0;}
.index-news-resMove .item .txt h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px; height: 20px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; color: #333333;}
.index-news-resMove .item .txt p{margin-top: 0.2rem; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.5em;}
.index-news-resMove .item:hover .picArea:after{top: 0; height: 100%; -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s; transition: top 0ms ease-out 0s, height 220ms ease-out 0s;}
.index-news-resMove .item:hover .picArea .float{margin: 0; -webkit-transition: all 400ms ease-out 200ms; transition: all 400ms ease-out 200ms; opacity: 1; visibility: visible;}
.index-news-resMove .ctrList{top: 150px;}
.index-news-resMove .ctrList.prev{left: -5.20833333vw;}
.index-news-resMove .ctrList.next{right: -5.20833333vw;}
@media screen and (max-width: 1600px){.index-news-resMove .ctrList.prev{left: -60px;} .index-news-resMove .ctrList.next{right: -60px;}}
@media screen and (max-width: 768px){.index-news-resMove .ctrList{display: none !important;}}
/* footerFn */
.footerFn{position: fixed; left: 0; bottom: 0; width: 100%; z-index: 80; background-color: #fff; -webkit-box-shadow: 0 -2px 8px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 8px 1px rgba(0, 0, 0, 0.15);}
.footerFn .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; max-width: 100% !important;}
.footerFn .contain:after{display: none;}
.footerFn .contain .btn{display: inline-block; vertical-align: top; line-height: ; width: 22%; text-align: center; height: 72px; padding: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333;}
.footerFn .contain .btn .icoImg{display: block; margin-left: auto; margin-right: auto; width: 40px; height: 40px;}
.footerFn .contain .btn p{font-size: 16px; line-height: 1; margin-top: 4px;}
/* footer */
.footer{position: relative; z-index: 3; background-color: #009ce1;}
.footer,
.footer a{color: rgba(255, 255, 255, 0.7);}
.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-t{padding: 1.1rem 0;}
.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: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.footer-t .contain:after{display: none;}
.footer-t .fcontact{position: relative; width: 360px; padding-left: 65px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-t .fcontact .tel{position: relative; padding-left: 65px; margin-left: -65px; line-height: 1.2; margin-bottom: 0.5rem;}
.footer-t .fcontact .tel:before{content: " "; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 48px; height: 48px; border: rgba(255, 255, 255, 0.9) solid 1px; border-radius: 50%; background-image: url(../images/icof-tel.png); background-size: 40px 40px; background-position: 50% 50%; background-repeat: no-repeat;}
.footer-t .fcontact .tel .sdt{font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #fff;}
.footer-t .fcontact p{margin-top: 0.3rem; line-height: 1.25;}
.footer-t .fnav{margin-left: 0.6rem; margin-right: 0.6rem; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.footer-t .fnav:after{display: none;}
.footer-t .fnav .item{position: relative; padding-left: 0.4rem; padding-right: 0.4rem; white-space: nowrap;}
.footer-t .fnav .item:nth-child(1n+2){margin-left: 0.4rem;}
.footer-t .fnav .item:before,
.footer-t .fnav .item:after{content: " "; position: absolute; left: 0; top: 0;}
.footer-t .fnav .item:before{height: 100%; width: 1px; background-color: rgba(255, 255, 255, 0.1);}
.footer-t .fnav .item:after{height: 16px; width: 2px; margin-top: 2px; background-color: rgba(255, 255, 255, 0.5);}
.footer-t .fnav .item .dt{height: 20px; line-height: 20px;}
.footer-t .fnav .item .dd{margin-top: 0.4rem;}
.footer-t .fnav .item .link1{color: #fff;}
.footer-t .fqrcode{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.footer-t .fqrcode:after{display: none;}
.footer-t .fqrcode .item{width: 100px; text-align: center; line-height: 34px; color: #fff;}
.footer-t .fqrcode .item:nth-child(1n+2){margin-left: 0.8rem;}
.footer-t .fqrcode .item .pic{width: 100%; height: 0 !important; padding-bottom: 100%; background-color: #fff;}
@media screen and (max-width: 1600px){.footer-t .fnav .item{padding-left: 0.3rem; padding-right: 0.3rem;} .footer-t .fqrcode .item:nth-child(1n+2){margin-left: 0.4rem;}}
@media screen and (max-width: 1024px){.footer-t .contain{display: block;} .footer-t .fnav, .footer-t .fqrcode{display: none;} .footer-t .fcontact{margin-left: auto; margin-right: auto;}}
.footer-b{background-color: rgba(0, 0, 0, 0.5); text-align: center; padding: 13px 0; line-height: 24px; letter-spacing: .1em;}
.footer-b,
.footer-b a{color: #ffffff;}
/* subpage */
.subpage-banner{overflow: hidden; position: relative; z-index: 2; height: 13rem; 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;}
.subpage-banner:after{display: none;}
.subpage-banner .wrapIn{position: relative; margin-left: auto; margin-right: auto; display: block; width: 281px; height: 281px; text-align: center; color: #fff; 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; -webkit-transition: all 200ms ease-out 0s; transition: all 200ms ease-out 0s;}
.subpage-banner .wrapIn:after{display: none;}
.subpage-banner .wrapIn:before,
.subpage-banner .wrapIn:after{content: " "; z-index: -1; position: absolute; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none; display: block;}
.subpage-banner .wrapIn:before{background-image: url(../images/bgs-banner-circle1.png); left: 0; top: 0; width: 100%; height: 100%; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.subpage-banner .wrapIn:after{background-image: url(../images/bgs-banner-circle2.png); left: 50%; top: 50%; margin-left: -106px; margin-top: -106px; width: 212px; height: 212px; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.subpage-banner .wrapIn .cn{width: 100%; font-family: Microsoft JhengHei, '微软正黑体'; font-weight: bold; letter-spacing: .09em;}
.subpage-banner .wrapIn .en{width: 100%; margin-top: 10px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: .09em;}
.subpage-banner.actived .bg{-webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: 50% 85%; transform-origin: 50% 85%; -webkit-transition: all 8s ease-out 0s; transition: all 8s ease-out 0s;}
@media screen and (max-width: 1024px){.subpage-banner .wrapIn{-webkit-transform: scale(0.8); transform: scale(0.8);}}
@media screen and (max-width: 640px){.subpage-banner .wrapIn{-webkit-transform: scale(0.7); transform: scale(0.7);}}
.subpage-neck{position: relative; z-index: 3; 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{position: relative; width: calc(100% - 380px); text-align: left; z-index: 6; padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.subpage-nav .link2{position: relative; z-index: 3; display: inline-block; vertical-align: top; font-size: 16px; min-width: 4em; padding: 0.2rem 0.7rem; line-height: 40px; -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: 100%; background-color: #009ce1; pointer-events: none; left: 0; bottom: 100%; width: 100%; height: 0;}
.subpage-nav .link2.on{color: #fff; background-color: #009ce1;}
.subpage-nav .link2.on:after{bottom: 0; height: 100%; -webkit-transition: bottom 0ms ease-out 0s, height 220ms ease-out 0s; transition: bottom 0ms ease-out 0s, height 220ms ease-out 0s;}
.subpage-nav .prev{display: none;}
@media screen and (max-width: 1024px){.subpage-nav{width: 100%; text-align: center; padding: 0;} .subpage-nav .ctr{display: none !important;}}
.subpage-crumbs{position: relative; line-height: 20px; height: 20px; padding: 5px 0 5px 26px; maxWidth: 340px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.subpage-crumbs:before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -10px; margin-right: 0.16rem; width: 20px; height: 20px; background-image: url(../images/icof-crumbs.png); background-size: auto; 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-head{position: relative; z-index: 2; text-align: center;}
.subpage-head .en{color: rgba(0, 156, 225, 0.1); font-weight: bold; text-transform: uppercase;}
.subpage-head .cn{margin-top: -0.75em; color: #009ce1; font-weight: bold; letter-spacing: .09em;}
.subpage-thrnav{position: relative; text-align: center; z-index: 6; padding-right: 40px; padding-left: 40px; margin-bottom: 0.8rem;}
.subpage-thrnav .link3{position: relative; z-index: 3; display: inline-block; vertical-align: top; font-size: 16px; min-width: 4em; padding: 0.2rem 0.7rem; line-height: 30px; text-align: center; border-radius: 50px; border: #cccccc solid 1px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; overflow: hidden;}
.subpage-thrnav .link3:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; 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; background-color: #009ce1;}
.subpage-thrnav .link3:nth-child(1n+2){margin-left: 1rem;}
.subpage-thrnav .link3.on{color: #fff; background-color: #009ce1; border-color: #009ce1;}
.subpage-thrnav .link3.on: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;}
@media screen and (max-width: 1024px){.subpage-thrnav{width: 100%; text-align: center;} .subpage-thrnav .viewport{padding: 0;} .subpage-thrnav .ctr{display: none !important;}}
.subpage-wrap{position: relative; z-index: 1; padding: 1.6rem 0; overflow: hidden;}
.subpage-wrap .pageListBox{margin-bottom: -1.6rem;}
@media screen and (max-width: 1024px){.subpage-wrap .fixedbg{position: absolute !important;}}
/* sAbout */
.sAbout-wrap{padding: 0;}
.sAbout-section{position: relative; z-index: 2; padding: 1.6rem 0;}
.sAbout-introduction .contain{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; width: 100%;}
.sAbout-introduction .contain:after{display: none;}
@media screen and (max-width: 1024px){.sAbout-introduction .contain{display: block;}}
.sAbout-introduction .left{width: 50%; padding-left: calc(50% - var(--resW)/2); padding-right: 0.4rem; padding-top: 0.2rem; padding-bottom: 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sAbout-introduction .left .subpage-head{text-align: justify;}
.sAbout-introduction .left .body{margin-top: 0.8rem; text-indent: 2em; color: #666666; line-height: 2;}
.sAbout-introduction .left .foot{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: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.sAbout-introduction .left .foot:after{display: none;}
.sAbout-introduction .left .foot .col{text-align: center;}
.sAbout-introduction .left .foot .col .sdt{color: #222;}
.sAbout-introduction .left .foot .col .sdt .num{font-family: "CenturyGothic", Tahoma;}
.sAbout-introduction .left .foot .col .sdt sub{font-size: 14px;}
.sAbout-introduction .left .foot .col .sdd{color: #666666; font-size: 14px; line-height: 20px;}
.sAbout-introduction .right{width: 50%; padding-left: 2%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sAbout-introduction .right .pic{width: 100%; height: 0 !important; padding-bottom: 75.13812155%; background-color: #f5f5f5; color: #80cdf0;}
@media screen and (max-width: 1024px){.sAbout-introduction .left{width: 100%; padding: 0;} .sAbout-introduction .left .subpage-head{text-align: center;} .sAbout-introduction .right{width: 100%; margin-top: 5%; padding: 0;}}
.sAbout-development-step{position: relative;}
.sAbout-development-step .dt{margin-top: 0.9rem; font-size: 16px; line-height: 1.5; color: #666666; width: 100%; text-align: center;}
.sAbout-development-step .dd{padding: 0.6rem 0.6rem 0.6rem 3.2rem; position: relative; margin-top: 0.7rem; -webkit-box-shadow: 0px 3px 27px 0px rgba(108, 108, 108, 0.11); box-shadow: 0px 3px 27px 0px rgba(108, 108, 108, 0.11); background-color: #fff;}
.sAbout-development-step .dd:before{content: " "; position: absolute; left: 0.6rem; top: 0.6rem; width: 1.6rem; height: 1.6rem; background-image: url(../images/icos-time.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-shadow: 0px 4px 4.9px 0.1px rgba(108, 108, 108, 0.23); box-shadow: 0px 4px 4.9px 0.1px rgba(108, 108, 108, 0.23); border-radius: 50%;}
.sAbout-development-step .dd .sdt{height: 2.4em; line-height: 2.4em; color: #009ce1;}
.sAbout-development-step .dd .sdt i{font-size: 2em; font-weight: bold;}
.sAbout-development-step .dd .sdd{margin-top: 5px; line-height: 1.75; color: #666666;}
@media screen and (max-width: 1024px){.sAbout-development-step .dd{padding-left: 0.6rem;} .sAbout-development-step .dd:before{display: block; margin-bottom: 0.4rem; left: auto; top: auto; width: 64px; height: 64px; position: relative !important; display: none;}}
.sAbout-development-rotateMove{position: relative; width: 1200px; margin-left: auto; margin-right: auto; margin-top: 0.8rem; text-align: center;}
.sAbout-development-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 100px; left: 600px; opacity: 0;}
.sAbout-development-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 50px; height: 40px; top: 100px; left: 125px; opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.sAbout-development-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 200px; height: 80px; top: 80px; left: 0; opacity: 1;}
.sAbout-development-rotateMove .item.moveItem.L0{padding: 0; width: 460px; height: 200px; top: 0px; left: 370px; opacity: 1;}
.sAbout-development-rotateMove .item.moveItem.L1.nOn{padding: 0; width: 200px; height: 80px; top: 80px; left: 1000px; opacity: 1;}
.sAbout-development-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 50px; height: 40px; top: 100px; left: 1025px; opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.sAbout-development-rotateMove .dt{font-size: 16px; line-height: 1.5; color: #666666; width: 100%;}
.sAbout-development-rotateMove .dd{margin-top: 0.6rem;}
.sAbout-development-rotateMove .df{margin-top: 10px; width: 100%; max-width: 480px; margin-left: auto; margin-right: auto;}
.sAbout-development-rotateMove .df .box{min-height: 4em;}
.sAbout-development-rotateMove .shade{width: 1200px; height: 200px;}
.sAbout-development-rotateMove .shade .box{opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms;}
.sAbout-development-rotateMove._loaded .shade:before{-webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden;}
.sAbout-development-rotateMove._loaded .shade .box{opacity: 1;}
.sAbout-development-rotateMove .ysqMoveBox{position: relative; z-index: 1; height: 100%; white-space: nowrap;}
.sAbout-development-rotateMove .shade{overflow: visible;}
.sAbout-development-rotateMove .item{display: inline-block; vertical-align: top; position: relative; width: 33%; height: 200px; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: rgba(0, 156, 225, 0.6);}
.sAbout-development-rotateMove .item.moveItem{position: absolute; left: 0; top: 0; -webkit-transition: all 450ms ease-out 0s, z-index 0ms ease-out 0s; transition: all 450ms ease-out 0s, z-index 0ms ease-out 0s;}
.sAbout-development-rotateMove .item .tfcbox{top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; line-height: 1; font-size: 0;}
.sAbout-development-rotateMove .item .num{font-family: "CenturyGothic", Tahoma; font-weight: bold; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sAbout-development-rotateMove .item s{font-size: 16px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sAbout-development-rotateMove .item.on{color: #009ce1;}
.sAbout-development-rotateMove .item.on .num{font-size: 2.72rem;}
.sAbout-development-rotateMove .item.on s{font-size: 0.92rem;}
.sAbout-development-rotateMove .ctr{position: absolute; top: 116px; width: 180px; height: 20px; z-index: 2; display: none;}
.sAbout-development-rotateMove .ctr:before{content: " "; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background-color: #d5c4b2;}
.sAbout-development-rotateMove .ctr:after{content: " "; position: absolute; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%; border: #d5c4b2 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sAbout-development-rotateMove .ctr s{display: none;}
.sAbout-development-rotateMove .ctr.prev{left: 180px;}
.sAbout-development-rotateMove .ctr.prev:after{left: -7px;}
.sAbout-development-rotateMove .ctr.next{right: 180px;}
.sAbout-development-rotateMove .ctr.next:after{right: -7px;}
@media screen and (max-width: 1024px){.sAbout-development-rotateMove{font-size: 100px;}}
@media screen and (max-width: 749px){.sAbout-development-rotateMove{font-size: 90px;}}
@media screen and (max-width: 699px){.sAbout-development-rotateMove{font-size: 85px;}}
@media screen and (max-width: 649px){.sAbout-development-rotateMove{font-size: 80px;}}
@media screen and (max-width: 599px){.sAbout-development-rotateMove{font-size: 75px;}}
@media screen and (max-width: 549px){.sAbout-development-rotateMove{font-size: 70px;}}
@media screen and (max-width: 499px){.sAbout-development-rotateMove{font-size: 65px;}}
@media screen and (max-width: 449px){.sAbout-development-rotateMove{font-size: 60px;}}
@media screen and (max-width: 1024px){.sAbout-development-rotateMove{width: 100%;} .sAbout-development-rotateMove .shade{width: 7em; height: 1.6em; left: 0; margin-left: 0; margin-left: auto; margin-right: auto; overflow: visible;} .sAbout-development-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 0.8em; left: 3.5em; opacity: 0;} .sAbout-development-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 0.4em; height: 0.4em; top: 0.8em; left: 0.5em; opacity: 0;} .sAbout-development-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 1.2em; height: 0.8em; top: 0.6em; left: 0; opacity: 1;} .sAbout-development-rotateMove .item.moveItem.L0{padding: 0; width: 1.6em; height: 1.6em; top: 0; left: 2.7em; opacity: 1;} .sAbout-development-rotateMove .item.moveItem.L1.nOn{padding: 0; width: 1.2em; height: 0.8em; top: 0.6em; left: 5.8em; opacity: 1;} .sAbout-development-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 0.4em; height: 0.4em; top: 0.8em; left: 6.1em; opacity: 0;} .sAbout-development-rotateMove .ctr{width: 0.8em; top: 50%; margin-top: 0.1em;} .sAbout-development-rotateMove .ctr.prev{left: 1.3em;} .sAbout-development-rotateMove .ctr.next{right: 1.3em;}}
/* sOrganization */
.sOrganization-wrap{padding: 0;}
.sOrganization-wrap .subpage-single{width: 100%; padding: 4.6875%;}
/* sMember */
.sMember-wrap{background-image: url(../images/bgs-member.jpg); background-size: cover; background-position: 50% bottom; background-repeat: no-repeat;}
.sMember-intro{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.sMember-intro:after{display: none;}
@media screen and (max-width: 1024px){.sMember-intro{display: block;}}
.sMember-intro .thumb{right: 0 !important;}
.sMember-intro-list{width: 40.27777778%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sMember-intro-list .module-Scrollbox{height: 10.8rem; padding-right: 20px;}
.sMember-intro-list .module-Scrollbox .overview{padding-right: 8px;}
.sMember-intro-list .module-Scrollbox .link{position: relative; display: block; width: 100%; padding: 0.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; border-bottom: #eeeeee solid 1px; white-space: normal; color: transparent;}
.sMember-intro-list .module-Scrollbox .link:before{content: " "; position: absolute; left: 0; top: 2px; right: 0; bottom: 2px; z-index: -1; pointer-events: none; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; color: inherit; background-color: currentColor;}
.sMember-intro-list .module-Scrollbox .link:after{content: " "; position: absolute; left: 100%; top: 50%; margin-top: -8px; overflow: hidden; width: 0; height: 0; border-width: 8px 8px; border-color: transparent transparent transparent currentColor; border-style: solid; font-size: 0; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.sMember-intro-list .module-Scrollbox .link .cn{line-height: 20px; color: #333333;}
.sMember-intro-list .module-Scrollbox .link i,
.sMember-intro-list .module-Scrollbox .link .en{display: none;}
.sMember-intro-list .module-Scrollbox .link.on h3{font-weight: bold;}
.sMember-intro-list .module-Scrollbox .link.on:after{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease-out 220ms; transition: all 250ms ease-out 220ms; opacity: 1; visibility: visible;}
.sMember-intro-list .handbook{margin-top: 0.5rem; height: 24px; line-height: 24px; 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;}
.sMember-intro-list .handbook:after{display: none;}
.sMember-intro-list .handbook .type{font-size: 16px; color: #333333;}
.sMember-intro-list .handbook .type:nth-child(1n+2){margin-left: 1.2rem;}
.sMember-intro-list .handbook .type s{width: 24px; height: 24px; display: inline-block; vertical-align: top; margin-right: 6px;}
@media screen and (max-width: 1024px){.sMember-intro-list{width: 100%;} .sMember-intro-list .module-Scrollbox{width: 100%; padding-right: 0 !important; height: auto;} .sMember-intro-list .module-Scrollbox .overview{padding-right: 0;} .sMember-intro-list .module-Scrollbox .link{padding: 20px ;}}
.sMember-intro-view{margin-left: 4.16666667%; width: 55.55555556%; padding: 0.5rem 0;}
.sMember-intro-view h1{color: #009ce1; font-weight: bold; line-height: 1.5;}
.sMember-intro-view .imax{margin-top: 0.6rem;}
@media screen and (max-width: 1024px){.sMember-intro-view{width: 100%; margin-left: 0; margin-top: 0.8rem;}}
/* sChronicle */
.sChronicle .fixedbg{-o-object-position: 50% 0%; object-position: 50% 0%;}
.sChronicle-tab .Tg{position: relative; z-index: 2;}
.sChronicle-tab .Tg .overview{padding-left: 1px; padding-right: 1px;}
.sChronicle-tab .Tg .btn{position: relative; z-index: 1; display: inline-block; vertical-align: top; color: #666666; text-align: center; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; width: 100px; height: 55px; line-height: 55px; padding: 0 0.6rem; font-family: "CenturyGothic", Tahoma; margin-left: -1px;}
.sChronicle-tab .Tg .btn:before,
.sChronicle-tab .Tg .btn:after{content: " "; position: absolute; -webkit-transition: all 250ms ease-out 0s, border-width 0ms ease-out 0s; transition: all 250ms ease-out 0s, border-width 0ms ease-out 0s;}
.sChronicle-tab .Tg .btn:before{left: 50%; bottom: 1px; height: 6px; width: 1px; background-color: #ccc;}
.sChronicle-tab .Tg .btn:after{left: 0; bottom: 0; right: 0; height: 16px; border: #ccc solid 1px; border-top: none;}
.sChronicle-tab .Tg .btn.on{z-index: 2; color: #009ce1; font-weight: bold;}
.sChronicle-tab .Tg .btn.on:before{background-color: #009ce1; height: 8px;}
.sChronicle-tab .Tg .btn.on:after{border-color: #009ce1; border-width: 2px;}
.sChronicle-tab .Tt{margin-top: 1.2rem;}
.sChronicle-tab .Tt .box{position: relative; display: block;}
.sChronicle-tab .Tt .box:nth-child(1n+2){margin-top: -1px;}
.sChronicle-tab .Tt .box .wrapIn{position: relative; padding: 0.5rem 60px 0.5rem 5rem; line-height: 30px; border-top: #cccccc solid 1px; border-bottom: #cccccc solid 1px;}
.sChronicle-tab .Tt .box .sdt{position: absolute; left: 1rem; top: 0.5rem; font-size: 18px; color: #333333;}
.sChronicle-tab .Tt .box .sdt i{font-family: "CenturyGothic", Tahoma; margin-right: 1px;}
.sChronicle-tab .Tt .box .sdd{color: #666666;}
.sChronicle-tab .Tt .box .btn-fold{position: absolute; right: 15px; top: 0.5rem; width: 30px; height: 30px; border-radius: 50%; background-color: #009ce1;}
.sChronicle-tab .Tt .box .btn-fold s{position: absolute; overflow: hidden; left: 50%; top: 50%; margin: -5px 0 0 -5px; width: 10px; height: 10px; color: #ffffff; font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑' !important; text-indent: -99999px; text-align: center; line-height: 10px; white-space: nowrap; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s;}
.sChronicle-tab .Tt .box .btn-fold s:before,
.sChronicle-tab .Tt .box .btn-fold s:after{content: " "; position: absolute; left: 50%; top: 50%; background-color: #ffffff; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms;}
.sChronicle-tab .Tt .box .btn-fold s:before{width: 1px; height: 10px; margin-left: -0.5px; margin-top: -5px;}
.sChronicle-tab .Tt .box .btn-fold s:after{width: 10px; height: 1px; margin-left: -5px; margin-top: -0.5px;}
@media screen and (min-width: 1025px){.sChronicle-tab .Tt .box .btn-fold:hover s{color: #ffffff; -webkit-transform: rotate(360deg); transform: rotate(360deg);} .sChronicle-tab .Tt .box .btn-fold:hover s:before, .sChronicle-tab .Tt .box .btn-fold:hover s:after{background-color: #ffffff;}}
.sChronicle-tab .Tt .box .btn-fold.on s{-webkit-transform: rotate(495deg); transform: rotate(495deg);}
.sChronicle-tab .Tt .box.on .sdt{font-weight: bold; color: #009ce1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sChronicle-tab .Tt .box.on .sdd{color: #009ce1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (max-width: 1024px){.sChronicle-tab .Tt .box .wrapIn{padding-left: 0;} .sChronicle-tab .Tt .box .sdt{position: relative; left: auto; top: auto;}}
/* sCulture */
.sCulture-wrap{padding: 0;}
.sCulture-section{padding: 1.6rem 0; position: relative; z-index: 2;}
.sCulture-head .cn{letter-spacing: .09em;}
.sCulture-head .en{margin-top: 0.2rem; font-family: "CenturyGothic", Tahoma; text-transform: uppercase;}
.sCulture-slogan{position: relative;}
.sCulture-slogan .pic{z-index: 1; width: 100%; height: 276px; background-color: #f5f5f5;}
.sCulture-slogan .txt{z-index: 2; position: relative; margin-top: -1.2rem; padding-left: 1.5rem; border-left: #00a1e3 0.3rem solid;}
.sCulture-slogan .txt .dt{height: 1.44rem; line-height: 1.44rem;}
.sCulture-slogan .txt .dd{position: relative; height: 0.96rem; line-height: 0.96rem; 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; white-space: nowrap;}
.sCulture-slogan .txt .dd:after{display: none;}
.sCulture-slogan .txt .dd .aside{color: #009ce1; letter-spacing: .09em;}
.sCulture-slogan .txt .dd .hr{margin-left: 1rem; width: 13.8rem; height: 1px; background-color: rgba(0, 156, 225, 0.2);}
.sCulture-slogan .txt .en{margin-top: 0; display: inline-block; vertical-align: top; color: #fff;}
.sCulture-slogan .txt .cn{color: #009ce1; margin-right: 1.8rem;}
@media screen and (max-width: 1024px){.sCulture-slogan .txt{padding-left: 1rem; margin-top: -48px;} .sCulture-slogan .txt .dt{height: 56px; line-height: 56px;} .sCulture-slogan .txt .dd{height: 40px; line-height: 40px;} .sCulture-slogan .txt .cn{margin-right: 1rem;}}
.sCulture-purpose{padding-top: 6.4rem; padding-bottom: 2rem;}
.sCulture-purpose .sCulture-head{padding-left: 1.8rem; color: #fff;}
.sCulture-purpose .sCulture-head .aside{margin-top: 1.2rem; letter-spacing: .09em;}
@media screen and (max-width: 1024px){.sCulture-purpose .sCulture-head{padding-left: 1.3rem;}}
.sCulture-morality .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;}
.sCulture-morality .contain:after{display: none;}
@media screen and (max-width: 1024px){.sCulture-morality .contain{display: block;}}
.sCulture-morality .contain .picArea{z-index: 2; position: relative; overflow: hidden; width: 54.16666667%; padding: 0.24rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sCulture-morality .contain .picArea:before{content: " "; z-index: -1; position: absolute; width: 10rem; height: 10rem; left: 0; bottom: 0; -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); background-color: #009ce1;}
.sCulture-morality .contain .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 71.52317881%; background-color: #f5f5f5;}
.sCulture-morality .contain .txtArea{padding: 1rem 0; width: 40.625%;}
.sCulture-morality .contain .txtArea .sCulture-head .cn{color: #333333;}
.sCulture-morality .contain .txtArea .sCulture-head .en{color: rgba(51, 51, 51, 0.5);}
.sCulture-morality .contain .txtArea .body{margin-top: 1.2rem; font-family: Microsoft JhengHei, '微软正黑体';}
.sCulture-morality .contain .txtArea .body .line:nth-child(1n+2){margin-top: 0.8rem;}
.sCulture-morality .contain .txtArea .body .sdt{letter-spacing: .09em; color: #009ce1; line-height: 1.25;}
.sCulture-morality .contain .txtArea .body .sdt s{display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 8px; background-color: #009ce1;}
.sCulture-morality .contain .txtArea .body .sdd{margin-top: 0.24rem; line-height: 1.5;}
@media screen and (max-width: 1024px){.sCulture-morality .contain .picArea{width: 100%;} .sCulture-morality .contain .txtArea{width: 100%;} .sCulture-morality .contain .txtArea .body{margin-top: 0.6rem;} .sCulture-morality .contain .txtArea .body .line:nth-child(1n+2){margin-top: 0.5rem;}}
.sCulture-spirit .bg{height: 13.6rem;}
.sCulture-spirit .sCulture-head{text-align: center;}
.sCulture-spirit .sCulture-head .cn{color: #fff;}
.sCulture-spirit .sCulture-head .en{color: rgba(255, 255, 255, 0.5);}
.sCulture-spirit .wrapIn{padding: 1rem; margin-top: 1rem; background-color: #fff; -webkit-box-shadow: 0px 0px 23.28px 0.72px rgba(142, 142, 142, 0.18); box-shadow: 0px 0px 23.28px 0.72px rgba(142, 142, 142, 0.18); background-image: url(../images/bgsc-spirit-wrapIn.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sCulture-spirit .wrapIn .imax{max-width: 1080px; margin-left: auto; margin-right: auto;}
.sCulture-philosophy{padding-top: 0;}
.sCulture-philosophy .bg{-o-object-position: 50% 100%; object-position: 50% 100%;}
.sCulture-philosophy .sCulture-head{text-align: center;}
.sCulture-philosophy .sCulture-head .cn{color: #333333;}
.sCulture-philosophy .sCulture-head .en{color: rgba(51, 51, 51, 0.5);}
.sCulture-philosophy .list{margin-top: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 1080px; margin-left: auto; margin-right: auto; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sCulture-philosophy .list:after{display: none;}
.sCulture-philosophy .list .item{position: relative; overflow: hidden; z-index: 2; white-space: nowrap; color: #333333; text-align: center; min-width: 23.5%; padding: 1.5rem 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sCulture-philosophy .list .item:before{content: " "; z-index: -2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #cccccc solid 1px; pointer-events: none;}
.sCulture-philosophy .list .item:after{content: " "; position: absolute; z-index: -1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 0; top: 100%; width: 100%; height: 0; background-color: #009ce1; pointer-events: none;}
.sCulture-philosophy .list .item .icon{display: block; margin-left: auto; margin-right: auto; width: 2rem; height: 2rem; border: #999999 solid 1px; border-radius: 50%; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background-size: 100% auto;}
.sCulture-philosophy .list .item .sdt{margin-top: 0.7rem;}
.sCulture-philosophy .list .item .sdd{margin-top: 0.2rem; line-height: 1.5; opacity: .75;}
.sCulture-philosophy .list .item:hover{color: #fff; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-color: #009ce1;}
.sCulture-philosophy .list .item:hover .icon{border-color: #fff; background-position: 50% bottom;}
.sCulture-philosophy .list .item:hover:after{top: 0; height: 100%; -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s; transition: top 0ms ease-out 0s, height 220ms ease-out 0s;}
@media screen and (max-width: 1024px){.sCulture-philosophy .list{padding: 0 14%;} .sCulture-philosophy .list .item{padding-left: 15px; padding-right: 15px; width: 48%; margin-left: 0 !important;} .sCulture-philosophy .list .item:nth-child(1n+3){margin-top: 0.8rem;} .sCulture-philosophy .list .item .icon{width: 64px; height: 64px;}}
@media screen and (max-width: 640px){.sCulture-philosophy .list{padding: 0 5%;}}
/* sHonor */
.sHonor-wrap{background-color: #f3f3f3;}
.sHonor-list{z-index: 1;}
.sHonor-list .item{background-color: #fff; padding: 10px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sHonor-list .item:nth-child(1n+1){width: 22.8%; margin-left: 2.93333333%; margin-top: 0;}
.sHonor-list .item:nth-child( 4n+1){margin-left: 0;}
.sHonor-list .item:nth-child( 1n+5){margin-top: 2.93333333%;}
.sHonor-list .item:after{content: " "; position: absolute; z-index: -1; pointer-events: none; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; left: 0; top: 100%; width: 100%; height: 0; background-color: #009ce1;}
.sHonor-list .item .pic{width: 100%; height: 0 !important; padding-bottom: 67.8807947%;}
.sHonor-list .item .btn{height: 30px; padding: 0.2rem; position: relative; z-index: 2;}
.sHonor-list .item .btn:after{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; background-image: url(../images/btns-zoomer.png); background-size: 100% auto; background-position: 50% 0%; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sHonor-list .item h3{position: relative; margin-left: -10px; margin-bottom: -10px; margin-right: -10px; border-top: #f0f0f0 solid 1px; -webkit-transition: all 400ms ease-out 0s, all 400ms ease-out 0s; transition: all 400ms ease-out 0s, all 400ms ease-out 0s; text-align: center; padding: 0.2rem 1em; color: #666666; min-height: 30px; line-height: 30px;}
.sHonor-list .item:hover{background-color: #009ce1;}
.sHonor-list .item:hover:after{top: 0; height: 100%; -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s; transition: top 0ms ease-out 0s, height 220ms ease-out 0s;}
.sHonor-list .item:hover .btn:after{background-position: 50% 100%;}
.sHonor-list .item:hover h3{color: #fff; border-top-color: #fff;}
@media screen and (max-width: 1024px){.sHonor-list .item:nth-child(1n+1){width: 49%; margin-left: 2%; margin-top: 0;} .sHonor-list .item:nth-child( 2n+1){margin-left: 0;} .sHonor-list .item:nth-child( 1n+3){margin-top: 2%;}}
/* sAnnoucement */
.sActivity-tag{position: absolute; left: 0; top: 0; z-index: 8; width: 2.5em; line-height: 1.25em; letter-spacing: .125em; padding: 0.2rem; background-color: #009ce1; color: #fff; text-align: center;}
.sActivity-latest{background-image: url(../images/bgs-mien_latest.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #eaeaea; margin-top: -1.6rem;}
.sActivity-view{padding: 1.6rem 0; width: 100%;}
.sActivity-view .contain{padding: 0.8rem;}
.sActivity-view .wrapIn{position: relative; z-index: 2; background-color: #fff; padding: 1rem 1.2rem 1.2rem; height: 400px;}
.sActivity-view .head{padding-bottom: 0.5rem; border-bottom: #f0f0f0 solid 1px; text-align: center; line-height: 1.25;}
.sActivity-view .head h1{color: #333333;}
.sActivity-view .head .aside{margin-top: 0.3rem; color: #666666;}
.sActivity-view .body{margin-top: 0.7rem; color: #666666;}
@media screen and (max-width: 1024px){.sActivity-view .wrapIn{overflow-y: auto; height: 320px;}}
.sActivity-list-wrap .sActivity-tag{-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sActivity-list-wrap .contain{padding: 1.2rem 0.8rem 0.8rem;}
.sActivity-list-wrap .pageListBox{padding-top: 0;}
.sActivity-list .item{padding: 0.6rem 1.2rem;}
.sActivity-list .item:nth-child(1n+1){width: 48%; margin-left: 4%; margin-top: 0;}
.sActivity-list .item:nth-child( 2n+1){margin-left: 0;}
.sActivity-list .item:nth-child( 1n+3){margin-top: 0%;}
.sActivity-list .item h3{line-height: 24px; height: 24px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sActivity-list .item h3:before{content: " / ";}
.sActivity-list .item h3:after{content: " "; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background-color: #333333; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sActivity-list .item .date{margin-top: 0.3rem; font-size: 14px; color: #999999;}
.sActivity-list .item p{margin-top: 0.3rem; font-size: 14px; line-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 4em; height: 4em;}
.sActivity-list .item:hover h3{padding-left: 2.4rem;}
.sActivity-list .item:hover h3:after{width: 2rem;}
@media screen and (max-width: 1024px){.sActivity-list{padding-top: 1.2rem;} .sActivity-list .item{padding: 0.6rem; border: #dddddd solid 1px;} .sActivity-list .item:nth-child(1n+3){margin-top: 3%;}}
@media screen and (max-width: 640px){.sActivity-list .item{width: 100% !important; margin-right: 0 !important ;} .sActivity-list .item:nth-child(1n+2){margin-top: 2% !important;}}
/* sMien */
.sMien-wrap{background-image: url(../images/bgs-mien.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #f1f6fa;}
.sMien-rotateMove{position: relative; width: 28.8rem; height: 9.8rem; margin-left: auto; margin-right: auto; padding-bottom: 1.2rem;}
.sMien-rotateMove .item.moveItem.base{padding: 0; width: 0; height: 0; top: 4.9rem; left: 14.4rem; opacity: 0;}
.sMien-rotateMove .item.moveItem.L2.pOn{padding: 0; width: 50px; height: 50px; top: -20.1rem; left: -50px; opacity: 0;}
.sMien-rotateMove .item.moveItem.L1.pOn{padding: 0; width: 13.7rem; height: 8.04rem; top: 0.88rem; left: 1.8rem; opacity: 1;}
.sMien-rotateMove .item.moveItem.L0{padding: 0; width: 16.7rem; height: 9.8rem; top: 0rem; left: 6.05rem; opacity: 1;}
.sMien-rotateMove .item.moveItem.L1.nOn{padding: 0; width: 13.7rem; height: 8.04rem; top: 0.88rem; left: 13.3rem; opacity: 1;}
.sMien-rotateMove .item.moveItem.L2.nOn{padding: 0; width: 50px; height: 50px; top: -20.1rem; left: 28.8rem; opacity: 0;}
.sMien-rotateMove .shade{left: 50%; width: 28.8rem; margin-left: -14.4rem;}
.sMien-rotateMove .shade:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/based/loading.gif); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; mix-blend-mode: overlay;}
.sMien-rotateMove .box{opacity: 0; -webkit-transition: opacity 250ms ease-out 450ms; transition: opacity 250ms ease-out 450ms;}
.sMien-rotateMove._loaded .shade:before{-webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 0; visibility: hidden;}
.sMien-rotateMove._loaded .box{opacity: 1;}
.sMien-rotateMove .ysqMoveBox{position: relative; z-index: 1; height: 100%; white-space: nowrap;}
.sMien-rotateMove .shade{overflow: visible;}
.sMien-rotateMove .item{display: inline-block; vertical-align: top; position: relative; width: 33%; height: 9.8rem; background-color: #fff; cursor: pointer; -webkit-box-shadow: 0px 6px 14.1px 0.9px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 14.1px 0.9px rgba(0, 0, 0, 0.2); -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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sMien-rotateMove .item.moveItem{position: absolute; left: 0; top: 0;}
.sMien-rotateMove .item .pic{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #f1f1f1; border: #fff solid 10px;}
.sMien-rotateMove .item .pic:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;}
.sMien-rotateMove .item h3{z-index: 8; position: absolute; left: 10px; top: 100%; right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0.24rem; text-align: center; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; color: #333333;}
.sMien-rotateMove .item.on h3{-webkit-transition: all 250ms ease-out 400ms; transition: all 250ms ease-out 400ms; opacity: 1; visibility: visible; margin-top: 10px;}
.sMien-rotateMove .ctrRotate{top: 45%;}
@media screen and (max-width: 1024px){.sMien-rotateMove .ctrRotate{background-color: #009ce1; color: #fff;} .sMien-rotateMove .ctrRotate s:before, .sMien-rotateMove .ctrRotate s:after{background-color: #fff !important;}}
@media screen and (max-width: 1024px){.sMien-rotateMove{font-size: 100px;}}
@media screen and (max-width: 749px){.sMien-rotateMove{font-size: 90px;}}
@media screen and (max-width: 699px){.sMien-rotateMove{font-size: 85px;}}
@media screen and (max-width: 649px){.sMien-rotateMove{font-size: 80px;}}
@media screen and (max-width: 599px){.sMien-rotateMove{font-size: 75px;}}
@media screen and (max-width: 549px){.sMien-rotateMove{font-size: 70px;}}
@media screen and (max-width: 499px){.sMien-rotateMove{font-size: 65px;}}
@media screen and (max-width: 449px){.sMien-rotateMove{font-size: 60px;}}
@media screen and (max-width: 1024px){.sMien-rotateMove{width: 100%; height: 3.68em; overflow: visible;} .sMien-rotateMove .shade{width: 6.8em; height: 3.68em; left: 0; margin-left: 0; margin-left: auto; margin-right: auto; overflow: visible;} .sMien-rotateMove .item.moveItem.L2.pOn{width: 50px; height: 50px; top: -23.16em; left: -50px;} .sMien-rotateMove .item.moveItem.L1.pOn{width: 4.08em; height: 2.4em; top: 0.64em; left: -0.3em;} .sMien-rotateMove .item.moveItem.L0{width: 6.4em; height: 3.68em; top: 0; left: 0.2em;} .sMien-rotateMove .item.moveItem.L1.nOn{width: 4.08em; height: 2.4em; top: 0.64em; left: 3.02em;} .sMien-rotateMove .item.moveItem.L2.nOn{width: 50px; height: 50px; top: -23.16em; left: 6.8em;} .sMien-rotateMove .item.moveItem .pic{border-width: 5px;} .sMien-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);}}
/* sNews */
.subpage-wrap .sNews-list{margin-top: -1.2rem;}
.sNews-list .item{padding: 1.2rem 0;}
.sNews-list .item:nth-child(2n+2){background-color: #f6f6f6;}
.sNews-list .item .contain{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;}
.sNews-list .item .contain:after{display: none;}
@media screen and (max-width: 1024px){.sNews-list .item .contain{display: block;}}
.sNews-list .item .picArea{display: block; max-width: 100%; min-width: 460px; width: 462px;}
.sNews-list .item .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 61.68831169%; background-color: #f1f1f1;}
.sNews-list .item .txtArea{padding: 20px 2.4rem 20px 0; width: calc(100% - 462px); -webkit-box-sizing: border-box; box-sizing: border-box;}
.sNews-list .item .txtArea h3{line-height: 24px; height: 24px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sNews-list .item .txtArea h3:after{content: " "; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background-color: #333333; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sNews-list .item .txtArea .date{margin-top: 0.6rem; color: #999999;}
.sNews-list .item .txtArea p{margin-top: 0.5rem; line-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 4em; height: 4em;}
.sNews-list .item .txtArea .more{display: inline-block; vertical-align: top; margin-top: 0.9rem; height: 20px; line-height: 20px;}
.sNews-list .item .txtArea .more:after{content: " "; margin-left: 0.2rem; display: inline-block; vertical-align: top; width: 0.8rem; height: 20px; background-image: url(../images/btns-news-more.png); background-size: auto; background-position: right 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sNews-list .item .txtArea .more:hover:after{width: 1rem;}
.sNews-list .item:hover h3{padding-left: 2.4rem;}
.sNews-list .item:hover h3:after{width: 2rem;}
@media screen and (max-width: 1024px){.sNews-list .item .picArea{min-width: 0; width: 100%;} .sNews-list .item .txtArea{width: 100%; padding-right: 0;}}
/* sView */
.sView{overflow: hidden;}
.sView-wrap{z-index: 6; overflow: visible; margin-top: -6.6rem;}
.sView .wrapIn{position: relative; padding: 1.6rem; background-color: #fff; border: #dddddd solid 1px; border-radius: 10px; min-height: 6.6rem;}
@media screen and (max-width: 1024px){.sView .wrapIn{padding: 1.2rem 1rem;}}
.sView-head{padding-bottom: 0.5rem; border-bottom: #f0f0f0 solid 1px; text-align: center; line-height: 1.25;}
.sView-head h1{color: #333333;}
.sView-head .aside{margin-top: 0.3rem; color: #666666;}
.sView-body{margin-top: 0.7rem; color: #666666; padding-bottom: 80px;}
@media screen and (max-width: 1024px){.sView-body{padding-bottom: 60px;}}
.sView-foot{position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 1.6rem; border-top: #dddddd solid 1px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 80px;}
.sView-foot .ctr{position: absolute; top: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); font-size: 16px; height: 100%; color: #666666;}
.sView-foot .ctr.prev{left: 1.6rem;}
.sView-foot .ctr.next{right: 1.6rem;}
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href=""]{cursor: not-allowed; color: #999999;}
.sView-foot .ctr .limit{display: inline-block; vertical-align: top; max-width: 20em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sView-foot .backToList{position: absolute; top: 0; left: 50%; margin-left: -40px; width: 80px; height: 80px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px;}
.sView-foot .backToList:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/btns-view-backToList.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
@media screen and (min-width: 1025px){.sView-foot .ctr > s:after{content: "：";} .sView-foot .ctr:hover{color: #333333;} .sView-foot .backToList:hover:after{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .sView-foot .backToList:active:after{-webkit-transform: rotate(90deg) translateX(-3px); transform: rotate(90deg) translateX(-3px);}}
@media screen and (max-width: 1024px){.sView-foot{padding: 0 1rem; height: 60px; line-height: 60px;} .sView-foot .ctr .limit{display: none;} .sView-foot .backToList{width: 60px; height: 60px; margin-left: -30px;}}
/* sAnnoucement */
.sAnnoucement-list .item{position: relative; z-index: 2; padding: 1.2rem 0;}
.sAnnoucement-list .item:after{content: " "; z-index: -1; pointer-events: none; position: absolute; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; left: 0; top: 100%; width: 100%; height: 0; background-color: #f0faff;}
.sAnnoucement-list .item .contain{padding-left: 5.6rem; padding-right: 5.6rem;}
.sAnnoucement-list .item h3{line-height: 1.5em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sAnnoucement-list .item p{margin-top: 0.5rem; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.5em;}
.sAnnoucement-list .item .date{position: absolute; left: 0; top: 50%; margin-top: -1em; line-height: 2em; color: #666666;}
.sAnnoucement-list .item .dot{position: absolute; left: 3.6rem; top: 50%; margin-top: -11px; width: 22px; height: 22px; border-radius: 50%; border: #009ce1 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sAnnoucement-list .item .dot:before{content: " "; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; border-radius: 8px; background-color: #009ce1;}
.sAnnoucement-list .item .more{overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -1em; line-height: 2em; font-size: 16px; color: #009ce1; padding-right: 1.2rem; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sAnnoucement-list .item .more:after{content: " "; position: absolute; left: 4.5em; top: 50%; width: 1.2rem; height: 1px; background-color: #009ce1;}
.sAnnoucement-list .item .more:hover{padding-right: 1.32rem;}
@media screen and (min-width: 1025px){.sAnnoucement-list .item:hover:after{top: 0; height: 100%; -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s; transition: top 0ms ease-out 0s, height 220ms ease-out 0s;}}
@media screen and (max-width: 1024px){.sAnnoucement-list .item{padding: 0.6rem 0;} .sAnnoucement-list .item:nth-child(2n+2):after{top: 0; height: 100%;} .sAnnoucement-list .item .contain{padding-left: 32px; padding-right: 0;} .sAnnoucement-list .item .date{position: absolute; right: 0; bottom: 0; left: auto; top: auto; color: #999999;} .sAnnoucement-list .item .dot{left: 0; top: .75em; width: 20px; height: 20px; margin-top: -10px;} .sAnnoucement-list .item p{margin-top: 0.2rem;} .sAnnoucement-list .item .more{display: inline-block; vertical-align: top; position: relative; top: auto; margin-top: 0.2rem;}}
/* sInvestment */
.sInvestment-columns{margin-top: -1.6rem; margin-bottom: -1.6rem;}
.sInvestment-columns .section{position: relative; overflow: hidden; z-index: 2; background-color: #f5f5f5;}
.sInvestment-columns .section .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; min-height: 10rem; padding: 2rem 0;}
.sInvestment-columns .section .contain:after{display: none;}
.sInvestment-columns .section .wrapIn{color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sInvestment-columns .section .dt .en{margin-top: 10px; font-family: "CenturyGothic", Tahoma; opacity: .3; text-transform: uppercase; font-weight: bold; letter-spacing: .03em;}
.sInvestment-columns .section .dd{margin-top: 0.6rem; margin-left: -10px; margin-bottom: -0.4rem; width: 360px; 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; font-size: 0;}
.sInvestment-columns .section .dd:after{display: none;}
.sInvestment-columns .section .dd .link{display: block; position: relative; padding: 10px; text-align: center; color: #fff; line-height: 1.5; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; margin-bottom: 0.4rem;}
.sInvestment-columns .section .dd .link .icoImg{display: block; margin-left: auto; margin-right: auto; width: 40px; height: 40px; margin-bottom: 5px; position: relative; z-index: 2; background-size: contain; background-position: -9999px 50%; background-repeat: no-repeat;}
.sInvestment-columns .section .dd .link .icoImg:before,
.sInvestment-columns .section .dd .link .icoImg:after{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: inherit; background-size: inherit; background-position: 50% 50%; background-repeat: no-repeat;}
.sInvestment-columns .section .dd .link .icoImg:after{-webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(2); transform: scale(2);}
.sInvestment-columns .section .dd .link:hover{opacity: 1;}
.sInvestment-columns .section .dd .link:hover .icoImg:before{-webkit-transition: all 440ms ease-out 0ms; transition: all 440ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.sInvestment-columns .section .dd .link:hover .icoImg:after{-webkit-transition: all 440ms ease-out 0ms; transition: all 440ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.sInvestment-columns .section .btnX1{margin-top: 0.9rem;}
.sInvestment-columns .section:nth-child(2n+1) .contain{-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.sInvestment-columns .section:nth-child(1) .dd .link{width: 7em;}
.sInvestment-columns .section:nth-child(1n+2) .dd .link{width: 6em ;}
@media screen and (min-width: 1025px){.sInvestment-columns .section .wrapIn{width: 520px; height: 440px; padding: 75px 90px;} .sInvestment-columns .section img.bg{-webkit-transition: all 800ms ease-out 0s; transition: all 800ms ease-out 0s;} .sInvestment-columns .section:hover img.bg{-webkit-transform: scale(1.05); transform: scale(1.05);}}
@media screen and (max-width: 1024px){.sInvestment-columns .section .wrapIn{width: 100%; padding: 1.6rem 1.2rem;} .sInvestment-columns .section .wrapIn .dd{width: 100%;}}
@media screen and (max-width: 640px){.sInvestment-columns .section .wrapIn .dd .link{width: 33.33% !important; -webkit-box-sizing: border-box; box-sizing: border-box;}}
.sInvestment-foot{margin-top: 1.6rem; margin-bottom: -1.6rem; position: relative; overflow: hidden; z-index: 2; background-color: #f5f5f5; text-align: center; color: #fff;}
.sInvestment-foot .dt{position: relative; padding: 1.5rem 0;}
.sInvestment-foot .dt .en{margin-top: 10px; font-family: "CenturyGothic", Tahoma; opacity: .3; text-transform: uppercase; font-weight: bold; letter-spacing: .03em;}
.sInvestment-foot .dd{position: relative; z-index: 2; border-top: rgba(255, 255, 255, 0.3) solid 1px; 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;}
.sInvestment-foot .dd:after{display: none;}
.sInvestment-foot .dd:before{content: " "; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -0.5px; width: 1px; z-index: -1; pointer-events: none; background-color: rgba(255, 255, 255, 0.3);}
.sInvestment-foot .dd .link{z-index: 2; position: relative; width: 50%; padding: 1.7rem 0; color: #fff; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sInvestment-foot .dd .link .icoImg{display: block; margin-left: auto; margin-right: auto; width: 60px; height: 60px; position: relative; z-index: 2; background-size: contain; background-position: -9999px 50%; background-repeat: no-repeat; padding: 0.4rem; border: rgba(255, 255, 255, 0.3) solid 1px; border-radius: 50%;}
.sInvestment-foot .dd .link .icoImg:before,
.sInvestment-foot .dd .link .icoImg:after{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: inherit; background-size: inherit; background-position: 50% 50%; background-repeat: no-repeat;}
.sInvestment-foot .dd .link .icoImg:after{-webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.sInvestment-foot .dd .link h4{margin-top: 0.5rem; letter-spacing: .14em; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sInvestment-foot .dd .link:hover{background-color: rgba(0, 0, 0, 0.1);}
.sInvestment-foot .dd .link:hover .icoImg:before{-webkit-transition: all 440ms ease-out 0ms; transition: all 440ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(2); transform: scale(2);}
.sInvestment-foot .dd .link:hover .icoImg:after{-webkit-transition: all 440ms ease-out 0ms; transition: all 440ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.sInvestment-foot .dd .link:hover h4{letter-spacing: 0;}
@media screen and (min-width: 1025px){.sInvestment-foot img.bg{-webkit-transition: all 800ms ease-out 0s; transition: all 800ms ease-out 0s;} .sInvestment-foot:hover img.bg{-webkit-transform: scale(1.05); transform: scale(1.05);}}
.sInvestment-banner{position: relative; z-index: 2; height: 5.6rem; padding: 45px 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: 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;}
.sInvestment-banner:after{display: none;}
.sInvestment-banner .wrapIn .cn{width: 100%; font-family: Microsoft JhengHei, '微软正黑体'; font-weight: bold; letter-spacing: .09em; color: #333333;}
.sInvestment-banner .wrapIn .en{width: 100%; margin-top: 10px; text-transform: uppercase; letter-spacing: .09em; color: #666666;}
.sInvestment-list .item{text-align: center;}
.sInvestment-list .item:nth-child(1n+1){width: 32.5%; margin-left: 1.25%; margin-top: 0;}
.sInvestment-list .item:nth-child( 3n+1){margin-left: 0;}
.sInvestment-list .item:nth-child( 1n+4){margin-top: 1.25%;}
.sInvestment-list .item .pic{width: 100%; height: 0 !important; padding-bottom: 63.5193133%; background-color: #f5f5f5;}
.sInvestment-list .item .pic:before{content: " "; pointer-events: none; z-index: 4; position: absolute; background-color: #009ce1; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.sInvestment-list .item .pic:after{content: " "; position: absolute; left: 50%; top: 50%; margin-left: -17.5px; margin-top: 0.2rem; width: 35px; height: 35px; z-index: 5; background-image: url(../images/btns-tz-zoomer.png); background-size: auto; background-position: 50% 55%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.sInvestment-list .item .pic p{position: absolute; left: 0; right: 0; bottom: 50%; margin-bottom: 0.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; color: #fff; z-index: 5; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(-1em); transform: translateY(-1em);}
.sInvestment-list .item h3{padding: 0.2rem; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
@media screen and (min-width: 1025px){.sInvestment-list .item:hover .pic: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;} .sInvestment-list .item:hover .pic p, .sInvestment-list .item:hover .pic:after{-webkit-transition: all 250ms ease-out 250ms; transition: all 250ms ease-out 250ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}}
@media screen and (max-width: 1024px){.sInvestment-list .item:nth-child(1n+1){width: 49%; margin-left: 2%; margin-top: 0;} .sInvestment-list .item:nth-child( 2n+1){margin-left: 0;} .sInvestment-list .item:nth-child( 1n+3){margin-top: 2%;}}
.sInvestment-view{position: relative; z-index: 2; padding: 3rem 0 2rem;}
.sInvestment-view:before,
.sInvestment-view:after{content: " "; position: absolute; left: 0; z-index: -1; pointer-events: none; width: 100%;}
.sInvestment-view:before{top: 0; height: 7.2rem; background-color: #f3f3f3;}
.sInvestment-view:after{top: 7.2rem; background-color: #eeeeee; background-image: url(../images/bgs-investment.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sInvestment-view .wrapIn{max-width: 1080px;}
.sInvestment-view .head{position: relative; min-height: 40px; line-height: 1.5;}
.sInvestment-view .head h1{color: #333333; font-weight: bold;}
.sInvestment-view .head .foot{position: absolute; right: 0; top: 0; width: 320px; border: none; margin-top: 0;}
@media screen and (min-width: 1025px){.sInvestment-view .head{padding-right: 360px;} .sInvestment-view .head h1{line-height: 40px;}}
.sInvestment-view .body{margin-top: 0.9rem; margin-bottom: 1rem;}
.sInvestment-view .body .sInvestment-album{margin-bottom: 0.9rem;}
.sInvestment-view .foot{z-index: 5; position: relative; height: 40px;}
.sInvestment-view .foot .ctr{position: absolute; top: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); height: 40px; line-height: 40px; font-size: 16px; width: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; border: #009ce1 solid 1px; text-align: center; border-radius: 40px; color: #009ce1; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sInvestment-view .foot .ctr.prev{left: 0;}
.sInvestment-view .foot .ctr.next{right: 0;}
.sInvestment-view .foot .ctr[href="#"],
.sInvestment-view .foot .ctr[href=""]{cursor: not-allowed; -webkit-filter: grayscale(100%); filter: grayscale(100%); background-color: #eee !important; color: #666666 !important;}
@media screen and (min-width: 1025px){.sInvestment-view .foot .ctr:hover{background-color: #009ce1; color: #fff;}}
.sInvestment-view .foot .backToList{position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; width: 36px; height: 36px; background-image: url(../images/btns-backToList.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
@media screen and (min-width: 1025px){.sInvestment-view .foot .backToList:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
.sInvestment-album{position: relative; z-index: 2;}
.sInvestment-album .shade{width: 100%; height: 0 !important; padding-bottom: 47.4137931%;}
.sInvestment-album .item{position: relative; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: #f1f1f1;}
.sInvestment-album .item .pic{width: 100%; height: 100%;}
.sInvestment-album .item.come{-webkit-transform: scale(1.1); transform: scale(1.1);}
.sInvestment-album .item.leave{-webkit-transform: scale(0.9); transform: scale(0.9);}
.sInvestment-album .item.on{-webkit-transform: none !important; transform: none !important;}
/* sParty */
.subpage-wrap .sParty-list{margin-top: -1.6rem;}
.sParty-list .item{border-bottom: #e5e5e5 solid 1px; padding: 1.5rem 0;}
.sParty-list .item .contain{height: 295px; padding-left: 500px; 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;}
.sParty-list .item .contain:after{display: none;}
@media screen and (max-width: 1024px){.sParty-list .item .contain{display: block;}}
.sParty-list .item .picArea{float: left; margin-left: -500px; display: block; width: 495px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-item-align: center; align-self: center;}
.sParty-list .item .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 59.71659919%; background-color: #f5f5f5;}
.sParty-list .item .txtArea{padding-left: 1.3rem; padding-right: 3.2rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sParty-list .item .txtArea h3{line-height: 1.5em; height: 1.5em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sParty-list .item .txtArea .date{margin-top: 0.6rem; color: #999999;}
.sParty-list .item .txtArea p{margin-top: 0.5rem; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.5em; height: 3.5em;}
@media screen and (max-width: 1024px){.sParty-list .item .contain{padding-left: 0; padding-right: 0; height: auto;} .sParty-list .item .picArea{position: relative; width: 100%; margin-right: 0; float: none; margin-left: 0;} .sParty-list .item .txtArea{margin-top: 0.6rem; padding-left: 0; padding-right: 0;} .sParty-list .item .txtArea .date{margin-top: 0.4rem;} .sParty-list .item .more{display: none;}}
/* sIncorruptible */
.sIncorruptible-switch{padding: 1.2rem 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin-top: -1.6rem;}
.sIncorruptible-switch:after{display: none;}
.sIncorruptible-switch .shade{height: auto; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.sIncorruptible-switch .box{height: auto; position: relative !important;}
.sIncorruptible-switch .item{display: none;}
.sIncorruptible-switch .item:first-child{display: block;}
.sIncorruptible-switch._loaded .shade{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
.sIncorruptible-switch._loaded .item{display: block;}
.sIncorruptible-switch .shade{width: 720px; height: 462px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-item-align: center; align-self: center;}
.sIncorruptible-switch .shade .box{height: 100%;}
.sIncorruptible-switch .shade .item{position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; display: none; z-index: 3;}
.sIncorruptible-switch .shade .item.on{position: relative !important;}
.sIncorruptible-switch .shade .item:after{content: " "; z-index: -1; position: absolute; left: 0; bottom: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 32px; line-height: 32px; padding: 0.4rem 0;}
.sIncorruptible-switch .shade .item .pic{width: 100%; height: 100%;}
.sIncorruptible-switch .shade .item h3{position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.4rem; z-index: 6; color: #fff; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sIncorruptible-switch .paginationXb{display: none; position: absolute; right: 0.5rem; bottom: 0.4rem; height: 16px; line-height: 16px; padding: 8px 0; z-index: 6;}
.sIncorruptible-switch .list{width: 50%; padding-left: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sIncorruptible-switch .list .item{z-index: 2; position: relative ; min-height: 144px; padding: 15px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sIncorruptible-switch .list .item:after{content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: #f0f0f0 solid 1px;}
.sIncorruptible-switch .list .item:nth-child(1n+4){display: none;}
.sIncorruptible-switch .list .item h3{position: relative; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sIncorruptible-switch .list .item .date{margin-top: 5px; color: #999999; line-height: 20px;}
.sIncorruptible-switch .list .item p{color: #999999; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; margin-top: 8px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 52px; height: 52px;}
.sIncorruptible-switch .list .item.on{-webkit-box-shadow: 0px 3px 21px 0px rgba(142, 142, 142, 0.15); box-shadow: 0px 3px 21px 0px rgba(142, 142, 142, 0.15);}
.sIncorruptible-switch .list .item.on h3{font-weight: bold;}
@media screen and (max-width: 1600px){.sIncorruptible-switch .list{padding-left: 0.8rem;}}
@media screen and (max-width: 1024px){.sIncorruptible-switch{display: block;} .sIncorruptible-switch .shade{width: 100%; height: 0 !important; padding-bottom: 64.16666667%;} .sIncorruptible-switch .shade .box{position: absolute !important;} .sIncorruptible-switch .paginationXb{display: block;} .sIncorruptible-switch .list{display: none;}}
.sIncorruptible-list .item{padding: 1.2rem 0; background-color: #f6f6f6;}
.sIncorruptible-list .item:nth-child(1n+2){margin-top: 15px;}
.sIncorruptible-list .item .contain{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;}
.sIncorruptible-list .item .contain:after{display: none;}
@media screen and (max-width: 1024px){.sIncorruptible-list .item .contain{display: block;}}
.sIncorruptible-list .item .picArea{display: block; max-width: 100%; min-width: 460px; width: 462px;}
.sIncorruptible-list .item .picArea .pic{width: 100%; height: 0 !important; padding-bottom: 61.68831169%; background-color: #f1f1f1;}
.sIncorruptible-list .item .txtArea{padding: 20px 2.4rem 20px 0;}
.sIncorruptible-list .item .txtArea h3{line-height: 24px; height: 24px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sIncorruptible-list .item .txtArea h3:after{content: " "; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background-color: #333333; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sIncorruptible-list .item .txtArea .date{margin-top: 0.6rem; color: #999999;}
.sIncorruptible-list .item .txtArea p{margin-top: 0.5rem; line-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 4em; height: 4em;}
.sIncorruptible-list .item .txtArea .more{display: inline-block; vertical-align: top; margin-top: 0.9rem; height: 20px; line-height: 20px;}
.sIncorruptible-list .item .txtArea .more:after{content: " "; margin-left: 0.2rem; display: inline-block; vertical-align: top; width: 0.8rem; height: 20px; background-image: url(../images/btns-news-more.png); background-size: auto; background-position: right 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sIncorruptible-list .item .txtArea .more:hover:after{width: 1rem;}
.sIncorruptible-list .item:hover h3{padding-left: 2.4rem;}
.sIncorruptible-list .item:hover h3:after{width: 2rem;}
@media screen and (max-width: 1024px){.sIncorruptible-list .item .picArea{min-width: 0; width: 100%;} .sIncorruptible-list .item .txtArea{width: 100%; padding-right: 0;}}
/* sReport */
.sReport-wrap .fixedbg{-o-object-position: 50% 100%; object-position: 50% 100%;}
.sReport-wrap .subpage-head .cn{color: #333333;}
.sReport-form{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;}
.sReport-form:after{display: none;}
.sReport-form .formItem{position: relative; width: 32.5%; line-height: 26px; color: #666666; margin-bottom: 0.5rem;}
.sReport-form .formItem:before{content: "*"; position: absolute; left: 30px; top: 20px; margin-left: -0.5em; line-height: 26px; color: #e10000; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sReport-form .formItem.w2{width: 100%;}
.sReport-form .formItem:last-child{margin-top: 0.6rem;}
.sReport-form .formItem .skin{display: block; width: 100%; line-height: 26px; padding: 20px 30px ; background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: .5em;}
.sReport-form .formItem input.skin{height: 66px;}
.sReport-form .formItem textarea.skin{height: 160px;}
.sReport-form .formItem.file{background-color: rgba(255, 255, 255, 0.5); padding: 30px; border-radius: 5px;}
.sReport-form .formItem.file:before{display: none;}
.sReport-form .formItem.file .fileBtnBox{display: inline-block; vertical-align: top; position: relative; overflow: hidden;}
.sReport-form .formItem.file .fileBtnBox .filename{visibility: hidden; position: absolute !important; z-index: -1;}
.sReport-form .formItem.file .fileBtnBox .filebtn{position: static; overflow: visible; display: inline-block; width: 220px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #009ce1; border-radius: 5px; font-size: 16px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sReport-form .formItem.file .fileBtnBox .filebtn input{position: absolute; top: -3px; right: -3px; min-width: 100%; min-height: 100%; z-index: 2; font-size: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.sReport-form .formItem.file .fileBtnBox:hover .filebtn{background-color: #0094d6;}
.sReport-form .formItem.file .tips{margin-top: 0.3rem; color: #e10000;}
.sReport-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;}
.sReport-form .formItem.yzm:after{display: none;}
.sReport-form .formItem.yzm:before{display: none;}
.sReport-form .formItem.yzm .skin{width: 280px; padding-left: 0.6rem;}
.sReport-form .formItem.yzm .bindClick{display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; width: 132px; height: 66px; border-radius: 5px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-item-align: center; align-self: center;}
.sReport-form .formItem .enter{display: inline-block; vertical-align: top; width: 250px; height: 66px; line-height: 66px; text-align: center; background-color: #009ce1; color: #fff; font-size: 18px; border-radius: 5px; letter-spacing: .1em;}
@media screen and (max-width: 1024px){.sReport-form .formItem{width: 100%;} .sReport-form .formItem.yzm{-ms-flex-wrap: wrap; flex-wrap: wrap;} .sReport-form .formItem.yzm .skin{width: calc(100% - 140px);} .sReport-form .formItem.yzm .bindClick{margin-left: 8px; margin-right: 0;} .sReport-form .formItem.yzm .enter{margin-top: 20px; width: 100%; display: block;}}
/* sContact */
.sContact-list .item{border: #e5e5e5 solid 1px; padding: 0.8rem; text-align: center;}
.sContact-list .item:nth-child(1n+1){width: 24%; margin-left: 1.33333333%; margin-top: 0;}
.sContact-list .item:nth-child( 4n+1){margin-left: 0;}
.sContact-list .item:nth-child( 1n+5){margin-top: 1.33333333%;}
.sContact-list .item .icoImg{display: block; margin-left: auto; margin-right: auto; width: 48px; height: 48px; border-radius: 50%; background-color: #009ce1;}
.sContact-list .item .sdt{margin-top: 10px; font-size: 16px; color: #009ce1; line-height: 20px;}
.sContact-list .item .sdd{margin-top: 0.4rem; color: #333333; font-weight: bold; font-family: "CenturyGothic", Microsoft YaHei, '微软雅黑';}
.sContact-list .item.address .sdd{line-height: 1.25;}
@media screen and (max-width: 1024px){.sContact-list .item:nth-child(1n+1){width: 49%; margin-left: 2%; margin-top: 0;} .sContact-list .item:nth-child( 2n+1){margin-left: 0;} .sContact-list .item:nth-child( 1n+3){margin-top: 2%;}}
.sContact-map{margin-top: 1rem; position: relative; z-index: 2; height: 10.4rem;}
.sContact-map #dituContent{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.sContact-map #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #009ce1;}
.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{height: 360px;}}