@charset "utf-8";
.pf100 {position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.pa100 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pr100 {position: relative;left: 0;top: 0;width: 100%;height: 100%;}
.bge {background-color: #eee;}
.bgf {background-color: #fff;}
.bgf1 {background-color: #f1f1f1;}
.bgf5 {background-color: #f5f5f5;}
@-webkit-keyframes openDoor {
0% {
-webkit-clip-path: inset(0 50% round 0); clip-path: inset(0 50% round 0);
}
100% {
-webkit-clip-path: inset(0% round 0); clip-path: inset(0% round 0);
}
}
@keyframes openDoor {
0% {
-webkit-clip-path: inset(0 50% round 0); clip-path: inset(0 50% round 0);
}
100% {
-webkit-clip-path: inset(0% round 0); clip-path: inset(0% round 0);
}
}
@-webkit-keyframes fadeInRightm {
0% {
opacity: 0.6;-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;-webkit-transform: none; transform: none;}
}
@keyframes fadeInRightm {
0% {opacity: 0.6;-webkit-transform: translate3d(50%, 0, 0);        transform: translate3d(50%, 0, 0);}
to {opacity: 1;-webkit-transform: none;        transform: none;}
}
.fadeInRightm {
-webkit-animation-name: fadeInRightm;
animation-name: fadeInRightm;
}
@-webkit-keyframes fadeInLeftm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftm {
-webkit-animation-name: fadeInLeftm;
animation-name: fadeInLeftm;
}
@-webkit-keyframes fadeInUpm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpm {
-webkit-animation-name: fadeInUpm;
animation-name: fadeInUpm;
}
@-webkit-keyframes fadeInDownm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownm {
-webkit-animation-name: fadeInDownm;
animation-name: fadeInDownm;
}
@-webkit-keyframes slideInRightm {
0% {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInRightm {
0% {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInRightm {
-webkit-animation-name: slideInRightm;
animation-name: slideInRightm;
opacity: 1 !important;
}
@-webkit-keyframes slideInLeftm {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInLeftm {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInLeftm {
-webkit-animation-name: slideInLeftm;
animation-name: slideInLeftm;
opacity: 1 !important;
}
@-webkit-keyframes slideInUpm {
0% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInUpm {
0% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInUpm {
-webkit-animation-name: slideInUpm;
animation-name: slideInUpm;
opacity: 1 !important;
}
@-webkit-keyframes slideInDownm {
0% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInDownm {
0% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInDownm {
-webkit-animation-name: slideInDownm;
animation-name: slideInDownm;
opacity: 1 !important;
}
@-webkit-keyframes fadeIns {
0% {opacity: 0.5;}
to {opacity: 1;}
}
@keyframes fadeIns {
0% {opacity: 0.5;}
to {opacity: 1;}
}
.fadeIns {
-webkit-animation-name: fadeIns;
animation-name: fadeIns;
}
@-webkit-keyframes dotShake {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
transform: translate3d(-8%, 0, 0) rotate(-4deg);
}
30% {
-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
transform: translate3d(6.6%, 0, 0) rotate(2deg);
}
45% {
-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
}
60% {
-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
transform: translate3d(4.5%, 0, 0) rotate(1deg);
}
75% {
-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
transform: translate3d(-2%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes dotShake {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
transform: translate3d(-8%, 0, 0) rotate(-4deg);
}
30% {
-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
transform: translate3d(6.6%, 0, 0) rotate(2deg);
}
45% {
-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
}
60% {
-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
transform: translate3d(4.5%, 0, 0) rotate(1deg);
}
75% {
-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
transform: translate3d(-2%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.dotShake {
-webkit-animation-name: dotShake;
animation-name: dotShake;
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform: none !important;
transform: none !important;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate360 {
0% {
-webkit-transform: none !important;
transform: none !important;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotate360 {
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateInYm {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInYm {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInYm {
-webkit-animation-name: rotateInYm;
animation-name: rotateInYm;
}
@-webkit-keyframes AniStriking {
0%,
50%,
to {
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
}
@keyframes AniStriking {
0%,
50%,
to {
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
}
.AniStriking {
-webkit-animation-name: AniStriking;
animation-name: AniStriking;
}
@-webkit-keyframes AniOpStriking {
0%,
50%,
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
opacity: .7;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
@keyframes AniOpStriking {
0%,
50%,
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
opacity: .7;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
.AniOpStriking {
-webkit-animation-name: AniOpStriking;
animation-name: AniOpStriking;
}
@-webkit-keyframes AniShiny {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes AniShiny {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.AniShiny {
-webkit-animation-name: AniShiny;
animation-name: AniShiny;
}
@-webkit-keyframes animateStay {
0,
100% {
opacity: 1;
}
}
@keyframes animateStay {
0,
100% {
opacity: 1;
}
}
.animateStay {
-webkit-animation-name: animateStay;
animation-name: animateStay;
}
@-webkit-keyframes AniNone {
0,
100% {
-webkit-transform: none !important;
transform: none !important;
opacity: 1;
visibility: visible;
}
}
@keyframes AniNone {
0,
100% {
-webkit-transform: none !important;
transform: none !important;
opacity: 1;
visibility: visible;
}
}
.AniNone {-webkit-animation-name: AniNone;animation-name: AniNone;opacity: 1;}
@-webkit-keyframes AniCalmdown {}
@keyframes AniCalmdown {}
.AniCalmdown {-webkit-animation-name: AniCalmdown;      animation-name: AniCalmdown;-webkit-animation-duration: .5s !important;      animation-duration: .5s !important;opacity: 0 !important;visibility: hidden !important;
pointer-events: none;}
.waitAniTitleBlock {display: inline-block;vertical-align: top;position: relative;overflow: hidden;-webkit-animation-duration: 2s !important;      animation-duration: 2s !important;}
.waitAniTitleBlock:before {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 8;}
.waitAniTitleBlock:before {-webkit-transform: translateX(-105%);      transform: translateX(-105%);}
.waitAniTitleBlock.AniStart .hideWord {-webkit-transition: all 0ms ease-out 0ms;transition: all 0ms ease-out 0ms;opacity: 0;visibility: hidden;}
.waitAniTitleBlock.AniStart:before {-webkit-transform: translateX(0);      transform: translateX(0);-webkit-transition: all 400ms cubic-bezier(0, 0, 0.8, 0.6) 0s;transition: all 400ms cubic-bezier(0, 0, 0.8, 0.6) 0s;
-webkit-transform-origin: 0% 50%;      transform-origin: 0% 50%;}
.waitAniTitleBlock.AniDid .hideWord {-webkit-transition: all 0ms ease-out 10ms;transition: all 0ms ease-out 10ms;opacity: 1;visibility: visible;}
.waitAniTitleBlock.AniDid:before {-webkit-transform: translateX(105%);      transform: translateX(105%);-webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s;transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s;
-webkit-transform-origin: 100% 50%;      transform-origin: 100% 50%;}
/* baseCss */
.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: #01999a;
}
.bgc1 {
background-color: #01999a;
}
.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-size: 14px;
}
a {
color: #333333;
}
a.on {
color: #01999a;
}
@media screen and (min-width: 1025px) {
a:hover {
color: #01999a;
}
}
@media screen and (max-width: 1024px) {
a:active {
color: #01999a;
}
}
.vmbox {
font-size: 14px;
line-height: 1;
}
.info {font-size: 0.3rem;line-height: 1.7143;}
@media screen and (max-width: 1400px) {
.info {font-size: 0.35rem;}
}
.info * {
background-color: transparent !important;
}
.imax {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 1440px) {
.imax {
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.imax {
line-height: 1.75em;
}
}
::-moz-selection {
background: #01999a;
color: #fff;
text-shadow: none;
}
::selection {background: #01999a;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;}
.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: 85%;}
}
@media screen and (max-width: 1024px) {
.container,.w {width: auto !important;width: calc(100% - 30px) !important;margin-left: auto !important;margin-right: auto !important;max-width: 720px !important;}
}
.w-p {padding-left: 6.25%;padding-right: 6.25%;-webkit-box-sizing: border-box;      box-sizing: border-box;}
@media screen and (max-width: 1600px) {
.w-p {padding-left: 4.16666667%;padding-right: 4.16666667%;}
}
@media screen and (max-width: 1024px) {
.w-p {padding-left: 0.6rem;padding-right: 0.6rem;}
}
/* ------------------- htmls ------------------- */
.modal-videoPlayer {
display: none;
position: fixed;
left: 0;
top: var(--headerH);
bottom: 0;
right: 0;
z-index: 90;
background-color: #000;
}
.modal-videoPlayer.hideOut .close {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.modal-videoPlayer .close {
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 56px;
cursor: pointer;
z-index: 80;
background-color: rgba(255, 255, 255, 0.5);
}
.modal-videoPlayer .close s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 50.4px;
font-size: 26px;
color: #ffffff;
font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.ysqUEO .modal-videoPlayer .close s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO .modal-videoPlayer .close s:before,
.ysqUEO .modal-videoPlayer .close s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 15px;
width: 26px;
height: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO .modal-videoPlayer .close s:before {
top: 19px;
-webkit-transform: rotate(45deg) translate(5.17766953px, 0);
transform: rotate(45deg) translate(5.17766953px, 0);
top: 14px;
}
.ysqUEO .modal-videoPlayer .close s:after {
bottom: 19px;
-webkit-transform: rotate(-45deg) translate(5.17766953px, 0);
transform: rotate(-45deg) translate(5.17766953px, 0);
bottom: 14px;
}
@media screen and (min-width: 1025px) {
.ysqUEO .modal-videoPlayer .close s:before,
.ysqUEO .modal-videoPlayer .close s:after {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
}
.modal-videoPlayer .close s:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.modal-videoPlayer .close s:active {
color: #ffffff;
}
}
.modal-videoPlayer .close s:hover {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.modal-videoPlayer .contain {
position: absolute;
}
.modal-videoPlayer .player {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
}
.modal-videoPlayer .player * {
background-color: transparent !important;
}
@media screen and (min-width: 1025px) {
.modal-videoPlayer .contain {
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}
@media screen and (max-width: 1024px) {
.modal-videoPlayer .contain {
left: 0px;
right: 0px;
top: 56px;
bottom: 56px;
}
.modal-videoPlayer .close {
zoom: .9;
}
}
.modal-searchForm {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99921;
overflow: hidden;
}
.ysqUEO .modal-searchForm .contain {
opacity: 0;
-webkit-transition: all 330ms ease-out 0s;
transition: all 330ms ease-out 0s;
-webkit-transform: translateY(-66%) scale(0.2);
transform: translateY(-66%) scale(0.2);
}
.ysqUEO .modal-searchForm.showUp .contain {
opacity: 1;
-webkit-transform: none !important;
transform: none !important;
}
.ysqUEO .modal-searchForm.hideOut .contain {
opacity: 0;
-webkit-transform: translateY(33%) scale(0.2) !important;
transform: translateY(33%) scale(0.2) !important;
}
.modal-searchForm .contain {
z-index: 20;
position: absolute;
left: 50%;
top: 50%;
padding: 25px 30px;
width: 300px;
height: 120px;
margin: -85px 0 0 -180px;
background-color: #fff;
}
.modal-searchForm .contain .Tclose {
position: absolute;
top: 6px;
right: 6px;
width: 30px;
height: 30px;
}
.modal-searchForm .contain .Tclose s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 27px;
font-size: 20px;
color: #979797;
font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.ysqUEO .modal-searchForm .contain .Tclose s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO .modal-searchForm .contain .Tclose s:before,
.ysqUEO .modal-searchForm .contain .Tclose s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 5px;
width: 20px;
height: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO .modal-searchForm .contain .Tclose s:before {
top: 9px;
-webkit-transform: rotate(45deg) translate(3.93502884px, 0);
transform: rotate(45deg) translate(3.93502884px, 0);
top: 4px;
}
.ysqUEO .modal-searchForm .contain .Tclose s:after {
bottom: 9px;
-webkit-transform: rotate(-45deg) translate(3.93502884px, 0);
transform: rotate(-45deg) translate(3.93502884px, 0);
bottom: 4px;
}
@media screen and (min-width: 1025px) {
.ysqUEO .modal-searchForm .contain .Tclose s:before,
.ysqUEO .modal-searchForm .contain .Tclose s:after {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
}
.modal-searchForm .contain .Tclose s:hover {
color: #979797;
}
}
@media screen and (max-width: 1024px) {
.modal-searchForm .contain .Tclose s:active {
color: #979797;
}
}
.modal-searchForm .contain .Tclose s:hover {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.modal-searchForm .searchBox {
padding-top: 14px;
}
.modal-searchForm .searchBox .skin {
width: 270px;
height: 28px;
line-height: 28px;
padding: 9px 14px;
border: #cccccc solid 1px;
border-radius: 6px;
background-color: #fff;
}
.modal-searchForm .searchBox .enter {
margin-top: 10px;
display: block;
width: 100%;
height: 48px;
line-height: 48px;
background-color: #01999a;
color: #fff;
text-align: center;
border-radius: 6px;
}
/* albumWindow */
#albumWindow {
position: fixed;
left: 0;
top: 50%;
right: 0;
bottom: 50%;
z-index: 99;
background-color: #fff;
-webkit-transition: all 500ms ease-out 0ms;
transition: all 500ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.no-supports #albumWindow {
-webkit-transform: none !important;
transform: none !important;
}
#albumWindow.visible {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 500ms ease-out 0ms;
transition: all 500ms ease-out 0ms;
opacity: 1;
visibility: visible;
top: 0;
bottom: 0;
}
#albumWindow .contain {
position: absolute;
z-index: 1;
left: 48px;
right: 48px;
top: 48px;
bottom: 30px;
}
#albumWindow .contain .list0 {
width: 400%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#albumWindow .contain .item {
float: left;
position: relative;
width: 25%;
height: 100%;
text-align: center;
margin-right: 20px;
}
#albumWindow .contain .item .img,
#albumWindow .contain .item .vmbox {
width: 100%;
min-height: 60px;
}
#albumWindow .contain .item .fBar {
position: absolute;
left: 0;
bottom: -30px;
width: 100%;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
#albumWindow .contain .item .fBar .download {
display: inline-block;
vertical-align: top;
padding-left: 6px;
padding-right: 6px;
color: #01999a;
border-bottom: solid 1px;
font-size: 14px;
line-height: 18px;
}
#albumWindow .contain .item.on .fBar {
-webkit-transition: all 250ms ease-out 200ms;
transition: all 250ms ease-out 200ms;
opacity: 1;
visibility: visible;
}
#albumWindow .picName {
position: absolute;
left: 0;
right: 10px;
top: -48px;
height: 48px;
line-height: 48px;
color: #333333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#albumWindow .close.btn {
position: absolute;
overflow: hidden;
z-index: 3;
right: 0;
top: 0;
width: 48px;
height: 48px;
background-color: #01999a;
}
#albumWindow .close.btn s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 43.2px;
font-size: 28px;
color: #ffffff;
font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO #albumWindow .close.btn s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO #albumWindow .close.btn s:before,
.ysqUEO #albumWindow .close.btn s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 10px;
width: 28px;
height: 4px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO #albumWindow .close.btn s:before {
top: 14px;
-webkit-transform: rotate(45deg) translate(5.38477631px, 0);
transform: rotate(45deg) translate(5.38477631px, 0);
top: 8px;
}
.ysqUEO #albumWindow .close.btn s:after {
bottom: 14px;
-webkit-transform: rotate(-45deg) translate(5.38477631px, 0);
transform: rotate(-45deg) translate(5.38477631px, 0);
bottom: 8px;
}
@media screen and (min-width: 1025px) {
.ysqUEO #albumWindow .close.btn s:before,
.ysqUEO #albumWindow .close.btn s:after {
-webkit-transition: all 300ms ease 0ms;
transition: all 300ms ease 0ms;
}
#albumWindow .close.btn s:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
#albumWindow .close.btn s:active {
color: #ffffff;
}
}
#albumWindow .close.btn s:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
#albumWindow .ctr {
position: absolute;
top: 50%;
margin-top: -60px;
width: 44px;
height: 120px;
-webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s;
transition: all 400ms ease-out 0s, all 250ms ease-out 0s;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
opacity: .8;
line-height: 120px;
color: #111111;
text-align: center;
}
#albumWindow .ctr s {
color: #01999a;
font-size: 42px;
font-weight: bold;
}
#albumWindow .ctr s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: 'SimSun', '宋体' !important;
text-align: center;
font-size: 40px;
font-weight: bold;
pointer-events: none;
}
#albumWindow .ctr:hover {
color: #111111;
}
.ysqUEO #albumWindow .ctr s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO #albumWindow .ctr s:before,
.ysqUEO #albumWindow .ctr s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
margin-top: -1.5px;
background-color: #111111;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ysqUEO #albumWindow .ctr s:before,
.ysqUEO #albumWindow .ctr s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO #albumWindow .ctr:hover s:before,
.ysqUEO #albumWindow .ctr:hover s:after {
background-color: #111111;
}
}
@media screen and (max-width: 1024px) {
#albumWindow .ctr:active s:before,
#albumWindow .ctr:active s:after {
background-color: #111111;
}
}
.ysqUEO #albumWindow .ctr.prev s:before,
.ysqUEO #albumWindow .ctr.prev s:after {
margin-left: -7px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO #albumWindow .ctr.prev s:before {
-webkit-transform: rotate(-40deg) translateX(-1.5px);
transform: rotate(-40deg) translateX(-1.5px);
}
.ysqUEO #albumWindow .ctr.prev s:after {
-webkit-transform: rotate(40deg) translateX(-1.5px);
transform: rotate(40deg) translateX(-1.5px);
}
.ysqUEO #albumWindow .ctr.next s:before,
.ysqUEO #albumWindow .ctr.next s:after {
margin-left: -13px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO #albumWindow .ctr.next s:before {
-webkit-transform: rotate(-40deg) translateX(1.5px);
transform: rotate(-40deg) translateX(1.5px);
}
.ysqUEO #albumWindow .ctr.next s:after {
-webkit-transform: rotate(40deg) translateX(1.5px);
transform: rotate(40deg) translateX(1.5px);
}
@media screen and (min-width: 1025px) {
.ysqUEO #albumWindow .ctr.prev:hover s:before {
-webkit-transform: rotate(-48deg) translateX(-1.5px);
transform: rotate(-48deg) translateX(-1.5px);
}
.ysqUEO #albumWindow .ctr.prev:hover s:after {
-webkit-transform: rotate(48deg) translateX(-1.5px);
transform: rotate(48deg) translateX(-1.5px);
}
.ysqUEO #albumWindow .ctr.next:hover s:before {
-webkit-transform: rotate(-48deg) translateX(1.5px);
transform: rotate(-48deg) translateX(1.5px);
}
.ysqUEO #albumWindow .ctr.next:hover s:after {
-webkit-transform: rotate(48deg) translateX(1.5px);
transform: rotate(48deg) translateX(1.5px);
}
}
@media screen and (max-width: 1024px) {
#albumWindow .ctr.prev:active s:before,
#albumWindow .ctr.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
#albumWindow .ctr.prev:active s:before {
-webkit-transform: rotate(-48deg) translateX(-1.5px);
transform: rotate(-48deg) translateX(-1.5px);
}
#albumWindow .ctr.prev:active s:after {
-webkit-transform: rotate(48deg) translateX(-1.5px);
transform: rotate(48deg) translateX(-1.5px);
}
#albumWindow .ctr.next:active s:before,
#albumWindow .ctr.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
#albumWindow .ctr.next:active s:before {
-webkit-transform: rotate(-48deg) translateX(1.5px);
transform: rotate(-48deg) translateX(1.5px);
}
#albumWindow .ctr.next:active s:after {
-webkit-transform: rotate(48deg) translateX(1.5px);
transform: rotate(48deg) translateX(1.5px);
}
}
#albumWindow .ctr.prev {
left: 0;
}
#albumWindow .ctr.next {
right: 0;
}
#albumWindow .ctr.reject {
display: none;
}
#albumWindow .ctr:active {
opacity: 1;
}
@media screen and (min-width: 1025px) {
#albumWindow .ctr:hover {
background-color: rgba(0, 0, 0, 0.05);
}
}
@media screen and (max-width: 1024px) {
#albumWindow .ctr:active {
background-color: rgba(0, 0, 0, 0.05);
}
}
#albumWindow .pagination {
height: 4px;
line-height: 4px;
position: absolute;
bottom: -17px;
left: 0;
width: 100%;
z-index: 3;
text-align: center;
white-space: nowrap;
}
#albumWindow .pagination .container {
width: 100% !important;
margin: 0 !important;
max-width: 100% !important;
}
#albumWindow .pagination .btn {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1;
margin: 0 3px;
border-color: #222;
width: 0;
height: 0;
border-width: 4px 4px 0 0;
border-style: solid;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
#albumWindow .pagination .btn > em {
display: none;
}
#albumWindow .pagination .btn.on {
border-color: #01999a;
}
#albumWindow .originalBtn {
position: absolute;
z-index: 6;
left: 0;
line-height: 30px;
color: #999999;
cursor: pointer;
}
#albumWindow .originalBtn:hover {
color: #01999a;
}
#albumWindow .serialNum {
position: absolute;
z-index: 6;
right: 0;
line-height: 30px;
color: #999999;
}
@media screen and (max-width: 1024px) {
#albumWindow .picName {
font-size: 12px;
}
}
.formItem {
position: relative;
}
.formItem .aftPD {
position: absolute;
left: 100%;
top: 0;
color: #f00;
margin-left: 8px;
white-space: nowrap;
font-size: 14px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.formItem .skin::-webkit-input-placeholder {
color: #999999;
}
.formItem .skin:-moz-placeholder {
color: #999999;
}
.formItem .skin::-moz-placeholder {
color: #999999;
}
.formItem .skin:-ms-input-placeholder {
color: #999999;
}
.formItem .skin._focus {
border-color: #2e9fd9 !important;
/* box-shadow: 0 0 1px 2px fade(@c1,15%); */
}
.formItem.red .skin {
color: #f00 ;
border-color: #f00 ;
}
.formItem.red .skin::-webkit-input-placeholder {
color: #ff0000;
}
.formItem.red .skin:-moz-placeholder {
color: #ff0000;
}
.formItem.red .skin::-moz-placeholder {
color: #ff0000;
}
.formItem.red .skin:-ms-input-placeholder {
color: #ff0000;
}
/* 组件 */
/* keyframes use */
@-webkit-keyframes fadeInRights {
0% {
opacity: 0.6;
-webkit-transform: translate3d(35px, 0, 0);
transform: translate3d(35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRights {
0% {
opacity: 0.6;
-webkit-transform: translate3d(35px, 0, 0);
transform: translate3d(35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRights {
-webkit-animation-name: fadeInRights;
animation-name: fadeInRights;
}
@-webkit-keyframes fadeInLefts {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-35px, 0, 0);
transform: translate3d(-35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLefts {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-35px, 0, 0);
transform: translate3d(-35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLefts {
-webkit-animation-name: fadeInLefts;
animation-name: fadeInLefts;
}
@-webkit-keyframes fadeInUps {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -35px, 0);
transform: translate3d(0, -35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUps {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -35px, 0);
transform: translate3d(0, -35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUps {
-webkit-animation-name: fadeInUps;
animation-name: fadeInUps;
}
@-webkit-keyframes fadeInDowns {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 35px, 0);
transform: translate3d(0, 35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDowns {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 35px, 0);
transform: translate3d(0, 35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDowns {
-webkit-animation-name: fadeInDowns;
animation-name: fadeInDowns;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes zoomIns {
0% {
opacity: 0;
-webkit-transform: scale3d(0.77, 0.77, 0.77);
transform: scale3d(0.77, 0.77, 0.77);
}
50%,
100% {
opacity: 1;
}
}
@keyframes zoomIns {
0% {
opacity: 0;
-webkit-transform: scale3d(0.77, 0.77, 0.77);
transform: scale3d(0.77, 0.77, 0.77);
}
50%,
100% {
opacity: 1;
}
}
.zoomIns {
-webkit-animation-name: zoomIns;
animation-name: zoomIns;
}
.AnflashOver {
position: relative;
overflow: hidden;
-webkit-animation-duration: 333ms;
animation-duration: 333ms;
}
.AnflashOver:before {
-webkit-animation-name: AnflashOver;
animation-name: AnflashOver;
-webkit-animation-duration: 333ms;
animation-duration: 333ms;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
content: "";
position: absolute;
overflow: hidden;
width: 80px;
height: 150px;
left: 0;
top: 0;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
}
@-webkit-keyframes AnflashOver {
0% {
-webkit-transform: skewX(-25deg) translateX(-149px);
transform: skewX(-25deg) translateX(-149px);
}
to {
left: 100%;
-webkit-transform: skewX(-25deg) translateX(149px);
transform: skewX(-25deg) translateX(149px);
}
}
@keyframes AnflashOver {
0% {
-webkit-transform: skewX(-25deg) translateX(-149px);
transform: skewX(-25deg) translateX(-149px);
}
to {
left: 100%;
-webkit-transform: skewX(-25deg) translateX(149px);
transform: skewX(-25deg) translateX(149px);
}
}
@-webkit-keyframes breathX2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: .9;
}
}
@keyframes breathX2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: .9;
}
}
.breathX2 {
-webkit-animation-name: breathX2;
animation-name: breathX2;
}
@-webkit-keyframes flyH {
0% {
left: -5px;
}
60% {
left: 100%;
opacity: 1;
}
90% {
left: 100%;
opacity: 1;
}
80% {
left: 100%;
opacity: 0;
}
90% {
left: -50px;
opacity: 0;
}
100% {
left: -50px;
opacity: 1;
}
}
@keyframes flyH {
0% {
left: -5px;
}
60% {
left: 100%;
opacity: 1;
}
90% {
left: 100%;
opacity: 1;
}
80% {
left: 100%;
opacity: 0;
}
90% {
left: -50px;
opacity: 0;
}
100% {
left: -50px;
opacity: 1;
}
}
.flyH {
-webkit-animation-name: flyH;
animation-name: flyH;
}
@-webkit-keyframes mouseUpDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes mouseUpDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.mouseUpDown {
-webkit-animation-name: mouseUpDown;
animation-name: mouseUpDown;
}
@-webkit-keyframes bgHmove {
0% {
background-position: 0 50%;
}
100% {
background-position: 20% 50%;
}
}
@keyframes bgHmove {
0% {
background-position: 0 50%;
}
100% {
background-position: 20% 50%;
}
}
.bgHmove {
-webkit-animation-name: bgHmove;
animation-name: bgHmove;
}
@-webkit-keyframes bannerRotateY {
0%,
66% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes bannerRotateY {
0%,
66% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@-webkit-keyframes mouseRoll {
0% {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@keyframes mouseRoll {
0% {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.mouseRoll {
-webkit-animation-name: mouseRoll;
animation-name: mouseRoll;
}
@-webkit-keyframes mouseRollDelay {
0% {
-webkit-transform: translate(-50%, 15%);
transform: translate(-50%, 15%);
}
75%,
100% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@keyframes mouseRollDelay {
0% {
-webkit-transform: translate(-50%, 15%);
transform: translate(-50%, 15%);
}
75%,
100% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.mouseRollDelay {
-webkit-animation-name: mouseRollDelay;
animation-name: mouseRollDelay;
}
.ysqUEO .aBtnMask {
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
background-color: #ffffff \9;
}
.ysqUEO .aBtnMask:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: visible;
z-index: 8;
background-color: #ffffff;
opacity: 0;
filter: alpha(opacity=0);
*zoom: 1;
pointer-events: none;
-webkit-transition: all 200ms ease-out 0ms;
transition: all 200ms ease-out 0ms;
}
@media screen and (min-width: 1025px) {
.ysqUEO .aBtnMask:after {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .aBtnMask:hover:after {
opacity: .07;
}
}
.ysqUEO .aBtnSc {
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnSc:after {
z-index: -1;
content: " ";
position: absolute;
border-radius: 50%;
left: 50%;
top: 50%;
background-color: #fff;
width: 108%;
padding-bottom: 108%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.ysqUEO .aBtnSc:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0.1;
visibility: hidden;
}
.ysqUEO .aBtnSc:hover:after {
-webkit-transition: all 350ms ease-in 0ms;
transition: all 350ms ease-in 0ms;
opacity: 0.15;
visibility: visible;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.ysqUEO .aBtnlr {
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnlr:before {
content: " ";
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 100%;
background-color: #01999a;
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: #01999a;
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: #01999a;
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: #01999a;
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 { margin: 0 auto;width: 80%;text-align: center;
padding-top: 1.2rem;
padding-bottom: 1.6rem;
}
.pageListBox .pageList {
position: relative;
line-height: 32px;
font-size: 0;
text-align: center;
white-space: nowrap;
overflow-x: hidden;
}
.pageListBox .pageList ul {
position: relative;
float: none !important;
}
.pageListBox .pageList ul,
.pageListBox .pageList ul li {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.pageListBox .pageList ul li {
margin: 0 4px;
font-size: 14px;
}
.pageListBox .pageList a {
display: block;
min-width: 14px;
height: 34px;
padding: 0 10px;
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
color: #333333;
z-index: 2;
position: relative;
background-color: #f5f5f5;
color: #333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
font-size: 14px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.pageListBox .pageList a:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #dddddd solid 1px;
z-index: -1;
}
.pageListBox .pageList a.selected {
background-color: #01999a;
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: #01999a;
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: #01999a;
color: #fff;
-webkit-transition: none !important;
transition: none !important;
}
.pageListBox .pageList a:active:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
}
@media screen and (max-width: 768px) {
.pageListBox .pageList ul li {
margin-left: 4px;
margin-right: 4px;
}
}
/*模拟滚动条*/
.module-Scrollbox {
position: relative;
height: 100%;
}
.module-Scrollbox.y {
padding-right: 12px;
}
.module-Scrollbox.y .scrollbar {
right: 0;
width: 7px;
height: 100%;
top: 0;
}
.module-Scrollbox.y .scrollbar .track {
position: absolute;
top: 0;
right: 2px;
width: 3px;
background-color: #f1f1f1;
}
.module-Scrollbox.y .scrollbar .thumb {
height: 0;
right: -2px;
background-color: #01999a;
width: 7px;
}
.module-Scrollbox.x .scrollbar {
height: 7px;
width: 100%;
bottom: 0;
}
.module-Scrollbox.x .scrollbar .track {
position: absolute;
top: 0;
right: 0;
height: 7px;
background-color: #f1f1f1;
}
.module-Scrollbox.x .scrollbar .thumb {
width: 0;
left: 0;
height: 7px;
background-color: #01999a;
}
.module-Scrollbox.x .overview {
display: inline-block;
}
.module-Scrollbox .scrollbar {
/* display: none; */
position: absolute;
z-index: 3;
right: 0;
}
.module-Scrollbox .scrollbar .track {
position: relative;
}
.module-Scrollbox .scrollbar .thumb {
position: absolute;
top: 0;
cursor: pointer;
border-radius: 3.5px;
-webkit-transition: all 80ms ease-out 0s;
transition: all 80ms ease-out 0s;
}
.module-Scrollbox .scrollbar .thumb .end {
height: 7px;
width: 7px;
}
.module-Scrollbox .viewport {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.module-Scrollbox .overview {
position: relative;
-webkit-transition: all 150ms ease-in 0s;
transition: all 150ms ease-in 0s;
}
.module-Scrollbox .disable {
display: none;
}
@media screen and (max-width: 1024px) {
.module-Scrollbox {
overflow: auto;
padding-right: 0;
}
.module-Scrollbox .viewport {
width: auto;
height: auto;
}
.module-Scrollbox .scrollbar {
display: none !important;
}
}
html {
font-size: 50px;
}
@media screen and (max-width: 1600px) {
html {
font-size: 45px;
}
}
@media screen and (max-width: 1440px) {
html {
font-size: 40px;
}
}
@media screen and (max-width: 1280px) {
html {
font-size: 35px;
}
}
@media screen and (max-width: 1024px) {
html {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
html {
font-size: 25px;
}
}
@media screen and (max-width: 480px) {
html {
font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
.fzRes {
font-size: 100px;
}
}
@media screen and (max-width: 749px) {
.fzRes {
font-size: 90px;
}
}
@media screen and (max-width: 699px) {
.fzRes {
font-size: 85px;
}
}
@media screen and (max-width: 649px) {
.fzRes {
font-size: 80px;
}
}
@media screen and (max-width: 599px) {
.fzRes {
font-size: 75px;
}
}
@media screen and (max-width: 549px) {
.fzRes {
font-size: 70px;
}
}
@media screen and (max-width: 499px) {
.fzRes {
font-size: 65px;
}
}
@media screen and (max-width: 449px) {
.fzRes {
font-size: 60px;
}
}
.fz60,
.index-news-resMove .item .date .d {
font-size: 60px;
}
@media screen and (max-width: 1440px) {
.fz60,
.index-news-resMove .item .date .d {
font-size: 54px;
}
}
@media screen and (max-width: 1024px) {
.fz60,
.index-news-resMove .item .date .d {
font-size: 46px;
}
}
@media screen and (max-width: 768px) {
.fz60,
.index-news-resMove .item .date .d {
font-size: 40px;
}
}
.fz48,
.subpage-banner .wrapIn .dt {
font-size: 48px;
}
@media screen and (max-width: 1440px) {
.fz48,
.subpage-banner .wrapIn .dt {
font-size: 44px;
}
}
@media screen and (max-width: 1024px) {
.fz48,
.subpage-banner .wrapIn .dt {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.fz48,
.subpage-banner .wrapIn .dt {
font-size: 34px;
}
}
.fz40 {
font-size: 40px;
}
@media screen and (max-width: 1440px) {
.fz40 {
font-size: 36px;
}
}
@media screen and (max-width: 1024px) {
.fz40 {
font-size: 32px;
}
}
@media screen and (max-width: 768px) {
.fz40 {
font-size: 26px;
}
}
.fz36,
.index-head,
.index-solutions .left .snum .now,
.index-service .dt,
.index-news .dt .cn,
.sAbout-head .cn span,
.sAbout-axdvantages-list4 .oList .oLi .wrapIn,
.sActivity-view-head .dib {
font-size: 36px;
}
@media screen and (max-width: 1440px) {
.fz36,
.index-head,
.index-solutions .left .snum .now,
.index-service .dt,
.index-news .dt .cn,
.sAbout-head .cn span,
.sAbout-axdvantages-list4 .oList .oLi .wrapIn,
.sActivity-view-head .dib {
font-size: 32px;
}
}
@media screen and (max-width: 1024px) {
.fz36,
.index-head,
.index-solutions .left .snum .now,
.index-service .dt,
.index-news .dt .cn,
.sAbout-head .cn span,
.sAbout-axdvantages-list4 .oList .oLi .wrapIn,
.sActivity-view-head .dib {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.fz36,
.index-head,
.index-solutions .left .snum .now,
.index-service .dt,
.index-news .dt .cn,
.sAbout-head .cn span,
.sAbout-axdvantages-list4 .oList .oLi .wrapIn,
.sActivity-view-head .dib {
font-size: 24px;
}
}
.fz32,
.index-banner .pages .now,
.index-solutions .left .txt .sdt,
.index-application .right .Tt .sdt,
.sAbout-head .en,
.sAbout-distribution-map .txt .dt,
.sProduct-view-intro .right h1,
.sCase-view-intro h1,
.sSupport-flow .oLi .dt,
.sMessageBoard-form .dt .sdt {
font-size: 32px;
}
@media screen and (max-width: 1440px) {
.fz32,
.index-banner .pages .now,
.index-solutions .left .txt .sdt,
.index-application .right .Tt .sdt,
.sAbout-head .en,
.sAbout-distribution-map .txt .dt,
.sProduct-view-intro .right h1,
.sCase-view-intro h1,
.sSupport-flow .oLi .dt,
.sMessageBoard-form .dt .sdt {
font-size: 28px;
}
}
@media screen and (max-width: 1024px) {
.fz32,
.index-banner .pages .now,
.index-solutions .left .txt .sdt,
.index-application .right .Tt .sdt,
.sAbout-head .en,
.sAbout-distribution-map .txt .dt,
.sProduct-view-intro .right h1,
.sCase-view-intro h1,
.sSupport-flow .oLi .dt,
.sMessageBoard-form .dt .sdt {
font-size: 26px;
}
}
@media screen and (max-width: 768px) {
.fz32,
.index-banner .pages .now,
.index-solutions .left .txt .sdt,
.index-application .right .Tt .sdt,
.sAbout-head .en,
.sAbout-distribution-map .txt .dt,
.sProduct-view-intro .right h1,
.sCase-view-intro h1,
.sSupport-flow .oLi .dt,
.sMessageBoard-form .dt .sdt {
font-size: 22px;
}
}
.fz28,
.footer-t .ftel,
.sAbout-culture .list4 .oLi .dt .cn,
.sAbout-honor-move-tab .ds .now,
.sProduct-list-sections .section .dt,
.sActivity-list .item .txt h3,
.sView-head h1,
.sCase-list-sections .section .dt,
.sCase-view-body .head .cn,
.sRelative-product .dt,
.sNews-list .item .txtArea h3,
.sContact-way .dt {
font-size: 28px;
}
@media screen and (max-width: 1440px) {
.fz28,
.footer-t .ftel,
.sAbout-culture .list4 .oLi .dt .cn,
.sAbout-honor-move-tab .ds .now,
.sProduct-list-sections .section .dt,
.sActivity-list .item .txt h3,
.sView-head h1,
.sCase-list-sections .section .dt,
.sCase-view-body .head .cn,
.sRelative-product .dt,
.sNews-list .item .txtArea h3,
.sContact-way .dt {
font-size: 24px;
}
}
@media screen and (max-width: 1024px) {
.fz28,
.footer-t .ftel,
.sAbout-culture .list4 .oLi .dt .cn,
.sAbout-honor-move-tab .ds .now,
.sProduct-list-sections .section .dt,
.sActivity-list .item .txt h3,
.sView-head h1,
.sCase-list-sections .section .dt,
.sCase-view-body .head .cn,
.sRelative-product .dt,
.sNews-list .item .txtArea h3,
.sContact-way .dt {
font-size: 22px;
}
}
@media screen and (max-width: 768px) {
.fz28,
.footer-t .ftel,
.sAbout-culture .list4 .oLi .dt .cn,
.sAbout-honor-move-tab .ds .now,
.sProduct-list-sections .section .dt,
.sActivity-list .item .txt h3,
.sView-head h1,
.sCase-list-sections .section .dt,
.sCase-view-body .head .cn,
.sRelative-product .dt,
.sNews-list .item .txtArea h3,
.sContact-way .dt {
font-size: 20px;
}
}
.fz24,
.index-introduce .solgan,
.subpage-banner .wrapIn .dd,
.sAbout-intro .list4 .oLi .sdt,
.sAbout-axdvantages-list4 .oList .oLi .dt .cn,
.sAbout-honor-move-tab .dt,
.sAbout-honor-move-tab .ds,
.sProduct-view-sections .section .dt,
.sProduct-view-oList .oLi .sdt,
.sNews-list .item .txtArea .date {
font-size: 0.65rem;
}
@media screen and (max-width: 1440px) {
.fz24,
.index-introduce .solgan,
.subpage-banner .wrapIn .dd,
.sAbout-intro .list4 .oLi .sdt,
.sAbout-axdvantages-list4 .oList .oLi .dt .cn,
.sAbout-honor-move-tab .dt,
.sAbout-honor-move-tab .ds,
.sProduct-view-sections .section .dt,
.sProduct-view-oList .oLi .sdt,
.sNews-list .item .txtArea .date {
font-size: 23px;
}
}
@media screen and (max-width: 1024px) {
.fz24,
.index-introduce .solgan,
.subpage-banner .wrapIn .dd,
.sAbout-intro .list4 .oLi .sdt,
.sAbout-axdvantages-list4 .oList .oLi .dt .cn,
.sAbout-honor-move-tab .dt,
.sAbout-honor-move-tab .ds,
.sProduct-view-sections .section .dt,
.sProduct-view-oList .oLi .sdt,
.sNews-list .item .txtArea .date {
font-size: 18px;
}
}
.fz20,
.sAbout-honor-move-tab .dd h3,
.sQa-list .item .dt h3,
.sContact-list .item .dt .sdt {
font-size: 20px;
}
@media screen and (max-width: 1440px) {
.fz20,
.sAbout-honor-move-tab .dd h3,
.sQa-list .item .dt h3,
.sContact-list .item .dt .sdt {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
.fz20,
.sAbout-honor-move-tab .dd h3,
.sQa-list .item .dt h3,
.sContact-list .item .dt .sdt {
font-size: 16px;
}
}
.fz18,
.modal-searchForm .searchBox .enter,
.index-solutions .left .snum,
.index-introduce .tags .oLi p,
.index-application .left .info,
.index-news-resMove .item h3,
.sAbout-axdvantages-list4 .oList .oLi .dd,
.sAbout-culture .list4 .oLi .dt .en,
.sAbout-honor-move-rotateMove .description,
.sProduct-list .item h3,
.sProduct-view-intro .right .aside,
.sProduct-scope-resMove .item .txt h3,
.sActivity-view-head .dib .en,
.sCase-list .item h3,
.sCase-view-body .head .warning,
.sRelative-product-resMove .item h3 {
font-size: 22px;
}
@media screen and (max-width: 1440px) {
.fz18,
.modal-searchForm .searchBox .enter,
.index-solutions .left .snum,
.index-introduce .tags .oLi p,
.index-application .left .info,
.index-news-resMove .item h3,
.sAbout-axdvantages-list4 .oList .oLi .dd,
.sAbout-culture .list4 .oLi .dt .en,
.sAbout-honor-move-rotateMove .description,
.sProduct-list .item h3,
.sProduct-view-intro .right .aside,
.sProduct-scope-resMove .item .txt h3,
.sActivity-view-head .dib .en,
.sCase-list .item h3,
.sCase-view-body .head .warning,
.sRelative-product-resMove .item h3 {
font-size: 16px;
}
}
.fz16,
.modal-searchForm .searchBox .skin,
#albumWindow .picName,
.btn.btnX1,
.index-solutions .left .txt .sdd,
.index-solutions .left .txt .sdf,
.index-application .right .Tg > a span,
.index-application .right .Tt .sdd,
.index-news-resMove .item .date .ym,
.index-news-resMove .item p,
.footer-t .fnav .link1,
.footer-m .fcontact,
.subpage-nav .link2,
.sAbout-intro .list4 .oLi .sdd,
.sAbout-axdvantages-list4 .oList .oLi .dt .en,
.sAbout-culture .list4 .oLi .dd,
.sProduct-float,
.sProduct-list-sections .section .dt .more,
.sProduct-view-sections .section .dt .more,
.sView-head .aside,
.sCase-list-sections .section .dt .more,
.sRelative-product .dt .more,
.sContact-way .dd .line p,
.sMessageBoard-form .dt .sdd {
font-size: 16px;
}
@media screen and (max-width: 1440px) {
.fz16,
.modal-searchForm .searchBox .skin,
#albumWindow .picName,
.btn.btnX1,
.index-solutions .left .txt .sdd,
.index-solutions .left .txt .sdf,
.index-application .right .Tg > a span,
.index-application .right .Tt .sdd,
.index-news-resMove .item .date .ym,
.index-news-resMove .item p,
.footer-t .fnav .link1,
.footer-m .fcontact,
.subpage-nav .link2,
.sAbout-intro .list4 .oLi .sdd,
.sAbout-axdvantages-list4 .oList .oLi .dt .en,
.sAbout-culture .list4 .oLi .dd,
.sProduct-float,
.sProduct-list-sections .section .dt .more,
.sProduct-view-sections .section .dt .more,
.sView-head .aside,
.sCase-list-sections .section .dt .more,
.sRelative-product .dt .more,
.sContact-way .dd .line p,
.sMessageBoard-form .dt .sdd {
font-size: 16px;
}
}
.fz14 {
font-size: 14px;
}
@media screen and (max-width: 1440px) {
.fz14 {
font-size: 12px;
}
}
@media screen and (min-width: 1025px) {
.pc-hide,
.m-link {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.m-hide {
display: none !important;
}
.m-link {
display: block;
z-index: 11;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}
}
/* 自定义响应结构 */
.btn.btnX1 {
z-index: 2;
position: relative;
overflow: hidden;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.6rem;
width: 98px;
line-height: 22px;
text-align: center;
border-radius: 40px;
color: #fff;
border: #ffffff solid 1px;
padding: 0.16rem 0.4rem;
}
.btn.btnX1:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.15);
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
border-radius: inherit;
}
.btn.btnX1:after {
content: ">";
font-family: 'SimSun', '宋体';
margin-left: .25em;
}
.btn.btnX2 {
display: block;
width: 100px;
height: 20px;
padding: 0.2rem 0.3rem;
border-radius: 40px;
background-color: #01999a;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
}
.ctr.ctrXa {
display: none;
z-index: 8;
position: absolute;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
line-height: 20px;
-webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s;
transition: all 400ms ease-out 0s, all 250ms ease-out 0s;
color: #aaaaaa;
text-align: center;
}
.ctr.ctrXa s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: 'SimSun', '宋体' !important;
text-align: center;
font-size: 20px;
font-weight: bold;
pointer-events: none;
}
.ctr.ctrXa:hover {
color: #01999a;
}
.ysqUEO .ctr.ctrXa s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctrXa s:before,
.ysqUEO .ctr.ctrXa s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 2px;
margin-top: -1px;
background-color: #aaaaaa;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctrXa s:before,
.ysqUEO .ctr.ctrXa s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctrXa:hover s:before,
.ysqUEO .ctr.ctrXa:hover s:after {
background-color: #01999a;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrXa:active s:before,
.ctr.ctrXa:active s:after {
background-color: #01999a;
}
}
.ysqUEO .ctr.ctrXa.prev s:before,
.ysqUEO .ctr.ctrXa.prev s:after {
margin-left: -3px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctrXa.prev s:before {
-webkit-transform: rotate(-45deg) translateX(-1px);
transform: rotate(-45deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXa.prev s:after {
-webkit-transform: rotate(45deg) translateX(-1px);
transform: rotate(45deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXa.next s:before,
.ysqUEO .ctr.ctrXa.next s:after {
margin-left: -7px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctrXa.next s:before {
-webkit-transform: rotate(-45deg) translateX(1px);
transform: rotate(-45deg) translateX(1px);
}
.ysqUEO .ctr.ctrXa.next s:after {
-webkit-transform: rotate(45deg) translateX(1px);
transform: rotate(45deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctrXa.prev:hover s:before {
-webkit-transform: rotate(-45deg) translateX(-1px);
transform: rotate(-45deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXa.prev:hover s:after {
-webkit-transform: rotate(45deg) translateX(-1px);
transform: rotate(45deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXa.next:hover s:before {
-webkit-transform: rotate(-45deg) translateX(1px);
transform: rotate(-45deg) translateX(1px);
}
.ysqUEO .ctr.ctrXa.next:hover s:after {
-webkit-transform: rotate(45deg) translateX(1px);
transform: rotate(45deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrXa.prev:active s:before,
.ctr.ctrXa.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctrXa.prev:active s:before {
-webkit-transform: rotate(-45deg) translateX(-1px);
transform: rotate(-45deg) translateX(-1px);
}
.ctr.ctrXa.prev:active s:after {
-webkit-transform: rotate(45deg) translateX(-1px);
transform: rotate(45deg) translateX(-1px);
}
.ctr.ctrXa.next:active s:before,
.ctr.ctrXa.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctrXa.next:active s:before {
-webkit-transform: rotate(-45deg) translateX(1px);
transform: rotate(-45deg) translateX(1px);
}
.ctr.ctrXa.next:active s:after {
-webkit-transform: rotate(45deg) translateX(1px);
transform: rotate(45deg) translateX(1px);
}
}
.ctr.ctrXa.prev {
left: -24px;
}
.ctr.ctrXa.next {
right: -24px;
}
.ctr.ctrX1 {
position: absolute;
top: 0;
width: 60px;
height: 60px;
background-color: #fff;
-webkit-box-shadow: 0px 4px 9.6px 0.4px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 9.6px 0.4px rgba(0, 0, 0, 0.06);
border-radius: 50%;
}
.ctr.ctrX1:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-image: url(../images/ctrX1.png);
background-repeat: no-repeat;
pointer-events: none;
background-size: 80px auto;
}
.ctr.ctrX1 s {
display: none;
}
.ctr.ctrX1.prev {
left: 0;
}
.ctr.ctrX1.prev:after {
background-position: 0 0;
}
.ctr.ctrX1.next {
right: 0;
}
.ctr.ctrX1.next:after {
background-position: right 0;
}
@media screen and (min-width: 1025px) {
.ctr.ctrX1 {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ctr.ctrX1.prev:hover:after {
background-position: 0 bottom;
}
.ctr.ctrX1.next:hover:after {
background-position: right bottom;
}
.ctr.ctrX1:hover {
background-color: #01999a;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrX1 {
-webkit-transition: 0ms;
transition: 0ms;
width: 48px;
height: 48px;
}
.ctr.ctrX1:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctrX1.prev:active:after {
background-position: 0 bottom;
}
.ctr.ctrX1.next:active:after {
background-position: right bottom;
}
.ctr.ctrX1:active {
background-color: #01999a;
}
}
.ctr.ctrX2 {
position: absolute;
top: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #ececec;
}
.ctr.ctrX2:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-image: url(../images/ctrX2.png);
background-repeat: no-repeat;
pointer-events: none;
background-size: 200% auto;
}
.ctr.ctrX2 s {
display: none;
}
.ctr.ctrX2.prev {
left: 0;
}
.ctr.ctrX2.prev:after {
background-position: 0 0;
}
.ctr.ctrX2.next {
right: 0;
}
.ctr.ctrX2.next:after {
background-position: right 0;
}
@media screen and (min-width: 1025px) {
.ctr.ctrX2 {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ctr.ctrX2.prev:hover:after {
background-position: 0 bottom;
}
.ctr.ctrX2.next:hover:after {
background-position: right bottom;
}
.ctr.ctrX2:hover {
background-color: #01999a;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrX2 {
-webkit-transition: 0ms;
transition: 0ms;
width: 40px;
height: 40px;
}
.ctr.ctrX2:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctrX2.prev:active:after {
background-position: 0 bottom;
}
.ctr.ctrX2.next:active:after {
background-position: right bottom;
}
.ctr.ctrX2:active {
background-color: #01999a;
}
}
.ctr.ctrXx1 {
z-index: 8;
position: absolute;
top: 50%;
margin-top: -40px;
width: 40px;
height: 80px;
line-height: 80px;
background-color: rgba(0, 0, 0, 0.2);
color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: center;
}
.ctr.ctrXx1 s {
font-size: 32px;
font-weight: bold;
}
.ctr.ctrXx1 s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: 'SimSun', '宋体' !important;
text-align: center;
font-size: 32px;
font-weight: bold;
pointer-events: none;
}
.ctr.ctrXx1:hover {
color: #ffffff;
}
.ysqUEO .ctr.ctrXx1 s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctrXx1 s:before,
.ysqUEO .ctr.ctrXx1 s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctrXx1 s:before,
.ysqUEO .ctr.ctrXx1 s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctrXx1:hover s:before,
.ysqUEO .ctr.ctrXx1:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrXx1:active s:before,
.ctr.ctrXx1:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctrXx1.prev s:before,
.ysqUEO .ctr.ctrXx1.prev s:after {
margin-left: -6px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctrXx1.prev s:before {
-webkit-transform: rotate(-36deg) translateX(-1px);
transform: rotate(-36deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXx1.prev s:after {
-webkit-transform: rotate(36deg) translateX(-1px);
transform: rotate(36deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXx1.next s:before,
.ysqUEO .ctr.ctrXx1.next s:after {
margin-left: -10px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctrXx1.next s:before {
-webkit-transform: rotate(-36deg) translateX(1px);
transform: rotate(-36deg) translateX(1px);
}
.ysqUEO .ctr.ctrXx1.next s:after {
-webkit-transform: rotate(36deg) translateX(1px);
transform: rotate(36deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctrXx1.prev:hover s:before {
-webkit-transform: rotate(-45deg) translateX(-1px);
transform: rotate(-45deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXx1.prev:hover s:after {
-webkit-transform: rotate(45deg) translateX(-1px);
transform: rotate(45deg) translateX(-1px);
}
.ysqUEO .ctr.ctrXx1.next:hover s:before {
-webkit-transform: rotate(-45deg) translateX(1px);
transform: rotate(-45deg) translateX(1px);
}
.ysqUEO .ctr.ctrXx1.next:hover s:after {
-webkit-transform: rotate(45deg) translateX(1px);
transform: rotate(45deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrXx1.prev:active s:before,
.ctr.ctrXx1.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctrXx1.prev:active s:before {
-webkit-transform: rotate(-45deg) translateX(-1px);
transform: rotate(-45deg) translateX(-1px);
}
.ctr.ctrXx1.prev:active s:after {
-webkit-transform: rotate(45deg) translateX(-1px);
transform: rotate(45deg) translateX(-1px);
}
.ctr.ctrXx1.next:active s:before,
.ctr.ctrXx1.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctrXx1.next:active s:before {
-webkit-transform: rotate(-45deg) translateX(1px);
transform: rotate(-45deg) translateX(1px);
}
.ctr.ctrXx1.next:active s:after {
-webkit-transform: rotate(45deg) translateX(1px);
transform: rotate(45deg) translateX(1px);
}
}
@media screen and (min-width: 1025px) {
.ctr.ctrXx1:hover {
background-color: rgba(0, 0, 0, 0.3);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctrXx1 {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.pagination.paginationX1 {
height: 4px;
line-height: 4px;
position: relative;
overflow: hidden;
width: 100%;
z-index: 3;
text-align: center;
white-space: nowrap;
}
.pagination.paginationX1 .container {
width: 100%;
margin: 0;
}
.pagination.paginationX1 .btn {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1;
margin: 0 4px;
width: 16px;
height: 4px;
background-color: #ccc;
border-radius: 5px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.pagination.paginationX1 .btn > em {
display: none;
}
.pagination.paginationX1 .btn.on {
width: 4px;
background-color: #01999a;
}
/* floatFns */
.floatFns {
position: fixed;
z-index: 24;
right: 5px;
top: 100%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.floatFns .item {
position: relative;
text-align: center;
font-size: 16px;
color: #fff;
padding: 10px;
width: 30px;
height: 30px;
}
.floatFns .item:nth-child(1n+2) {
margin-top: 5px;
}
.floatFns .item .stay,
.floatFns .item .hide,
.floatFns .item .ico {
position: absolute;
top: 0;
border-radius: 1rem;
padding: 10px;
width: 30px;
height: 30px;
}
.floatFns .item .stay,
.floatFns .item .hide {
right: 0;
z-index: 2;
-webkit-transition: background 250ms ease-out 0s, opacity 250ms ease-out 0s;
transition: background 250ms ease-out 0s, opacity 250ms ease-out 0s;
}
.floatFns .item .stay {
background-color: #fff;
}
.floatFns .item .stay:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #e5e5e5 solid 1px;
z-index: -1;
pointer-events: none;
background-color: #fff;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
border-radius: inherit;
}
.floatFns .item .hide {
background-color: #01999a;
color: #fff;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
min-width: 30px;
}
.floatFns .item .ico {
left: 0;
background-image: url(http://www.mrj-lasermark.cn/public/images/g.png);
background-size: 52px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
overflow: hidden;
text-indent: -999px;
}
.floatFns .item.sigTxt .hide {
white-space: nowrap;
width: auto !important;
text-align: left;
padding-left: 1rem;
padding-right: 0.4rem;
line-height: 30px;
}
.floatFns .item.qrcode .outDiv {
position: absolute;
right: 100%;
top: 0;
margin-right: 5px;
width: auto;
-webkit-box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14);
background-color: #fff;
color: #666666;
}
.floatFns .item.qrcode .outDiv .pic {
width: 60px;
height: 60px;
padding: 0.8rem;
}
.floatFns._idx0 .item.qrcode .outDiv {
top: auto;
bottom: 0;
}
@media screen and (min-width: 1025px) {
.floatFns .item:hover {
z-index: 9;
}
.floatFns .item:hover .stay:after,
.floatFns .item:hover .hide:after {
background-color: #01999a;
border-color: #01999a;
}
.floatFns .item:hover .stay {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.floatFns .item:hover .hide {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 1024px) {
.floatFns .item,
.floatFns .item .stay,
.floatFns .item .hide,
.floatFns .item .ico {
padding: 10px;
width: 20px;
height: 20px;
min-width: 0;
}
.floatFns .item .ico {
background-size: 44px;
}
.floatFns .item.sigTxt .hide {
padding: 10px;
}
.floatFns .item.sigTxt p {
display: none;
}
.floatFns .item.qrcode {
display: none;
}
.floatFns .item.qrcode .outDiv {
display: none;
}
.floatFns .item:active {
z-index: 9;
}
.floatFns .item:active .stay:after,
.floatFns .item:active .hide:after {
background-color: #01999a;
border-color: #01999a;
}
.floatFns .item:active .stay {
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.floatFns .item:active .hide {
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
}
:root {
--headerH: 80px;
}
@media screen and (max-width: 1024px) {
:root {
--headerH: 64px;
}
}
:root .fullpage-section .vm {
padding-top: var(--headerH);
padding-bottom: var(--headerH);
}
:root .scroll-wrap {
padding-top: var(--headerH);
}
:root .hidePoint {
top: calc(-1*var(--headerH));
}
:root .header {
height: var(--headerH);
}
/* header */
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 80;
background-color: #fff;
min-width: 440px;
-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
}
.header .contain {
position: relative;
height: 100%;
max-width: 100% !important;
}
.header .bg {
display: none;
z-index: 5;
}
.header .logo {
position: absolute;
left: 5%;
top: 0;
height: 100%;
width: 280px;
text-align: center;
}
.header .logo img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.header .secNav {
display: none;
}
.header .searchBox {
position: absolute;
right: var(--headerH);
top: 0;
overflow: hidden;
height: 100%;
background-color: #fff;
z-index: 7;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
width: var(--headerH);
}
.header .searchBox .formItem {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.header .searchBox .formItem .skin {
display: block;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
color: #333333 !important;
text-align: center;
}
.header .searchBox .searchBtn {
position: absolute;
right: 0;
top: 0;
text-indent: -9999px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.header .searchBox .searchBtn:before,
.header .searchBox .searchBtn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: 48px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
pointer-events: none;
}
.header .searchBox .searchBtn:before {
background-image: url(../images/btnt-search333.png);
-webkit-transition: all 400ms ease-out 0ms;
transition: all 400ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.header .searchBox .searchBtn:after {
background-image: url(../images/btnt-search.png);
-webkit-transition: all 300ms ease-out 200ms;
transition: all 300ms ease-out 200ms;
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 1024px) {
.header .searchBox .searchBtn:active:after {
background-color: #f1f1f1;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
}
@media screen and (min-width: 1025px) {
.header .searchBox .searchBtn:hover:after {
background-color: #f1f1f1;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
}
.header .searchBox .close {
position: absolute;
left: 0;
top: 0;
height: 100%;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
background-color: #f1f1f1;
}
.header .searchBox .close s {
position: absolute;
overflow: hidden;
left: 50%;
top: 50%;
margin: -13px 0 0 -13px;
-webkit-transform: rotate(-315deg);
transform: rotate(-315deg);
width: 26px;
height: 26px;
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.header .searchBox .close s:before,
.header .searchBox .close s:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
background-color: #423f22;
-webkit-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}
.header .searchBox .close s:before {
width: 2px;
height: 26px;
margin-left: -1px;
margin-top: -13px;
}
.header .searchBox .close s:after {
width: 26px;
height: 2px;
margin-left: -13px;
margin-top: -1px;
}
.header .searchBox.show {
z-index: 62;
width: 100%;
right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header .searchBox.show .searchBtn {
background-color: #f1f1f1;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.header .searchBox.show .searchBtn:hover:after {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
.header .searchBox.show .close {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.header .searchBox.show .close s {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 400ms ease-out 400ms;
transition: all 400ms ease-out 400ms;
opacity: 1;
visibility: visible;
}
.header .searchBox.show .close:hover s {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.header .searchBox .skin {
line-height: var(--headerH);
width: 100%;
padding-left: var(--headerH);
padding-right: var(--headerH);
}
.header .searchBox .searchBtn {
width: var(--headerH);
height: var(--headerH);
}
.header .searchBox .close {
width: var(--headerH);
}
.header . {
position: absolute;
right: 0;
top: 0;
width: var(--headerH);
height: var(--headerH);
text-align: center;
line-height: var(--headerH);
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
color: #999;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.header .:before {
content: " ";
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
width: 20px;
height: 20px;
background-image: url(../images/btnt-language.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
.header .:active {
background-color: #f1f1f1;
}
}
@media screen and (min-width: 1025px) {
.header .:hover {
background-color: #f1f1f1;
}
}
@media screen and (min-width: 1025px) {
.footerFn {
height: 0;
display: none;
}
.header {
min-width: 1200px;
}
.header .firNav {position: absolute;top: 0;text-align: center;white-space: nowrap;font-size: 0;left: 25%;padding-left: 1rem;}
.header .firNav:before,.header .firNav:after {content: " ";display: block;}
.header .firNav .link {display: block;font-size: 17px;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.header .firNav .firItem {z-index: 2;display: inline-block;vertical-align: top;position: relative;line-height: var(--headerH);height: var(--headerH);}
.header .firNav .firItem:nth-child(1n+2) {margin-left: 1px;}
.header .firNav .firItem:nth-child(1n+2):before {content: " ";position: absolute;top: 50%;left: -1px;width: 1px;height: 16px;margin-top: -8px;background-color: #e1e1e1;pointer-events: none;}
.header .firNav .firItem .link1 {position: relative;overflow: hidden;z-index: 1;/* width: 4em; */padding: 0 0.6rem;color: #333;}
.header .firNav .firItem .link1:after {content: " ";position: absolute;left: 0.6rem;right: 0.6rem;bottom: 0;z-index: -1;pointer-events: none;border-top: #01999a solid 2px;-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;opacity: 0;visibility: hidden;}
.header .firNav .firItem.on .link1,.header .firNav .firItem:hover .link1 {color: #01999a;}
.header .firNav .firItem.on .link1:after,.header .firNav .firItem:hover .link1:after {-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;opacity: 1;visibility: visible;-webkit-transform: none !important;
transform: none !important;}
.header .secNav {position: absolute;top: 100%;left: 50%;padding: 0.3rem 0;min-width: 100%;z-index: 30;font-size: 0;line-height: 0;text-align: left;display: block !important;-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;opacity: 0;visibility: hidden;-webkit-transform: translate(-50%, 10px);transform: translate(-50%, 10px);background-color: #fff;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.header .secNav .col {display: block;text-align: center;padding-top: 4px;}
.header .secNav .secItem {position: relative;display: block;}
.header .secNav .secItem .link2 {color: #666666;padding: 0.12rem 0.4rem;font-size: 14px;line-height: 1.5;}
.header .secNav .secItem.on .link2,.header .secNav .secItem:hover .link2 {color: #01999a;}
.header .secNav.active {-webkit-transition: all 250ms cubic-bezier(0, 0.52, 0.35, 1.42) 0ms;transition: all 250ms cubic-bezier(0, 0.52, 0.35, 1.42) 0ms;opacity: 1;visibility: visible;-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.header .navbtn {display: none;}
}

@media screen and (min-width: 1601px) {
.header .firNav .firItem .link1 {padding: 0 0.7rem;}
.header .firNav .firItem .link1:after {left: 0.7rem;right: 0.7rem;}
}
@media screen and (max-width: 1024px) {
.footerFn {height: 64px;display: block;}
.header .bg {position: fixed !important;background-color: rgba(0, 0, 0, 0.2);}
.header .contain {padding: 0;}
.header .logo {width: 200px;}
.header .logo img {width: 168px;}
.header .navbtn {z-index: 45;position: absolute;overflow: hidden;display: block;right: 10px;top: 9px;padding: 5px;width: 36px;height: 36px;cursor: pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);}
.header .navbtn s {position: absolute;left: 5px;display: block;width: 36px;height: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #01999a;-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42);
transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42);transition: transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42), opacity 0.3s ease;transition: transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42), opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0, 0.52, 0.35, 1.42);
-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
.header .navbtn .i1 {top: 9px;}
.header .navbtn .i2 {top: 50%;margin-top: -2px;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.header .navbtn .i3 {bottom: 9px;}
.navShow .header .navbtn {position: fixed;z-index: 80;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.navShow .header .navbtn .i1 {-webkit-transform: rotate(45deg) translate(7.038px, 0);transform: rotate(45deg) translate(7.038px, 0);top: 3px;}
.navShow .header .navbtn .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;}
.navShow .header .navbtn .i3 {-webkit-transform: rotate(-45deg) translate(7.038px, 0);transform: rotate(-45deg) translate(7.038px, 0);
bottom: 3px;}
.header .firNav {position: fixed;z-index: 29;right: 0;top: 0;width: 100%;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 5%;padding-right: 5%;overflow-y: auto;background-color: #fff;
padding-top: var(--headerH);-webkit-transform: translateX(100%);transform: translateX(100%);text-align: center;}
.header .firNav .link {display: block;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;cursor: pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);}
.header .firNav .firItem {position: relative;overflow: hidden;font-size: 18px;line-height: 48px;border-bottom: #d7e2e8 solid 1px;padding: 0 8px;}
.header .firNav .firItem.on > .link {color: #01999a;}
.header .firNav .firItem.on .secNav {display: block;}
.header .secNav {padding: 8px 0 !important;line-height: 1.5;font-size: 16px;display: none;border-top: #eeeeee solid 1px;margin-left: 3%;margin-right: 3%;}
.header .secNav .col {display: block;}
.header .secNav .secItem {line-height: 32px;display: block;white-space: nowrap;color: #777;}
.header .secNav .secItem:active {color: #111;}
.header .secNav .secItem.on {color: #111;text-decoration: underline;}
.header .secNav + .ctr {display: block;}
.header .searchBox {right: 66px;}
.navShow .header .bg {display: block;}
.navShow .header .contain {z-index: 8;}
.navShow .firNav {-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;-webkit-transform: none !important;transform: none !important;}
}
/* modal-guidance */
.modal-guidance {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
}
.modal-guidance:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
}
.modal-guidance .process {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
text-align: center;
color: #01999a;
}
.modal-guidance .process .welcome {
display: inline-block;
vertical-align: top;
position: relative;
padding: 10px;
}
.modal-guidance .process .welcome .logo {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
width: 420px;
height: 56px;
}
.modal-guidance .process .welcome .bar {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent !important;
-webkit-transform: skewX(-15deg);
transform: skewX(-15deg);
}
.modal-guidance .process .welcome .bar s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-transition: all 255ms ease-out 0s;
transition: all 255ms ease-out 0s;
}
.modal-guidance.closed {
-webkit-transition: all 600ms ease-out 1s;
transition: all 600ms ease-out 1s;
opacity: 0;
visibility: hidden;
top: -100%;
pointer-events: none;
}
.fixedIdx {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
min-width: 440px;
}
@media screen and (min-width: 1025px) {
.fixedIdx {
min-width: 1280px;
}
}
/* fullpage */
.fullpage-viewport {
background-color: #fbe7e8;
}
.fullpage-viewport._loaded .fullpage-overview {
position: absolute;
}
.fullpage-viewport._loaded .fullpage-section:after {
-webkit-transition: all 250ms ease-out 100ms;
transition: all 250ms ease-out 100ms;
opacity: 1;
visibility: visible;
-webkit-animation: slideInDownm 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;
animation: slideInDownm 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;
}
@media screen and (min-width: 1025px) {
.fullpage-viewport {
position: fixed;
left: 0;
top: 0;
z-index: 20;
width: 100%;
height: 100%;
min-width: 1200px;
overflow-y: hidden;
overflow-x: auto;
}
}
@media screen and (max-width: 1024px) {
.fullpage-viewport {
position: relative;
}
}
.fullpage-viewport.mScroll {
position: relative;
height: auto;
}
.fullpage-viewport.mScroll > .shade {
height: auto;
}
.fullpage-viewport.mScroll .fullpage-overview,.fullpage-viewport.mScroll .fullpage-section {position: relative !important;height: auto !important;}
.fullpage-viewport.mScroll .fullpage-section .vm {line-height: 1 !important;height: auto !important;padding-top: 1.6rem;padding-bottom: 1.6rem;}
.fullpage-viewport.mScroll .fullpage-section .vmbox {top: auto;-webkit-transform: none !important;      transform: none !important;}
.fullpage-overview {position: relative;left: 0;top: 0;width: 100%;height: 100%;}
.fullpage-bg {-webkit-transition: -webkit-transform 4000ms ease-out 200ms;transition: -webkit-transform 4000ms ease-out 200ms;transition: transform 4000ms ease-out 200ms;transition: transform 4000ms ease-out 200ms, -webkit-transform 4000ms ease-out 200ms;}
@media screen and (max-width: 1400px) {
.fullpage-viewport.mScroll .fullpage-section .vm{padding: 3.5rem 0;}     
}
.fullpage-section {position: relative;left: 0;top: 0;width: 100%;
height: 100%;
height: 100vh;
overflow: hidden;
z-index: 2;
background-color: #fff;
}
.fullpage-section .vm {
z-index: 3;
text-align: center;
}
.fullpage-section .vmbox {
display: inline-block;
vertical-align: middle;
text-align: left;
line-height: 1;
}
.fullpage-section .bg {
-o-object-position: 50% 100%;
object-position: 50% 100%;
}
.fullpage-section.leaving {
pointer-events: none;
}
@media screen and (min-width: 1441px) {
.fullpage-section .w,
.fullpage-section .container {
width: 1280px;
}
}
@media screen and (min-width: 1801px) {
.fullpage-section .w,
.fullpage-section .container {
width: 1640px;
}
}
.fullpage-pagination {
z-index: 30;
position: absolute;
right: 2%;
bottom: 4.16666667%;
width: 8px;
}
.fullpage-pagination .container {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.fullpage-pagination .btn {
position: relative;
display: block;
width: 8px;
height: 8px;
}
.fullpage-pagination .btn:nth-child(1n+2) {
margin-top: 16px;
}
.fullpage-pagination .btn:after {
content: " ";
position: absolute;
border-radius: 50%;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
border: #cccccc solid 4px;
}
.fullpage-pagination .btn em {
position: absolute;
right: 100%;
top: 0;
padding-right: 6px;
height: 8px;
line-height: 8px;
font-size: 14px;
color: #01999a;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(20px);
transform: translateX(20px);
white-space: nowrap;
font-weight: bold;
text-transform: uppercase;
}
.fullpage-pagination .btn.on em {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.fullpage-pagination .btn.on:after {
border-color: #01999a;
}
@media screen and (max-width: 1024px) {
.fullpage-pagination {
display: none;
}
}
/* index */
.index {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 20;
background-color: #000;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.index.mask000 {
-webkit-transition: all 400ms ease-out 100ms;
transition: all 400ms ease-out 100ms;
}
.index.mask000:after {
-webkit-transition: all 500ms ease-out 0ms;
transition: all 500ms ease-out 0ms;
opacity: 0.67;
visibility: visible;
}
.index-banner {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 100vh;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.index-banner .shade {
position: absolute;
left: 0;
top: 0;
}
.index-banner .item {
overflow: hidden;
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.index-banner .item .image,
.index-banner .item .videoBg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
pointer-events: none;
}
.index-banner .item.moveItem {
position: absolute;
}
.index-banner .item .contain {top: 50%;margin-left: 9%;max-width: 100%;width: 750px;-webkit-transition: all 400ms ease-out 200ms;transition: all 400ms ease-out 200ms;opacity: 0;visibility: hidden;-webkit-transform: rotateY(-180deg) translate(0%, -50%);      transform: rotateY(-180deg) translate(0%, -50%);-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;
user-select: none;margin-top: 2%;}
.index-banner .item .contain .word {
display: block;
margin-left: auto;
margin-right: auto;
pointer-events: none;
width: 100%;
}

@media screen and (max-width: 800px) {
      .index-banner .item .contain .word {width: 80%;}
}
.index-banner .item.leave .contain {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: all 400ms ease-out 200ms;
transition: all 400ms ease-out 200ms;
opacity: 0;
visibility: hidden;
-webkit-transform: rotateY(180deg) translate(0%, -50%);
transform: rotateY(180deg) translate(0%, -50%);
}
.index-banner .item.come .contain {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.index-banner .item.on .contain {
-webkit-transition: all 600ms ease-out 200ms;
transition: all 600ms ease-out 200ms;
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.index-banner .ctr {
display: none;
z-index: 20;
position: absolute;
top: 50%;
margin-top: -40px;
width: 40px;
height: 80px;
line-height: 80px;
-webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s;
transition: all 400ms ease-out 0s, all 250ms ease-out 0s;
opacity: .4;
color: #ffffff;
text-align: center;
}
.index-banner .ctr s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: 'SimSun', '宋体' !important;
text-align: center;
font-size: 64px;
font-weight: bold;
pointer-events: none;
}
.index-banner .ctr:hover {
color: #ffffff;
}
.ysqUEO .index-banner .ctr s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .index-banner .ctr s:before,
.ysqUEO .index-banner .ctr s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 3px;
margin-top: -1.5px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ysqUEO .index-banner .ctr s:before,
.ysqUEO .index-banner .ctr s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .index-banner .ctr:hover s:before,
.ysqUEO .index-banner .ctr:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.index-banner .ctr:active s:before,
.index-banner .ctr:active s:after {
background-color: #ffffff;
.index-banner .item .contain .word {width: 70%;}
}
}
.ysqUEO .index-banner .ctr.prev s:before,
.ysqUEO .index-banner .ctr.prev s:after {
margin-left: -13px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .index-banner .ctr.prev s:before {
-webkit-transform: rotate(-42deg) translateX(-1.5px);
transform: rotate(-42deg) translateX(-1.5px);
}
.ysqUEO .index-banner .ctr.prev s:after {
-webkit-transform: rotate(42deg) translateX(-1.5px);
transform: rotate(42deg) translateX(-1.5px);
}
.ysqUEO .index-banner .ctr.next s:before,
.ysqUEO .index-banner .ctr.next s:after {
margin-left: -19px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .index-banner .ctr.next s:before {
-webkit-transform: rotate(-42deg) translateX(1.5px);
transform: rotate(-42deg) translateX(1.5px);
}
.ysqUEO .index-banner .ctr.next s:after {
-webkit-transform: rotate(42deg) translateX(1.5px);
transform: rotate(42deg) translateX(1.5px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .index-banner .ctr.prev:hover s:before {
-webkit-transform: rotate(-48deg) translateX(-1.5px);
transform: rotate(-48deg) translateX(-1.5px);
}
.ysqUEO .index-banner .ctr.prev:hover s:after {
-webkit-transform: rotate(48deg) translateX(-1.5px);
transform: rotate(48deg) translateX(-1.5px);
}
.ysqUEO .index-banner .ctr.next:hover s:before {
-webkit-transform: rotate(-48deg) translateX(1.5px);
transform: rotate(-48deg) translateX(1.5px);
}
.ysqUEO .index-banner .ctr.next:hover s:after {
-webkit-transform: rotate(48deg) translateX(1.5px);
transform: rotate(48deg) translateX(1.5px);
}
}
@media screen and (max-width: 1024px) {
.index-banner .ctr.prev:active s:before,
.index-banner .ctr.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.index-banner .ctr.prev:active s:before {
-webkit-transform: rotate(-48deg) translateX(-1.5px);
transform: rotate(-48deg) translateX(-1.5px);
}
.index-banner .ctr.prev:active s:after {
-webkit-transform: rotate(48deg) translateX(-1.5px);
transform: rotate(48deg) translateX(-1.5px);
}
.index-banner .ctr.next:active s:before,
.index-banner .ctr.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.index-banner .ctr.next:active s:before {
-webkit-transform: rotate(-48deg) translateX(1.5px);
transform: rotate(-48deg) translateX(1.5px);
}
.index-banner .ctr.next:active s:after {
-webkit-transform: rotate(48deg) translateX(1.5px);
transform: rotate(48deg) translateX(1.5px);
}
}
.index-banner .ctr.prev {
left: 2%;
}
.index-banner .ctr.next {
right: 2%;
}
@media screen and (min-width: 1025px) {
.index-banner .ctr:hover {
opacity: 1;
}
}
@media screen and (max-width: 1024px) {
.index-banner .ctr {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.index-banner .ctr:active {
opacity: 1;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.index-banner .mouse {
position: absolute;
bottom: 3.7037037%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 14px;
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑' !important;
color: #fff;
text-transform: uppercase;
z-index: 80;
pointer-events: none;
margin-bottom: -0.2rem;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-banner .mouse s {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.24rem;
width: 20px;
height: 28px;
border-radius: 8px;
border: #fff solid 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.index-banner .mouse s:after {content: " ";position: absolute;top: 4px;left: 50%;margin-left: -1px;width: 2px;height: 8px;background-color: #fff;-webkit-animation-name: mouseUpDown;animation-name: mouseUpDown;
-webkit-animation-duration: 0.6s;animation-duration: 0.6s;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.index-banner .pages {position: absolute;z-index: 6;bottom: 1.2rem;left: 50%;-webkit-transform: translateX(-50%);  transform: translateX(-50%);color: #fff;font-family: Helvetica, sans-serif;display: -webkit-box;
display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;  flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: start;-ms-flex-pack: start;  justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;  align-items: center;-ms-flex-line-pack: center;align-content: center;}
.index-banner .pages:after {display: none;}
.index-banner .pages .progress {
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0 0.2rem;
width: 0.4rem;
padding: 0 0.4rem;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
}
.index-banner .pages .progress .bar {
position: absolute;
left: 0;
top: 0;
height: 1px;
width: 0;
background-color: #fff;
}
.index-banner .pages .all {
font-size: 14px;
}
@media screen and (min-width: 1025px) {
.index-banner .item .contain:hover .btnX1:before {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 1024px) {
.index-banner {
padding-bottom: 62.5%;
}
.index-banner .mouse {
display: none !important;
}
.index-banner .mouse s:after {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.index-banner .pages {
bottom: 0.8rem;
}
}
.index-head {
position: relative;
white-space: nowrap;
}
.index-head:after {
content: " ";
display: block;
margin-top: 0.5rem;
width: 30px;
height: 3px;
background-color: #01999a;
}
.index-head .en {
font-size: 2em;
text-transform: uppercase;
color: #f0f0f0;
font-family: Times New Roman, sans-serif;
}
.index-head .cn {
font-size: 1.2em;
margin-top: -0.8em;
color: #333333;
}
@media screen and (max-width: 1024px) {
.index-head {
text-align: center;
}
.index-head:after {
margin-left: auto;
margin-right: auto;
}
}
.index-solutions .vmbox {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.index-solutions .vmbox:after {
display: none;
}
.index-solutions .left {
position: relative;
z-index: 4;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2rem 2rem 2rem;
}
.index-solutions .left .snum {
margin-top: 0.8rem;
font-family: Times New Roman, sans-serif;
color: #333333;
}
.index-solutions .left .intros {
position: relative;
margin-top: 0.3rem;
}
.index-solutions .left .txt {
display: none;
}
.index-solutions .left .txt.on {
display: block;
}
.index-solutions .left .txt .sdt {
color: #333333;
}
.index-solutions .left .txt .sdd {
margin-top: 0.5rem;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 4.5em;
width: 320px;
}
.index-solutions .left .txt .sdf {
margin-top: 0.5rem;
}
.index-solutions .Tt {
z-index: 3;
position: absolute;
right: 2rem;
left: 50%;
top: 0;
bottom: 0;
}
.index-solutions .Tt:after {
content: " ";
z-index: -1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 16.4rem;
height: 16.4rem;
background-image: url(../images/bgi-solutions-pdt.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
pointer-events: none;
}
.index-solutions .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.index-solutions .Tt .box:after {
display: none;
}
.index-solutions .Tt .box .pic {height: 0;padding-bottom: 100%;width: 100%;-webkit-transform: scale(0.8);      transform: scale(0.8);-webkit-transition: all 400ms ease-out 0ms;transition: all 400ms ease-out 0ms;
opacity: 0;visibility: hidden;}
@media screen and (max-width: 1400px) {
.index-solutions .Tt .box .pic img{width: 80%; height: auto; margin:0 auto; display: inline-block;}
}
.index-solutions .Tt .box.on {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.index-solutions .Tt .box.on .pic {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 600ms ease-out 50ms;
transition: all 600ms ease-out 50ms;
opacity: 1;
visibility: visible;
}
.index-solutions .Tg {
position: absolute;
left: 0;
bottom: 0.2rem;
width: 100%;
z-index: 6;
padding: 0 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 65px;
}
.index-solutions .Tg:before {content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
top: 22px;
left: 50%;
margin-left: -2000px;
width: 4000px;
height: 1px;
background-color: #e9e9e9;
}
.index-solutions .Tg .hScroll {
height: 100%;
overflow: visible;
}
.index-solutions .Tg .btn {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
padding-top: 45px;
height: 22px;
}
.index-solutions .Tg .btn:nth-child(1n+2) {
margin-left: 0.8rem;
}
.index-solutions .Tg .btn .dot {
position: absolute;
left: 50%;
margin-left: -7.5px;
top: 15px;
width: 15px;
height: 15px;
}
.index-solutions .Tg .btn .dot:before,
.index-solutions .Tg .btn .dot:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-solutions .Tg .btn .dot:before {
background-color: rgba(215, 12, 24, 0.2);
opacity: 0;
width: 15px;
height: 15px;
}
.index-solutions .Tg .btn .dot:after {
background-color: #909090;
width: 7px;
height: 7px;
}
.index-solutions .Tg .btn span {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 16px;
white-space: nowrap;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-solutions .Tg .btn .hr {
position: absolute;
left: 100%;
top: 22px;
height: 1px;
}
.index-solutions .Tg .btn .hr:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
top: 0;
width: 0;
height: 100%;
background-color: #01999a;
}
.index-solutions .Tg .btn.on .dot:before {
opacity: 1;
}
.index-solutions .Tg .btn.on .dot:after {
background-color: #01999a;
}
.index-solutions .Tg .btn.on span {
color: #01999a;
}
.index-solutions .Tg .btn.on .hr:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 3000ms linear 0s;
transition: left 0ms ease-out 0s, width 3000ms linear 0s;
}
.index-solutions .Tg .overview {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.index-solutions .Tg .overview:after {
display: none;
}
@media screen and (max-width: 1800px) {
.index-solutions .left {
padding-left: 1rem;
padding-right: 1rem;
}
.index-solutions .Tt {
right: 1rem;
}
.index-solutions .Tg {
padding: 0 1rem;
}
}
@media screen and (max-width: 1600px) {
.index-solutions .left {padding-left: 0; padding-top: 0;}
.index-solutions .Tt {
right: 0;
}
.index-solutions .Tg {
padding: 0;
}
}
@media screen and (max-width: 1024px) {
.index-solutions .vmbox {
display: block;
padding-bottom: 0;
}
.index-solutions .left {
width: 100%;
text-align: center;
padding: 0;
}
.index-solutions .left .snum {
display: none;
}
.index-solutions .left .intros {
margin-top: 0.6rem;
}
.index-solutions .left .txt .sdd {
width: 100%;
}
.index-solutions .Tt {
margin-left: auto;
margin-right: auto;
width: 60%;
padding-bottom: 60%;
left: auto;
position: relative;
border-radius: 50%;
overflow: hidden !important;
}
.index-solutions .Tg {
position: relative;
bottom: 0;
text-align: center;
}
.index-solutions .Tg .overview {
overflow-x: auto;
width: auto;
display: inline-block;
vertical-align: top;
}
.index-solutions .Tg .btn .hr {
display: none;
}
.index-solutions .Tg .btn span {
position: relative;
left: 0;
-webkit-transform: none !important;
transform: none !important;
}
}
.index-introduce .wrapIn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 2rem;
}
.index-introduce .wrapIn:after {
display: none;
}
@media screen and (max-width: 1024px) {
.index-introduce .wrapIn {
display: block;
}
}
@media screen and (max-width: 1800px) {
.index-introduce .wrapIn {
padding: 0 1rem;
}
}
@media screen and (max-width: 1600px) {
.index-introduce .wrapIn {
padding: 0;
}
}
.index-introduce .left {
width: 45%;
}
.index-introduce .solgan {
margin-top: 0.9rem;
color: #333333;
line-height: 1.25em;
}
.index-introduce .info {
margin-top: 0.4rem;
line-height: 2;
}
.index-introduce .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
margin-top: 0.9rem;
}
.index-introduce .tags:after {
display: none;
}
.index-introduce .tags .oLi {
display: inline-block;
vertical-align: top;
text-align: center;
}
.index-introduce .tags .oLi .icoImg {display: block;margin-left: auto;
margin-right: auto;
width: 50px;
height: 50px;
}
.index-introduce .tags .oLi p {
margin-top: 10px;
color: #333333;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.index-introduce .tags .oLi:hover .icoImg {
-webkit-filter: none;
filter: none;
}
.index-introduce .tags .oLi:hover p {
color: #01999a;
}
.index-introduce .right {
position: relative;
width: 46%;
}
.index-introduce .right:after {
content: " ";
position: absolute;
left: 0.8rem;
bottom: 0.8rem;
top: -15px;
right: -15px;
background-color: #f5f5f5;
z-index: -1;
pointer-events: none;
}
.index-introduce .pic {
overflow: visible;
width: 100%;
height: 0;
padding-bottom: 69.6969697%;
}
@media screen and (max-width: 1024px) {
.index-introduce .bg {
background-color: #f5f5f5 !important;
}
.index-introduce .index-head .en {
color: #fefefe;
}
.index-introduce .left {
width: 100%;
text-align: center;
}
.index-introduce .info {
line-height: 1.5;
}
.index-introduce .info > span {
display: block;
margin-bottom: 5px;
}
.index-introduce .tags {
margin-top: 0.6rem;
padding: 0 5%;
}
.index-introduce .tags .oLi .icoImg {
width: 40px;
height: 40px;
}
.index-introduce .right {
width: 100%;
margin-top: 1rem;
}
.index-introduce .right:after {
display: none;
}
}
.index-service .wrapIn {
color: #fff;
text-align: center;
}
.index-service .dt {
letter-spacing: .05em;
}
.index-service .dd {
margin-top: 0.5rem;
width: 640px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 1.6;
}
.index-service .df {
margin-top: 0.6rem;
}
.index-service .playBtn {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
width: 36px;
height: 36px;
border-radius: 50%;
padding: 0.2rem;
border: rgba(255, 255, 255, 0.3) solid 2px;
background-image: url(../images/btni-play.png);
background-size: 30px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.index-service .playBtn .circle {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: visible;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
pointer-events: none;
}
.index-service .playBtn .circle circle {
stroke: #ffffff;
stroke-width: 2px;
stroke-dasharray: 0% 315%;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.index-service .playBtn:hover .circle circle {
stroke-dasharray: 315% 315%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
@media screen and (max-width: 1024px) {
.index-service .wrapIn {
padding: 2rem 0 1rem;
}
}
.index-service .backPlay {
z-index: 8;
position: absolute;
left: 0;
right: 0;
top: var(--headerH);
bottom: 0;
display: none;
}
.index-service .backPlay .close {
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 56px;
cursor: pointer;
z-index: 80;
background-color: rgba(255, 255, 255, 0.5);
}
.index-service .backPlay .close s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 50.4px;
font-size: 26px;
color: #ffffff;
font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.ysqUEO .index-service .backPlay .close s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO .index-service .backPlay .close s:before,
.ysqUEO .index-service .backPlay .close s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 15px;
width: 26px;
height: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO .index-service .backPlay .close s:before {
top: 19px;
-webkit-transform: rotate(45deg) translate(5.17766953px, 0);
transform: rotate(45deg) translate(5.17766953px, 0);
top: 14px;
}
.ysqUEO .index-service .backPlay .close s:after {
bottom: 19px;
-webkit-transform: rotate(-45deg) translate(5.17766953px, 0);
transform: rotate(-45deg) translate(5.17766953px, 0);
bottom: 14px;
}
@media screen and (min-width: 1025px) {
.ysqUEO .index-service .backPlay .close s:before,
.ysqUEO .index-service .backPlay .close s:after {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
}
.index-service .backPlay .close s:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.index-service .backPlay .close s:active {
color: #ffffff;
}
}
.index-service .backPlay .close s:hover {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.index-service .backPlay video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.index-application .bgs {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
}
.index-application .bgs .bg {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
opacity: 0;
visibility: hidden;
z-index: 4;
background-color: #f1f1f1;
-webkit-transform: skew(2deg) scale(1.1) rotate(-2deg);
transform: skew(2deg) scale(1.1) rotate(-2deg);
}
.index-application .bgs .bg.on {
-webkit-transition: all 600ms ease-out 0ms;
transition: all 600ms ease-out 0ms;
opacity: 1;
visibility: visible;
z-index: 6;
-webkit-transform: none !important;
transform: none !important;
-webkit-filter: none;
filter: none;
}
.index-application .wrapIn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
color: #fff;
}
.index-application .wrapIn:after {
display: none;
}
@media screen and (max-width: 1024px) {
.index-application .wrapIn {
display: block;
}
}
.index-application .left .index-head:after {
background-color: #fff;
}
.index-application .left .index-head .en {
color: rgba(255, 255, 255, 0.2);
}
.index-application .left .index-head .cn,
.index-application .left .index-head .cn .c1 {
color: #fff;
}
.index-application .left .info {
margin-top: 0.9rem; font-size: 0.32rem;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 6em;
width: 380px;
max-width: 100%;
color: #fff;
}
.index-application .right {
position: relative;
width: 16.4em;
z-index: 3;
font-size: 1rem;
}
.index-application .right .circle {
position: absolute;
left: 50%;
top: 50%;
margin: -6.12em 0 0 -6.12em;
content: " ";
z-index: -1;
pointer-events: none;
width: 12.24em;
height: 12.24em;
background-image: url(../images/bgs-app-circle.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.index-application .right .Tg {
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
z-index: 1;
}
.index-application .right .Tg > a {
position: absolute;
z-index: 2;
color: #fff;
width: 1px;
height: 1px;
white-space: nowrap;
}
.index-application .right .Tg > a .icoImg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.index-application .right .Tg > a span {
position: absolute;
top: 50%;
margin-top: -1em;
line-height: 2em;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-application .right .Tg > a.i1 {left: 3.9em;top: 4.6em;}
.index-application .right .Tg > a.i1 span {left: 47.5px;}
.index-application .right .Tg > a.i2 {left: 5.9em;top: 1.36em;}
.index-application .right .Tg > a.i2 span {left: 47.5px;}
.index-application .right .Tg > a.i3 {left: 5.6em;bottom: 2.6em;}
.index-application .right .Tg > a.i3 span {left: 47.5px;}
.index-application .right .Tg > a.i4 {left: 2.6em;bottom: 5.52em;}
.index-application .right .Tg > a.i4 span {left: 47.5px;}
.index-application .right .Tg > a.i5 {right: 2.6em;bottom: 5.52em;}
.index-application .right .Tg > a.i5 span {right: 47.5px;}
.index-application .right .Tg > a.i6 {right: 5.6em;bottom: 2.6em;}
.index-application .right .Tg > a.i6 span {right: 47.5px;}
.index-application .right .Tg > a.i7 {right: 5.9em;top: 1.36em;}
.index-application .right .Tg > a.i7 span {right: 47.5px;}
.index-application .right .Tg > a.i8 {right: 3.9em;top: 4.6em;}
.index-application .right .Tg > a.i8 span {right: 47.5px;}
.index-application .right .Tg > a.i9 {left: 0;top: 6.12em;}
.index-application .right .Tg > a.i9 span {top: 47.5px;left: 50%;margin-left: -3em;width: 6em;text-align: center;}
.index-application .right .Tg > a.i9:hover span {-webkit-transform: translateY(5px);      transform: translateY(5px);}
.index-application .right .Tg > a:hover .icoImg {background-color: rgba(0, 0, 0, 0.6);}
.index-application .right .Tg > a.on .icoImg {background-color: #01999a;}
.index-application .right .Tt {position: absolute;z-index: 2;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 330px;height: 250px;color: #fff;text-align: center;font-size: 0.32rem;}
.index-application .right .Tt .sdt:after {content: " ";display: block;margin-left: auto;margin-right: auto;margin-top: 0.4rem;width: 40px;height: 2px;background-color: #fff;}
.index-application .right .Tt .sdd {margin-top: 0.4rem;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 4.5em;}
.index-application .right .Tt .sdf {margin-top: 0.6rem;}
.index-application .right .Tt .sdf .btnX2 {display: block;margin-left: auto;margin-right: auto;}
@media screen and (max-width: 1600px) {
.index-application .right .Tt {width: 260px;height: 220px;}
}
@media screen and (max-width: 1024px) {
.index-application .wrapIn {
font-size: 100px;
}
}
@media screen and (max-width: 749px) {
.index-application .wrapIn {
font-size: 90px;
}
}
@media screen and (max-width: 699px) {
.index-application .wrapIn {
font-size: 85px;
}
}
@media screen and (max-width: 649px) {
.index-application .wrapIn {
font-size: 80px;
}
}
@media screen and (max-width: 599px) {
.index-application .wrapIn {
font-size: 75px;
}
}
@media screen and (max-width: 549px) {
.index-application .wrapIn {
font-size: 70px;
}
}
@media screen and (max-width: 499px) {
.index-application .wrapIn {
font-size: 65px;
}
}
@media screen and (max-width: 449px) {
.index-application .wrapIn {
font-size: 60px;
}
}
@media screen and (max-width: 1024px) {
.index-application .left .info {
width: 100%;
text-align: center;
}
.index-application .right {
width: 80%;
padding-bottom: 80%;
margin-left: auto;
margin-right: auto;
font-size: .36em;
}
.index-application .right .Tg > a span {
display: none;
}
.index-application .right .Tg > a .icoImg {
width: 55px;
height: 55px;
}
.index-application .right .Tt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
width: 8em;
height: 8em;
border-radius: 50%;
}
.index-application .right .Tt:after {
display: none;
}
.index-application .right .Tt .sdd {
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 40px;
}
}
.index-news .vmbox,
.index-news .wrapIn {
width: 100%;
height: 100%;
}
.index-news .wrapIn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.index-news .wrapIn:after {
display: none;
}
@media screen and (max-width: 1024px) {
.index-news .wrapIn {
display: block;
}
}
.index-news .left {
min-width: 180px;
width: 8rem;
padding: 2rem 2.8rem;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url(../images/bgi-news.jpg);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
color: #fff;
white-space: nowrap;
}
.index-news .left:after {
display: none;
}
.index-news .dt .cn {
color: #fff;
}
.index-news .dt .en {
margin-top: 0.3rem;
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
}
.index-news .ds {
margin-top: 0.6rem;
line-height: 1.25em;
color: #fff;
}
.index-news .Tg,
.index-news .Tt {
height: 100%;
}
.index-news .Tg {
margin-top: 0.5rem;
}
.index-news .Tg .btn {
position: relative;
z-index: 2;
margin: 10px 0;
display: inline-block;
vertical-align: top;
padding: 0.2rem 0;
font-size: 16px;
color: #fff;
}
.index-news .Tg .btn:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
bottom: 0;
width: 0;
height: 1px;
background-color: currentColor;
}
.index-news .Tg .btn.on:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
.index-news .Ta {
margin-top: 0.4rem;
}
.index-news .Tt {
padding: 0 2.8rem;
width: calc(100% - 8rem);
}
.index-news .Tt .index-news-resMove {
display: none;
}
.index-news .Tt .index-news-resMove.on {
display: block;
}
@media screen and (max-width: 1800px) {
.index-news .left {
padding: 1rem 1.4rem;
}
.index-news .Tt {
padding: 0 1.4rem;
}
}
@media screen and (max-width: 1024px) {
.index-news .bg {
background-color: #f5f5f5 !important;
}
.index-news .left {
width: 100%;
background: none;
color: #666666;
text-align: center;
display: block;
padding: 0;
}
.index-news .left .dt .cn {
color: #333;
}
.index-news .left .dt .en {
color: rgba(51, 51, 51, 0.5);
}
.index-news .left .ds {
color: #666;
}
.index-news .Tg {
margin-top: 0.3rem;
}
.index-news .Tg br {
display: none;
}
.index-news .Tg .btn {
color: #333333;
padding: 5px 0;
margin: 5px 0.2rem;
}
.index-news .Ta {
margin-left: auto;
margin-right: auto;
}
.index-news .Tt {
width: 100%;
padding: 0;
margin-top: 0.8rem;
width: auto;
width: calc(100% - 30px);
margin-left: auto !important;
margin-right: auto !important;
max-width: 720px;
}
}
.index-news-resMove {
position: relative;
width: 100%;
height: 100%;
}
.index-news-resMove .shade {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.index-news-resMove._loaded .shade {
-webkit-transition: all 250ms ease-out 200ms;
transition: all 250ms ease-out 200ms;
opacity: 1;
visibility: visible;
}
.index-news-resMove .ctrX2 {
display: none !important;
}
.index-news-resMove .box {
white-space: nowrap;
font-size: 0;
}
.index-news-resMove .item {
z-index: 2;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
width: 33.33%;
width: calc(100%/3);
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
white-space: normal;
text-align: left;
padding-bottom: 10px;
}
.index-news-resMove .item .vcbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-news-resMove .item .date {
font-family: Times New Roman, sans-serif;
}
.index-news-resMove .item .date i {
display: inline-block;
vertical-align: bottom;
color: #999999;
}
.index-news-resMove .item .date .d {
margin-bottom: -0.1em;
}
.index-news-resMove .item .date .ym {
margin-left: 0.2rem;
}
.index-news-resMove .item h3 {
margin-top: 0.6rem;
color: #333333;
line-height: 1.5em;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
font-weight: bold;
}
.index-news-resMove .item .pic {
margin-top: 0.6rem;
width: 100%;
height: 0;
padding-bottom: 62.35294118%;
background-color: #fff;
}
.index-news-resMove .item p {
margin-top: 0.4rem;
line-height: 1.75em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 5.25em;
color: #666666;
}
.index-news-resMove .item .more {
margin-top: 0.8rem;
display: inline-block;
vertical-align: top;
font-size: 12px;
color: #666666;
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
border: #d8d8d8 solid 1px;
border-radius: 40px;
padding: 0.2rem 0.3rem;
min-width: 80px;
text-align: center;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.index-news-resMove .vcbox {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0;
padding: 1.2rem 0;
}
.index-news-resMove .item:hover .vcbox {
padding-bottom: 1.6rem;
}
.index-news-resMove .item:hover h3 {
color: #01999a;
}
.index-news-resMove .item .more:hover {
background-color: #f1f1f1;
}
}
@media screen and (max-width: 1024px) {
.index-news-resMove {
margin-top: 0.4rem;
width: 100%;
margin-left: 0;
height: auto;
}
.index-news-resMove .shade {
height: auto;
}
.index-news-resMove .box {
position: relative !important;
height: auto;
}
.index-news-resMove .item {
height: auto;
}
.index-news-resMove .item:before {
display: none;
}
.index-news-resMove .item .vcbox {
position: relative;
}
.index-news-resMove .item .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.index-news-resMove .item .date:after {
display: none;
}
.index-news-resMove .item .date .d {
font-size: 14px;
margin-bottom: 0;
}
.index-news-resMove .item .date .d:before {
content: "-";
}
.index-news-resMove .item .date .ym {
margin-left: 0;
}
.index-news-resMove .item h3 {
margin-top: 8px;
}
.index-news-resMove .item p {
margin-top: 5px;
display: none;
}
.index-news-resMove .item .pic {
margin-top: 10px;
}
.index-news-resMove .item .more {
margin-top: 0;
display: none;
}
}
/* footer */
.footer {
position: relative;
z-index: 3;
background-color: #3d3f3a;
text-align: center;
background-image: url(../images/bg-footer.png);
background-size: auto;
background-position: 50% bottom;
background-repeat: repeat;
}
.footer,
.footer a {
color: #ffffff;
}
.footer.indexFixed {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 70;
}
.footer.indexFixed .closeFooter {
position: absolute;
left: 50%;
margin-left: -15px;
bottom: 100%;
margin-bottom: 0.8rem;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
pointer-events: none;
}
.footer.indexFixed .closeFooter s {
position: absolute;
overflow: hidden;
left: 50%;
top: 50%;
margin: -13px 0 0 -13px;
width: 26px;
height: 26px;
color: #c6c6c6;
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑' !important;
text-indent: -99999px;
text-align: center;
line-height: 26px;
white-space: nowrap;
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.footer.indexFixed .closeFooter s:before,
.footer.indexFixed .closeFooter s:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
background-color: #c6c6c6;
-webkit-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}
.footer.indexFixed .closeFooter s:before {
width: 2px;
height: 26px;
margin-left: -1px;
margin-top: -13px;
}
.footer.indexFixed .closeFooter s:after {
width: 26px;
height: 2px;
margin-left: -13px;
margin-top: -1px;
}
@media screen and (min-width: 1025px) {
.footer.indexFixed .closeFooter:hover s {
color: #ffffff;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.footer.indexFixed .closeFooter:hover s:before,
.footer.indexFixed .closeFooter:hover s:after {
background-color: #ffffff;
}
}
.footer.indexFixed.active .closeFooter {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 600ms ease-out 100ms;
transition: all 600ms ease-out 100ms;
opacity: 1;
visibility: visible;
}
.footer-hr {
width: 100%;
height: 0;
pointer-events: none;
z-index: -1;
border-top: #2d2c2d solid 1px;
border-bottom: #505150 solid 1px;
}
.footer-t {
z-index: 3;
position: relative;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.footer-t .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.footer-t .contain:after {
display: none;
}
@media screen and (max-width: 1024px) {
.footer-t .contain {
display: block;
}
}
.footer-t .fnav {
line-height: 30px;
}
.footer-t .fnav .link1:nth-child(1n+2) {
margin-left: 2rem;
}
.footer-t .ftel {
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
font-weight: bold;
}
.footer-t .ftel:before {
content: " ";
display: inline-block;
vertical-align: middle;
margin-right: 0.24rem;
border: #ffffff solid 1px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1.57142857em;
height: 1.57142857em;
background-image: url(../images/icof-tel.png);
background-size: 1.72857143em;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.footer-t .ftel span {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1024px) {
.footer-t .fnav {
display: none;
text-align: center;
}
}
.footer-m {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.footer-m .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.footer-m .contain:after {
display: none;
}
.footer-m .left {
text-align: left;
width: calc(100% - 400px);
}
.footer-m .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: right;
width: 400px;
}
.footer-m .right:after {
display: none;
}
.footer-m .fcontact {
position: relative;
padding-left: 0.44rem;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.875;
}
.footer-m .fcontact:before {
content: " ";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0.08rem;
background-color: #fff;
}
.footer-m .flinks {
width: 100%;
margin-top: 0.6rem;
font-size: 14px;
line-height: 20px;
text-align: left;
}
.footer-m .fqrcode {
text-align: center;
}
.footer-m .fqrcode .pic {
margin-bottom: 10px;
width: 60px;
height: 60px;
padding: 0.6rem;
border-radius: 6px;
}
.footer-m .fconsult {
margin-right: 0.6rem;
}
.footer-m .fconsult .btn {
display: block;
margin-left: auto;
margin-bottom: 0.4rem;
width: 100px;
height: 30px;
padding: 0.2rem 0.4rem;
border-radius: 6px;
background-color: #fff;
text-align: center;
line-height: 30px;
color: #333333;
}
@media screen and (max-width: 1024px) {
.footer-m {
display: none;
}
.footer-m + .footer-hr {
display: none;
}
}
.footer-b {
text-align: center;
padding: 0.3rem 0;
line-height: 20px;
}
.footer-b .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.footer-b .contain:after {
display: none;
}
@media screen and (max-width: 1024px) {
.footer-b .contain {
display: block;
}
}
.footer-b span {
display: inline-block;
vertical-align: top;
}
/* subpage */
.subpage {
position: relative;
z-index: 3;
}
.subpage-banner {z-index: 5;position: relative;height: 0;padding: 11% 0;background-color: #f1f1f1;}
.subpage-banner .contain {
height: 100%;
}
.subpage-banner .wrapIn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%;
color: #fff;
}
.subpage-banner .wrapIn:after {
content: " ";
display: block;
margin-top: 0.6rem;
width: 40px;
height: 2px;
background-color: #fff;
}
.subpage-banner .wrapIn .dt {
font-weight: bold;
}
.subpage-banner .wrapIn .dd {
margin-top: 0.4rem;
}
.subpage-neck {
background-color: #f7f7f7;
}
.subpage-neck .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.subpage-neck .contain:after {
display: none;
}
@media screen and (max-width: 1024px) {
.subpage-neck .contain {
display: block;
}
}
.subpage-nav {
width: calc(100% - 300px);
text-align: left;
z-index: 6;
}
.subpage-nav .viewport {
padding-right: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
}
.subpage-nav .ctr {
z-index: 20;
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: center;
}
.subpage-nav .ctr.reject {
display: none;
}
.subpage-nav .ctr s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: 'SimSun', '宋体' !important;
text-align: center;
font-size: 24px;
font-weight: bold;
pointer-events: none;
}
.subpage-nav .ctr:hover {
color: #ffffff;
}
.ysqUEO .subpage-nav .ctr s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .subpage-nav .ctr s:before,
.ysqUEO .subpage-nav .ctr s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 1px;
margin-top: -0.5px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ysqUEO .subpage-nav .ctr s:before,
.ysqUEO .subpage-nav .ctr s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .subpage-nav .ctr:hover s:before,
.ysqUEO .subpage-nav .ctr:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.subpage-nav .ctr:active s:before,
.subpage-nav .ctr:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .subpage-nav .ctr.prev s:before,
.ysqUEO .subpage-nav .ctr.prev s:after {
margin-left: -5px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .subpage-nav .ctr.prev s:before {
-webkit-transform: rotate(-35deg) translateX(-0.5px);
transform: rotate(-35deg) translateX(-0.5px);
}
.ysqUEO .subpage-nav .ctr.prev s:after {
-webkit-transform: rotate(35deg) translateX(-0.5px);
transform: rotate(35deg) translateX(-0.5px);
}
.ysqUEO .subpage-nav .ctr.next s:before,
.ysqUEO .subpage-nav .ctr.next s:after {
margin-left: -7px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .subpage-nav .ctr.next s:before {
-webkit-transform: rotate(-35deg) translateX(0.5px);
transform: rotate(-35deg) translateX(0.5px);
}
.ysqUEO .subpage-nav .ctr.next s:after {
-webkit-transform: rotate(35deg) translateX(0.5px);
transform: rotate(35deg) translateX(0.5px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .subpage-nav .ctr.prev:hover s:before {
-webkit-transform: rotate(-42deg) translateX(-0.5px);
transform: rotate(-42deg) translateX(-0.5px);
}
.ysqUEO .subpage-nav .ctr.prev:hover s:after {
-webkit-transform: rotate(42deg) translateX(-0.5px);
transform: rotate(42deg) translateX(-0.5px);
}
.ysqUEO .subpage-nav .ctr.next:hover s:before {
-webkit-transform: rotate(-42deg) translateX(0.5px);
transform: rotate(-42deg) translateX(0.5px);
}
.ysqUEO .subpage-nav .ctr.next:hover s:after {
-webkit-transform: rotate(42deg) translateX(0.5px);
transform: rotate(42deg) translateX(0.5px);
}
}
@media screen and (max-width: 1024px) {
      .subpage-banner {padding: 22% 0;      }
.subpage-nav .ctr.prev:active s:before,
.subpage-nav .ctr.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.subpage-nav .ctr.prev:active s:before {
-webkit-transform: rotate(-42deg) translateX(-0.5px);
transform: rotate(-42deg) translateX(-0.5px);
}
.subpage-nav .ctr.prev:active s:after {
-webkit-transform: rotate(42deg) translateX(-0.5px);
transform: rotate(42deg) translateX(-0.5px);
}
.subpage-nav .ctr.next:active s:before,
.subpage-nav .ctr.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.subpage-nav .ctr.next:active s:before {
-webkit-transform: rotate(-42deg) translateX(0.5px);
transform: rotate(-42deg) translateX(0.5px);
}
.subpage-nav .ctr.next:active s:after {
-webkit-transform: rotate(42deg) translateX(0.5px);
transform: rotate(42deg) translateX(0.5px);
}
}
.subpage-nav .ctr.prev {
left: 0;
display: none;
}
.subpage-nav .ctr.next {
right: 0;
}
.subpage-nav .ctr:hover {
background-color: #000000;
}
.subpage-nav .link2 {
position: relative;
z-index: 3;
display: inline-block;
vertical-align: top;
min-width: 4em;
padding: 0.4rem 0;
line-height: 30px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: center;
}
.subpage-nav .link2:after {
content: " ";
position: absolute;
z-index: -1;
bottom: 0;
height: 2px;
background-color: #01999a;
pointer-events: none;
left: 100%;
width: 0;
}
.subpage-nav .link2:nth-child(1n+2) {
margin-left: 1.6rem;
}
.subpage-nav .link2.on:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
@media screen and (max-width: 1600px) {
.subpage-nav .link2:nth-child(1n+2) {
margin-left: 0.8rem;
}
}
@media screen and (max-width: 1024px) {
.subpage-nav {
width: 100%;
}
.subpage-nav .viewport {
padding: 0;
}
}
.subpage-crumbs {
line-height: 20px;
height: 20px;
padding: 5px 0;
}
.subpage-crumbs:before {
content: " ";
display: inline-block;
vertical-align: middle;
margin-right: 0.16rem;
width: 16px;
height: 20px;
background-image: url(../images/icof-crumbs.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
.subpage-crumbs {
display: none;
position: absolute;
top: 100%;
padding: 10px 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.subpage-wrap {
position: relative;
z-index: 6;
}
/* sAbout */
.sAbout-section {
position: relative;
z-index: 2;
}
.sAbout-head {
position: relative;
z-index: 2;
padding: 1.2rem 0 0.96rem;
text-align: center;
}
.sAbout-head .en {
text-transform: uppercase;
font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
color: #d9d9d9;
}
.sAbout-head .cn {
margin-top: 0.4rem;
}
.sAbout-head .cn:before,
.sAbout-head .cn:after {
content: " ";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 1px;
background-color: #333333;
}
.sAbout-head .cn span {
display: inline-block;
vertical-align: middle;
margin-left: 0.5rem;
margin-right: 0.5rem;
font-weight: bold;
color: #333333;
}
.sAbout-head .cn span em {
color: #01999a;
}
.sAbout-intro .list4 {
padding: 1.2rem 0 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sAbout-intro .list4:after {
display: none;
}
.sAbout-intro .list4 .oLi {
width: 25%;
text-align: center;
}
.sAbout-intro .list4 .oLi .ico {
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
display: block;
width: 98px;
height: 98px;
padding: 0.74rem;
}
.sAbout-intro .list4 .oLi .ico:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
background-image: url(../images/bgsa-intro-list4-oLi.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sAbout-intro .list4 .oLi .ico .icoImg {
display: block;
width: 100%;
height: 100%;
}
.sAbout-intro .list4 .oLi .sdt {
margin-top: 0.4rem;
color: #333333;
}
.sAbout-intro .list4 .oLi .sdd {
margin-top: 0.2rem;
color: #666666;
line-height: 20px;
font-family: Times New Roman, sans-serif;
}
.sAbout-intro .list4 .oLi:hover .ico:before {
-webkit-transform: rotate(-540deg) !important;
transform: rotate(-540deg) !important;
}
.sAbout-intro .list4 .oLi.AniStart .ico:before {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
}
.sAbout-intro .list4 .oLi.AniDid .ico:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 600ms ease-out 0ms;
transition: all 600ms ease-out 0ms;
}
@media screen and (max-width: 1024px) {
.sAbout-intro .list4 {padding-left: 5%;padding-right: 5%;}
.sAbout-intro .list4 .oLi {width: 50%;}
.sAbout-intro .list4 .oLi .ico {width: 80px;height: 80px;}
.sAbout-intro .list4 .oLi:nth-child(1n+3) {margin-top: 4%;}
}
.sAbout-axdvantages {background-color: #f5f5f5;}
.sAbout-axdvantages-list4 {background-color: #264b97;background-image: url(../images/se_about.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.sAbout-axdvantages-list4 .oList {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;  -ms-flex-direction: row;      flex-direction: row;-ms-flex-wrap: wrap;  flex-wrap: wrap;-webkit-box-pack: start;  -ms-flex-pack: start;     justify-content: flex-start;-webkit-box-align: stretch;  -ms-flex-align: stretch;      align-items: stretch;-ms-flex-line-pack: stretch;  align-content: stretch;}
.sAbout-axdvantages-list4 .oList:after {display: none;}
.sAbout-axdvantages-list4 .oList .oLi {position: relative;z-index: 2;width: 20%;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;color: #fff;}
.sAbout-axdvantages-list4 .oList .oLi:before {content: " ";position: absolute;left: 0;top: 0;bottom: 0;border-left: rgba(255, 255, 255, 0.2) solid 1px;z-index: -1;pointer-events: none;}
.sAbout-axdvantages-list4 .oList .oLi .wrapIn {position: relative;padding: 3rem 0.8rem;height: 500px;}
.sAbout-axdvantages-list4 .oList .oLi .num {display: block;font-size: 2em;font-weight: bold;}
.sAbout-axdvantages-list4 .oList .oLi .num:before {content: " ";position: absolute;left: 0;top: 3rem;height: 1em;width: 3px;background-color: #fff;-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;opacity: 1;visibility: hidden;-webkit-transform: scale(0);      transform: scale(0);}
.sAbout-axdvantages-list4 .oList .oLi .dt {margin-top: 0.6rem;}
.sAbout-axdvantages-list4 .oList .oLi .dt .cn {line-height: 1.25;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.sAbout-axdvantages-list4 .oList .oLi .dt .en {margin-top: 0.6rem;line-height: 1.5;}
.sAbout-axdvantages-list4 .oList .oLi .dd {margin-top: 0.5rem;display: none;line-height: 1.5;}
.sAbout-axdvantages-list4 .oList .oLi.on {width: 40%;}
.sAbout-axdvantages-list4 .oList .oLi.on .num:before {-webkit-transform: none !important;transform: none !important;-webkit-transition: all 250ms ease-out 0ms;transition: all 250ms ease-out 0ms;opacity: 1;
visibility: visible;}
.sAbout-axdvantages-list4 .oList .oLi.on .dt .cn {font-size: 1em;}
.sAbout-axdvantages-list4 .oList .oLi.on .dt .en {display: none;}
.sAbout-axdvantages-list4 .oList .oLi.on .dd {display: block;}
@media screen and (max-width: 1024px) {
.sAbout-axdvantages-list4 .oList {padding: 1.6rem 0;}
.sAbout-axdvantages-list4 .oList .oLi {width: 50% !important;}
.sAbout-axdvantages-list4 .oList .oLi:before {right: 0;width: auto;border: rgba(255, 255, 255, 0.15) solid 1px;background-color: rgba(0, 0, 0, 0.1);}
.sAbout-axdvantages-list4 .oList .oLi .wrapIn {padding: 1rem;height: auto;}
.sAbout-axdvantages-list4 .oList .oLi .num {display: none;}
.sAbout-axdvantages-list4 .oList .oLi .dt {margin-top: 0;}
.sAbout-axdvantages-list4 .oList .oLi .dt .cn {font-size: .8em !important;}
.sAbout-axdvantages-list4 .oList .oLi .dt .en {display: block !important;margin-top: 0.3rem;}
.sAbout-axdvantages-list4 .oList .oLi .dd {margin-top: 0.3rem;display: block;min-height: 4.5em;}
}
@media screen and (max-width: 768px) {
.sAbout-axdvantages-list4 .oList {padding: 0.8rem 0;}
.sAbout-axdvantages-list4 .oList .oLi {width: 100% !important;}
.sAbout-axdvantages-list4 .oList .oLi .dt .cn {font-size: 20px !important;}
.sAbout-axdvantages-list4 .oList .oLi .dd {min-height: 0;}
}
.sAbout-culture {padding: 1.4rem 0 2.4rem;background-color: #f2f2f2;background-image: url(../images/aboutbg.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.sAbout-culture .sAbout-head .en {color: rgba(217, 217, 217, 0.6);}
.sAbout-culture .sAbout-head .cn:before,.sAbout-culture .sAbout-head .cn:after {background-color: rgba(255, 255, 255, 0.8);}
.sAbout-culture .sAbout-head .cn span {color: #000000;}
.sAbout-culture .list4 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;  -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-ms-flex-line-pack: stretch;align-content: stretch;padding-top: 0.8rem;}
.sAbout-culture .list4:after {display: none;}
.sAbout-culture .list4 .oLi {position: relative;z-index: 3;width: 23%;min-height: 6rem;padding: 0.7rem;background-color: #01999a;-webkit-box-sizing: border-box; box-sizing: border-box;}
.sAbout-culture .list4 .oLi .wrapIn {text-align: center;}
.sAbout-culture .list4 .oLi .wrapIn:after {content: " ";position: absolute;z-index: -1;pointer-events: none;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #01999a;-webkit-transform: scale(0);
transform: scale(0);-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.sAbout-culture .list4 .oLi .ico {display: block;margin-left: auto;margin-right: auto;width: 40px;height: 40px;padding: 0.4rem;background-image: url(../images/based/g.png);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;-webkit-filter: grayscale(100%) brightness(2.5);      filter: grayscale(100%) brightness(2.5);}
.sAbout-culture .list4 .oLi .dt {margin-top: 0.2rem;}
.sAbout-culture .list4 .oLi .dt .cn {color: #fff;}
.sAbout-culture .list4 .oLi .dt .en {margin-top: 0.3rem;text-transform: capitalize;color: #fff;}
.sAbout-culture .list4 .oLi .dd {position: relative;margin-top: 0.4rem;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
max-height: 4.5em;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
height: 0;
}
@media screen and (min-width: 1025px) {
.sAbout-culture .list4 .oLi .wrapIn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0.7rem;
right: 0.7rem;
}
.sAbout-culture .list4 .oLi:hover .wrapIn:after {-webkit-transform: none !important; transform: none !important;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.sAbout-culture .list4 .oLi:hover .ico {-webkit-filter: none;filter: none;}
.sAbout-culture .list4 .oLi:hover .dd {height: 4.5em;color: #fff;}
}
@media screen and (max-width: 1024px) {
.sAbout-culture .list4 .oLi {width: 49%;height: auto;}
.sAbout-culture .list4 .oLi:nth-child(1n+3) {margin-top: 2%;}
.sAbout-culture .list4 .oLi .wrapIn {position: relative;-webkit-transform: none !important;        transform: none !important;}
.sAbout-culture .list4 .oLi .ico {-webkit-filter: none; filter: none;}
.sAbout-culture .list4 .oLi .dd {color: #fff;
margin-top: 0.3rem;height: auto;}
}
@media screen and (max-width: 768px) {
.sAbout-culture .list4 .oLi {width: 100%;}
.sAbout-culture .list4 .oLi:nth-child(1n+2) {margin-top: 2%;}
}
/* sProduct */
.sProduct-wrap {
padding-top: 1.2rem;
padding-bottom: 2rem;
}
.sProduct-anchors {
position: relative;
}
.sProduct-float {
position: fixed;
left: 5px;
top: 100%;
z-index: 22;
}
.sProduct-float:after {
content: " ";
position: absolute;
left: 6px;
top: 0;
bottom: 0;
border-right: #e2e2e2 dotted 3px;
z-index: -1;
pointer-events: none;
}
.sProduct-float .link {
position: relative;
display: block;
padding-left: 22px;
color: #666666;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
font-weight: bold;
}
.sProduct-float .link:before {
content: " ";
position: absolute;
left: 1px;
top: 50%;
margin-top: -7px;
width: 14px;
height: 14px;
border: #e1e1e1 solid 2px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
border-radius: 50%;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sProduct-float .link.on {
color: #01999a;
}
.sProduct-float .link.on:before {
border-color: #01999a;
}
@media screen and (min-width: 1025px) {
.sProduct-float .link:nth-child(1n+2) {
margin-top: 0.8rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
.sProduct-float span {
display: none;
}
}
@media screen and (max-width: 1024px) {
.sProduct-float {
margin-top: -0.6rem;
margin-bottom: 0.2rem;
position: relative;
left: auto;
top: auto !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
}
.sProduct-float:after {
display: none;
}
.sProduct-float .link {
padding-left: 15px;
white-space: nowrap;
line-height: 2;
}
.sProduct-float .link:before {
content: " ";
width: 10px;
height: 10px;
margin-top: -5px;
border-width: 1px;
}
.sProduct-float .link:nth-child(1n+2) {
margin-left: 0.6rem;
}
}
.sProduct-list .item {
border: #eeeeee solid 1px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sProduct-list .item:nth-child(1n+1) {width: 31.7%;margin-right: 2.33333333%;margin-top: 0;}
.sProduct-list .item:nth-child( 3n+3) {margin-right: 0;}
.sProduct-list .item:nth-child( 1n+5) {margin-top: 2.33333333%;}
.sProduct-list .item .pic {width: 100%;height: 0;padding-bottom: 74.62686567%;background-color: #f1f1f1;}
.sProduct-list .item .txt {padding: 0.76rem 0.6rem;margin: 4px 0;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.sProduct-list .item h3 {color: #333333;font-weight: bold;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;line-height: 1.5;position: relative;overflow: hidden;white-space: nowrap;
text-overflow: ellipsis;}
.sProduct-list .item .aside {margin-top: 0.2rem;font-size: 14px;line-height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sProduct-list .item .aside span {color: #666666;}
.sProduct-list .item .aside s {color: #999999;}
.sProduct-list .item .arrow {position: absolute;margin-top: 0.32rem;width: 0;height: 8px;background-image: url(../images/arrows-pdt.png);background-size: auto 8px;background-position: right bottom;background-repeat: no-repeat;
-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
@media screen and (min-width: 1025px) {
.sProduct-list .item .pic img {-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.sProduct-list .item:hover {-webkit-box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);}
.sProduct-list .item:hover .pic img {-webkit-transform: scale(1.025);        transform: scale(1.025);}
.sProduct-list .item:hover .txt {-webkit-transform: translateY(-0.16rem);        transform: translateY(-0.16rem);top: -4px;}
.sProduct-list .item:hover h3 {color: #01999a;}
.sProduct-list .item:hover .arrow {width: 52px;height: 8px;margin-top: 0.3rem;}
}
@media screen and (max-width: 1024px) {
.sProduct-list .item:nth-child(1n+1) {
width: 48.5%;
margin-right: 3%;
margin-top: 0;
}
.sProduct-list .item:nth-child( 2n+2) {
margin-right: 0;
}
.sProduct-list .item:nth-child( 1n+3) {
margin-top: 3%;
}
}
.sProduct-list-sections .section {
position: relative;
}
.sProduct-list-sections .section:nth-child(1n+2) {
margin-top: 1.2rem;
}
.sProduct-list-sections .section .dt {
position: relative;
padding-bottom: 0.7rem;
padding-top: 0.7rem;
padding-left: 40px;
color: #333333;
}
.sProduct-list-sections .section .dt:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -16px;
width: 32px;
height: 32px;
background-image: url(../images/icos-gear.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sProduct-list-sections .section .dt .more {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sProduct-view-banner {
position: relative;
overflow: hidden;
}
.sProduct-view-banner .subpage-crumbs {
display: block !important;
padding: 1rem 0;
line-height: 20px;
height: auto;
}
.sProduct-view-banner .subpage-crumbs,
.sProduct-view-banner .subpage-crumbs a {
color: #ffffff;
}
.sProduct-view-banner .subpage-crumbs:before {
background-image: url(../images/icof-crumbsF.png);
}
.sProduct-view-banner .subpage-crumbs .btn {
float: right;
padding-left: 36px;
height: 20px;
background-image: url(../images/btns-backToList.png);
background-size: contain;
background-position: 0 50%;
background-repeat: no-repeat;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-view-banner .subpage-crumbs .btn:hover {
background-position: 3px 50%;
}
@media screen and (max-width: 1024px) {
.sProduct-view-banner .subpage-crumbs {
position: relative !important;
top: auto;
}
}
.sProduct-view-wrap {
background-color: #fff;
padding: 2rem;
}
@media screen and (max-width: 1600px) {
.sProduct-view-wrap {
padding: 1.2rem 0.8rem;
}
}
.sProduct-view-intro {
position: relative;
background-color: #fff;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
margin-bottom: -1px;
}
.sProduct-view-intro:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sProduct-view-intro {
display: block;
}
}
.sProduct-view-intro .right {
position: relative;
width: 50%;
padding: 0.4rem 0 2rem;
}
.sProduct-view-intro .right h1 {color: #333333;line-height: 1.25;}
.sProduct-view-intro .right .aside {margin-top: 0.3rem;line-height: 1.25;}
.sProduct-view-intro .right .aside span{font-size: 0.3rem;}
.sProduct-view-intro .right .imax {margin-top: 0.5rem;padding-top: 0.6rem;
border-top: #eeeeee solid 1px;
color: #666666;
}
.sProduct-view-intro .right .btns {
position: absolute;
left: 0;
bottom: 0.4rem;
}
.sProduct-view-intro .right .btns .btn {
z-index: 2;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
min-width: 120px;
height: 30px;
line-height: 30px;
padding: 0.3rem 0.6rem;
border-radius: 6px;
text-align: center;
font-size: 16px;
border: #e0e0e0 solid 1px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-view-intro .right .btns .btn:after {
background-color: #01999a;
opacity: 1;
z-index: -1;
}
.sProduct-view-intro .right .btns .btn:nth-child(1n+2) {
margin-left: 0.6rem;
}
.sProduct-view-intro .right .btns .btn2 {
color: #01999a;
border-color: #01999a;
}
@media screen and (min-width: 1025px) {
.sProduct-view-intro .right .btn1:hover {
color: #fff;
}
.sProduct-view-intro .right .btn2 {
color: #01999a;
border-color: #01999a;
}
.sProduct-view-intro .right .btn2:hover {
color: #fff;
}
}
@media screen and (max-width: 1024px) {
.sProduct-view-intro .right {
max-width: 100%;
margin-top: 0.7rem;
width: 514px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0.4rem;
}
.sProduct-view-intro .right .btns {
position: relative;
margin-top: 0.6rem;
bottom: 0;
}
}
.sProduct-view-intro .modal-videoPlayer {
position: absolute;
left: 2rem;
top: 2rem;
right: 2rem;
bottom: 0;
}
.sProduct-view-intro .modal-videoPlayer .close {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scale(0.75);
transform: scale(0.75);
background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1600px) {
.sProduct-view-intro {
padding: 1.2rem 0.8rem;
}
.sProduct-view-intro .modal-videoPlayer {
position: absolute;
left: 0.8rem;
top: 1.2rem;
right: 0.8rem;
bottom: 0;
}
}
.sProduct-view-tab {
width: 514px;
margin-left: auto;
margin-right: auto;
}
.sProduct-view-tab .pic {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
/* img{object-fit:contain;} */
}
.sProduct-view-tab .Tt {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sProduct-view-tab .Tt:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
border: #eeeeee solid 1px;
}
.sProduct-view-tab .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.sProduct-view-tab .Tt .playBtn {
position: absolute;
z-index: 10;
left: 15px;
bottom: 15px;
width: 36px;
height: 36px;
background-image: url(../images/btns-play.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
}
.sProduct-view-tab .Tt .playBtn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #333 solid 2px;
border-radius: inherit;
}
@media screen and (min-width: 1025px) {
.sProduct-view-tab .Tt .playBtn {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-view-tab .Tt .playBtn:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media screen and (max-width: 1024px) {
.sProduct-view-tab .Tt .playBtn:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.sProduct-view-tab .Tg {
margin-top: 10px;
position: relative;
}
.sProduct-view-tab .Tg .btn {
position: relative;
display: inline-block;
vertical-align: top;
width: 90px;
height: 66px;
}
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {
margin-left: 16px;
}
.sProduct-view-tab .Tg .btn:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 5;
background-color: #000;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-view-tab .Tg .btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 6;
pointer-events: none;
border: #eeeeee solid 1px;
}
.sProduct-view-tab .Tg .btn:hover:before {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0.05;
visibility: visible;
}
.sProduct-view-tab .Tg .btn.on:after {
border-color: #333;
}
@media screen and (max-width: 640px) {
.sProduct-view-tab {
width: 100%;
}
.sProduct-view-tab .Tg .btn {
width: 72px;
height: 52.8px;
}
.sProduct-view-tab .Tg .btn:nth-child(1n+2) {
margin-left: 12.8px;
}
}
.sProduct-view-sections .section {
position: relative;
}
.sProduct-view-sections .section:nth-child(1n+2) {
margin-top: 1.2rem;
}
.sProduct-view-sections .section .dt {
position: relative;
border-left: solid 1px #01999a;
border-bottom: solid 1px #01999a;
padding-left: 5px;
line-height: 1.25;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sProduct-view-sections .section .dt:after {
display: none;
}
.sProduct-view-sections .section .dt .cn {
display: inline-block;
vertical-align: top;
background-color: #01999a;
color: #fff;
padding: .5em .8em;
}
.sProduct-view-sections .section .dt .en {
display: inline-block;
vertical-align: top;
margin-left: 15px;
font-family: Times New Roman, sans-serif;
text-transform: uppercase;
color: #999999;
}
.sProduct-view-sections .section .dt .more {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sProduct-view-sections .section .dd {
margin-top: 0.9rem;
}
@media screen and (max-width: 1024px) {
.sProduct-view-sections {
margin-top: 0.6rem;
}
}
.sProduct-view-oList {
margin-top: -0.6rem;
margin-bottom: -0.6rem;
}
.sProduct-view-oList .oLi {
position: relative;
padding: 0.9rem 0 0.9rem 1rem;
}
.sProduct-view-oList .oLi:nth-child(1n+2) {
border-top: #e7e7e7 solid 1px;
}
.sProduct-view-oList .oLi .sdt {
line-height: 1.5em;
color: #333333;
}
.sProduct-view-oList .oLi .sdt i {
float: left;
margin-left: -1rem;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
line-height: 1.5em;
text-align: center;
color: #fff;
background-color: #01999a;
font-family: Times New Roman, sans-serif;
letter-spacing: -0.05em;
}
.sProduct-view-oList .oLi .sdt span {
font-size: .95em;
}
.sProduct-view-oList .oLi .sdd {
margin-top: 0.5rem;
color: #333333;
}
@media screen and (max-width: 1024px) {
.sProduct-view-oList .oLi {
padding-left: 0;
}
.sProduct-view-oList .oLi .sdt i {
float: left;
margin-right: 5px;
margin-left: 0;
}
}
.sProduct-scope-resMove {
position: relative;
}
.sProduct-scope-resMove .shade {
height: auto;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-scope-resMove._loaded .shade {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sProduct-scope-resMove .box {
position: relative !important;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sProduct-scope-resMove .box:after {
display: none;
}
.sProduct-scope-resMove .item {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
width: 33%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
}
.sProduct-scope-resMove .item .pic {
z-index: 1;
width: 100%;
height: 0;
padding-bottom: 55.38461538%;
background-color: #f1f1f1;
}
.sProduct-scope-resMove .item .txt {
padding: 0.5rem 0.6rem;
border: #eeeeee solid 1px;
}
.sProduct-scope-resMove .item .txt h3 {
line-height: 1.25;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333333;
font-weight: bold;
}
.sProduct-scope-resMove .item .txt p {
margin-top: 0.3rem;
font-size: 14px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 48px;
height: 48px;
}
.sProduct-scope-resMove .pagination {
display: none;
}
.sProduct-scope-resMove .progress {
margin-top: 1rem;
position: relative;
border-radius: 3px;
height: 3px;
width: 60%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
background-color: #eeeeee;
cursor: pointer;
}
.sProduct-scope-resMove .progress .bar {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
border-radius: inherit;
background-color: #01999a;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sProduct-scope-resMove .item .pic img {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-scope-resMove .item h3 {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-scope-resMove .item:hover .pic img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.sProduct-scope-resMove .item:hover h3 {
color: #01999a;
}
}
@media screen and (max-width: 1024px) {
.sProduct-scope-resMove .item .txt p {
line-height: 20px;
max-height: 40px;
}
}
/* sActivity */
.sActivity-wrap {
padding: 1.6rem 0 2rem;
}
.sActivity-wrap .pageListBox {
padding-bottom: 0;
}
.sActivity-list .item {
background-color: #f9f9f9;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sActivity-list .item:nth-child(1n+1) {
width: 48.5%;
margin-right: 3%;
margin-top: 0;
}
.sActivity-list .item:nth-child( 2n+2) {
margin-right: 0;
}
.sActivity-list .item:nth-child( 1n+3) {
margin-top: 3%;
}
.sActivity-list .item .pic {
height: 0;
padding-bottom: 56.42857143%;
width: 100%;
}
.sActivity-list .item .txt {
position: relative;
padding: 0.8rem;
border: #eaeaea solid 1px;
}
.sActivity-list .item .txt h3 {
color: #333333;
line-height: 1.25;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sActivity-list .item .txt p {
margin-top: 0.4rem;
font-size: 14px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 44px;
height: 44px;
}
.sActivity-list .item .txt .more {
display: inline-block;
vertical-align: top;
padding: 0.24rem 0.6rem;
line-height: 24px;
border: #999999 solid 1px;
border-radius: 50px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sActivity-list .item .pic img {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sActivity-list .item .txt h3,
.sActivity-list .item .txt p {
margin-right: 4.2rem;
}
.sActivity-list .item .txt h3,
.sActivity-list .item .txt .more {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sActivity-list .item .txt .more {
position: absolute;
right: 0.8rem;
bottom: 0.8rem;
}
.sActivity-list .item:hover .pic img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.sActivity-list .item:hover .txt h3 {
color: #01999a;
}
.sActivity-list .item:hover .txt .more {
border-color: #01999a;
background-color: #01999a;
color: #fff;
}
}
@media screen and (max-width: 1024px) {
.sActivity-list .item .txt h3,
.sActivity-list .item .txt p {
margin-right: 0;
}
.sActivity-list .item .txt p {
line-height: 18px;
max-height: 36px;
}
.sActivity-list .item .txt .more {
display: none;
}
.sActivity-list .item:active h3 {
color: #01999a;
}
.sActivity-list .item:active .more {
border-color: #01999a;
background-color: #01999a;
color: #fff;
}
}
.sActivity-view-wrap {
padding: 1.6rem 0 2rem;
}
.sActivity-view-head {
text-align: center;
}
.sActivity-view-head .dib {
position: relative;
padding-left: 2.77777778em;
text-align: left;
}
.sActivity-view-head .dib .icoImg {
position: absolute;
left: 0;
top: 50%;
margin-top: -1.11111111em;
width: 2.22222222em;
height: 2.22222222em;
border-radius: 50%;
background-color: #01999a;
}
.sActivity-view-head .dib .cn {
line-height: 1.25;
color: #333333;
font-weight: bold;
}
.sActivity-view-head .dib .en {
margin-top: 0.2rem;
color: #999999;
text-transform: uppercase;
}
.sActivity-view-body {
margin-top: 1rem;
}
.sActivity-view-body .operation {
position: relative;
}
.sActivity-view-body .operation .ctrX2 {
top: 50%;
margin-top: -24px;
z-index: 20;
}
.sActivity-view-body .operation .ctrX2 .name {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
font-size: 14px;
white-space: nowrap;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
padding-top: 4px;
}
.sActivity-view-body .operation .ctrX2:hover .name {
-webkit-transition: all 250ms ease-out 100ms;
transition: all 250ms ease-out 100ms;
opacity: 1;
visibility: visible;
padding-top: 10px;
}
@media screen and (max-width: 1024px) {
.sActivity-view-body .operation .ctrX2 {
display: none;
}
}
.sActivity-view-body .picArea {
z-index: 2;
position: relative;
width: 1000px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.6rem;
}
.sActivity-view-body .picArea:before,
.sActivity-view-body .picArea:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
.sActivity-view-body .picArea:before {
z-index: -1;
-webkit-transform: scale(0.94) translateY(5.5%);
transform: scale(0.94) translateY(5.5%);
background-color: rgba(0, 0, 0, 0.08);
}
.sActivity-view-body .picArea:after {
z-index: -2;
-webkit-transform: scale(0.86) translateY(13%);
transform: scale(0.86) translateY(13%);
background-color: rgba(0, 0, 0, 0.04);
}
.sActivity-view-body .picArea .pic {
width: 100%;
height: 0;
padding-bottom: 56.2%;
background-color: rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 1024px) {
.sActivity-view-body .picArea {
width: auto;
margin-left: 10px;
margin-right: 10px;
}
}
/* sView */
.sView-wrap {
padding: 1.6rem 0 2rem;
}
.sView-wrap > .wrapIn {
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.sView-wrap .pageListBox {
padding-bottom: 0;
}
.sView .subpage-neck {
padding: 0.4rem 0;
line-height: 30px;
}
.sView .subpage-crumbs {
display: block !important;
width: 100%;
}
.sView .subpage-crumbs .btn {
float: right;
padding-left: 36px;
height: 20px;
background-image: url(../images/btns-backToList0.png);
background-size: contain;
background-position: 0 50%;
background-repeat: no-repeat;
color: #666666;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sView .subpage-crumbs .btn:hover {
background-position: 3px 50%;
}
@media screen and (max-width: 1024px) {
.sView .subpage-crumbs {
position: relative !important;
top: auto;
}
}
.sView-head {
padding-bottom: 0.7rem;
border-bottom: #cccccc solid 1px;
text-align: center;
}
.sView-head h1 {
font-weight: bold;
line-height: 1.25;
color: #333333;
}
.sView-head .aside {
margin-top: 0.6rem;
}
.sView-head .aside span {
margin-left: 5px;
margin-right: 5px;
}
.sView-body {
margin-top: 0.9rem;
}
.sView-body img{display: block;margin: 0 auto;}
.sView-foot {
position: relative;
overflow: hidden;
padding: 0.6rem 0;
font-size: 14px;
border-top: #eee solid 2px;
margin-top: 1.2rem;
margin-bottom: -0.6rem;
}
.sView-foot .ctr {
z-index: 2;
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
height: 32px;
line-height: 32px;
color: #333333;
}
.sView-foot .ctr .arrow {
position: relative;
overflow: hidden;
width: 60px;
height: 32px;
}
.sView-foot .ctr .arrow:before {
content: " ";
position: absolute;
top: 50%;
margin-top: -16px;
width: 32px;
height: 32px;
border-radius: 50%;
border: #c5c5d1 solid 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sView-foot .ctr .arrow:after {
content: " ";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-image: url(../images/arrows-view.png);
background-size: auto 100%;
background-position: 0 50%;
background-repeat: no-repeat;
-webkit-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}
.sView-foot .ctr .limit {
padding: 0 0.3rem;
}
.sView-foot .ctr.prev {
float: left;
}
.sView-foot .ctr.prev .arrow {
float: left;
}
.sView-foot .ctr.prev .arrow:before {
left: 0;
}
.sView-foot .ctr.prev .arrow:after {
left: 0;
}
.sView-foot .ctr.next {
float: right;
}
.sView-foot .ctr.next .arrow {
float: right;
}
.sView-foot .ctr.next .arrow:before {
right: 0;
}
.sView-foot .ctr.next .arrow:after {
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href=""] {
cursor: not-allowed;
opacity: .5;
}
.sView-foot .ctr .limit {
display: inline-block;
vertical-align: top;
max-width: 16em;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sView-foot .ctr.prev:hover .arrow:after {
left: -5px;
}
.sView-foot .ctr.next:hover .arrow:after {
right: -5px;
}
}
@media screen and (max-width: 1024px) {
.sView-foot .ctr .limit {
display: none !important;
}
.sView-foot .ctr .tip {
padding: 0 5px;
}
.sView-foot .ctr .arrow {
width: 48px;
}
.sView-foot .ctr.prev:active .arrow:after {
left: -5px;
}
.sView-foot .ctr.next:active .arrow:after {
right: -5px;
}
}
/* sCase */
.sCase-wrap {
padding: 1.6rem 0 2rem;
}
.sCase-wrap .pageListBox {
padding-bottom: 0;
}
.sCase-list .item {
position: relative;
z-index: 2;
border: #eeeeee solid 1px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sCase-list .item:nth-child(1n+1) {
width: 32.5%;
margin-right: 1.25%;
margin-top: 0;
}
.sCase-list .item:nth-child( 3n+3) {
margin-right: 0;
}
.sCase-list .item:nth-child( 1n+4) {
margin-top: 1.25%;
}
.sCase-list .item:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
bottom: 0;
width: 0;
height: 2px;
background-color: #01999a;
}
.sCase-list .item .pic {
width: 100%;
height: 0;
padding-bottom: 74.62686567%;
background-color: #f1f1f1;
}
.sCase-list .item .txt {
padding: 0.76rem 0.6rem;
margin: 4px 0;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sCase-list .item h3 {
color: #333333;
font-weight: bold;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
line-height: 1.5;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sCase-list .item p {
margin-top: 0.2rem;
font-size: 14px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 48px;
height: 48px;
}
.sCase-list .item p span {
color: #666666;
}
.sCase-list .item p s {
color: #999999;
}
.sCase-list .item .arrow {
position: absolute;
margin-top: 0.32rem;
width: 0;
height: 8px;
background-image: url(../images/arrows-pdt.png);
background-size: auto 8px;
background-position: right bottom;
background-repeat: no-repeat;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sCase-list .item:hover {
-webkit-box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);
box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);
}
.sCase-list .item:hover .txt {
-webkit-transform: translateY(-0.16rem);
transform: translateY(-0.16rem);
top: -4px;
}
.sCase-list .item:hover h3 {
color: #01999a;
}
.sCase-list .item:hover .arrow {
width: 52px;
height: 8px;
margin-top: 0.3rem;
}
.sCase-list .item:hover:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
}
@media screen and (max-width: 1024px) {
.sCase-list .item:nth-child(1n+1) {
width: 48.5%;
margin-right: 3%;
margin-top: 0;
}
.sCase-list .item:nth-child( 2n+2) {
margin-right: 0;
}
.sCase-list .item:nth-child( 1n+3) {
margin-top: 3%;
}
.sCase-list .item p {
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 40px;
height: 40px;
}
}
.sCase-list-sections .section {
position: relative;
}
.sCase-list-sections .section:nth-child(1n+2) {
margin-top: 1.2rem;
}
.sCase-list-sections .section .dt {
position: relative;
padding-bottom: 0.7rem;
padding-top: 0.7rem;
padding-left: 40px;
color: #333333;
}
.sCase-list-sections .section .dt:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -16px;
width: 32px;
height: 32px;
background-image: url(../images/icos-gear.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sCase-list-sections .section .dt .more {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sCase-view-wrap {
padding-bottom: 2rem;
}
.sCase-view-intro {
padding: 1.6rem 0;
text-align: center;
}
.sCase-view-intro h1 {
color: #333;
}
.sCase-view-intro h1:after {
content: " ";
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.6rem;
width: 30px;
height: 4px;
background-color: #01999a;
}
.sCase-view-intro .imax {
margin-top: 0.6rem;
}
.sCase-view-intro .btns {
margin-top: 0.8rem;
text-align: center;
font-size: 0;
}
.sCase-view-intro .btns .btn {
display: inline-block;
vertical-align: top;
color: #fff;
border-radius: 6px;
font-size: 14px;
width: 120px;
height: 30px;
line-height: 30px;
padding: 0.2rem 0.6rem;
}
.sCase-view-intro .btns .btn:nth-child(2n+1) {
background-color: #555555;
}
.sCase-view-intro .btns .btn:nth-child(2n+2) {
background-color: #01999a;
}
.sCase-view-intro .btns .btn:nth-child(1n+2) {
margin-left: 0.6rem;
}
.sCase-view-intro .btns .btn .icoImg {
margin-right: 5px;
width: 30px;
height: 30px;
vertical-align: middle;
}
.sCase-view-intro .btns .btn s {
font-size: 14px;
}
.sCase-view-body {
padding: 1.4rem 2.4rem;
background-color: #f7f7f7;
}
.sCase-view-body .head {
position: relative;
}
.sCase-view-body .head .cn {
color: #333;
letter-spacing: .2em;
}
.sCase-view-body .head .en {
color: #c5c4c4;
margin-top: 12px;
text-transform: uppercase;
}
.sCase-view-body .head .warning {
position: absolute;
right: 0;
top: 0;
padding-top: 5px;
line-height: 1.5;
text-align: right;
}
.sCase-view-body .head .en,
.sCase-view-body .head .warning {
font-size: 24px;
}
@media screen and (max-width: 1280px) {
.sCase-view-body .head .en,
.sCase-view-body .head .warning {
font-size: 20px;
}
.sCase-view-body .head .en {
margin-top: 14px;
}
}
.sCase-view-body .body {
margin-top: 0.8rem;
}
.sCase-view-body .body .playground {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.sCase-view-body .body .playground .player {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: #000;
-o-object-fit: cover;
object-fit: cover;
}
.sCase-view-body .sView-foot {
padding-top: 0;
border-top: none;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 1rem;
}
.sCase-view .sRelative-product {
margin-top: 1rem;
}
/* sRelative */
.sRelative-product .dt {
position: relative;
padding-bottom: 0.7rem;
padding-top: 0.7rem;
padding-left: 40px;
color: #333333;
}
.sRelative-product .dt:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -16px;
width: 32px;
height: 32px;
background-image: url(../images/icos-gear.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sRelative-product .dt .more {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sRelative-product-resMove {
position: relative;
}
.sRelative-product-resMove .shade {
height: auto;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sRelative-product-resMove._loaded .shade {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sRelative-product-resMove .box {
position: relative !important;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sRelative-product-resMove .box:after {
display: none;
}
.sRelative-product-resMove .item {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
width: 33%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: #eeeeee solid 1px;
}
.sRelative-product-resMove .item .pic {
width: 100%;
height: 0;
padding-bottom: 74.62686567%;
background-color: #f1f1f1;
}
.sRelative-product-resMove .item .txt {
padding: 0.76rem 0.6rem;
margin: 4px 0;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sRelative-product-resMove .item h3 {
color: #333333;
font-weight: bold;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
line-height: 1.5;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sRelative-product-resMove .item .aside {
margin-top: 0.2rem;
font-size: 14px;
line-height: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sRelative-product-resMove .item .aside span {
color: #666666;
}
.sRelative-product-resMove .item .aside s {
color: #999999;
}
.sRelative-product-resMove .item .arrow {
position: absolute;
margin-top: 0.32rem;
width: 0;
height: 8px;
background-image: url(../images/arrows-pdt.png);
background-size: auto 8px;
background-position: right bottom;
background-repeat: no-repeat;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sRelative-product-resMove .item:hover .txt {
-webkit-transform: translateY(-0.16rem);
transform: translateY(-0.16rem);
top: -4px;
}
.sRelative-product-resMove .item:hover h3 {
color: #01999a;
}
.sRelative-product-resMove .item:hover .arrow {
width: 52px;
height: 8px;
margin-top: 0.3rem;
}
}
@media screen and (max-width: 1024px) {
.sRelative-product-resMove .item:nth-child(1n+1) {
width: 48.5%;
margin-right: 3%;
margin-top: 0;
}
.sRelative-product-resMove .item:nth-child( 2n+2) {
margin-right: 0;
}
.sRelative-product-resMove .item:nth-child( 1n+3) {
margin-top: 3%;
}
}
.sRelative-product-resMove .pagination {
display: none;
}
.sRelative-product-resMove .progress {
margin-top: 1rem;
position: relative;
border-radius: 3px;
height: 3px;
width: 60%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
background-color: #eeeeee;
cursor: pointer;
}
.sRelative-product-resMove .progress .bar {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
border-radius: inherit;
background-color: #01999a;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sRelative-product-resMove .item .pic img {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sRelative-product-resMove .item h3 {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sRelative-product-resMove .item:hover .pic img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.sRelative-product-resMove .item:hover h3 {
color: #01999a;
}
}
@media screen and (max-width: 1024px) {
.sRelative-product-resMove .item .txt p {
line-height: 20px;
max-height: 40px;
}
}
/* sSupport */
.sSupport-flow .oLi {
position: relative;
z-index: 3;
padding: 1.6rem 0;
}
.sSupport-flow .oLi:nth-child(2n+1) {
background-color: #fff;
}
.sSupport-flow .oLi:nth-child(2n+2) {
background-color: #f7f7f7;
}
.sSupport-flow .oLi .dt {
text-align: center;
color: #333333;
font-weight: bold;
}
.sSupport-flow .oLi .dt:after {
content: " ";
margin-top: 0.4rem;
display: block;
margin-left: auto;
margin-right: auto;
width: 30px;
height: 4px;
background-color: #01999a;
}
.sSupport-flow .oLi .dt i {
margin-right: .2em;
}
.sSupport-flow .oLi .dt i,
.sSupport-flow .oLi .dt span {
display: inline-block;
vertical-align: top;
}
.sSupport-flow .oLi .dd {
margin-top: 0.6rem;
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
color: #333333;
text-align: center;
}
/* sQa */
.sQa-wrap {
padding-top: 1.6rem;
padding-bottom: 2rem;
}
.sQa-list .item {
position: relative;
z-index: 2;
}
.sQa-list .item:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
top: 0;
width: 0;
height: 24px;
padding: 0.8rem 0;
background-color: #01999a;
}
.sQa-list .item:nth-child(1n+2) {
margin-top: -1px;
}
.sQa-list .item .wrapIn {
border-top: #e7e7e7 solid 1px;
border-bottom: #e7e7e7 solid 1px;
}
.sQa-list .item .dt,
.sQa-list .item .dd {
position: relative;
z-index: 2;
padding: 0.8rem 1.4rem;
}
.sQa-list .item .tag {
position: absolute;
left: 0.3rem;
top: 0.8rem;
width: 24px;
height: 24px;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #fff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
background-color: #01999a;
}
.sQa-list .item .tag:before {
content: " ";
position: absolute;
left: -4px;
top: 0;
overflow: hidden;
width: 0;
height: 0;
border-width: 4px 4px;
border-color: #01999a transparent transparent transparent;
border-style: solid;
font-size: 0;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sQa-list .item .spreadBtn {
position: absolute;
right: 1.4rem;
top: 50%;
margin-right: -16px;
margin-top: -8px;
width: 16px;
height: 16px;
border-radius: 24px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sQa-list .item .spreadBtn:before,
.sQa-list .item .spreadBtn:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
background-color: #c2c2c2;
-webkit-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}
.sQa-list .item .spreadBtn:before {
width: 2px;
height: 14px;
margin-left: -1px;
margin-top: -7px;
}
.sQa-list .item .spreadBtn:after {
width: 14px;
height: 2px;
margin-left: -7px;
margin-top: -1px;
}
.sQa-list .item .spreadBtn:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sQa-list .item .dt {
cursor: pointer;
}
.sQa-list .item .dt h3 {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
line-height: 24px;
color: #333333;
font-weight: bold;
}
.sQa-list .item .dd {
display: none;
}
.sQa-list .item .dd .tag {
background-color: #686868;
}
.sQa-list .item .dd .tag:before {
border-top-color: #686868;
}
.sQa-list .item.unfold:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
.sQa-list .item.unfold .wrapIn {
border-color: transparent;
}
.sQa-list .item.unfold .dt .tag {
background-color: #fff;
color: #01999a;
}
.sQa-list .item.unfold .dt .tag:before {
border-top-color: #fff;
}
.sQa-list .item.unfold .dt h3 {
color: #fff;
}
.sQa-list .item.unfold .spreadBtn {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sQa-list .item.unfold .spreadBtn:before,
.sQa-list .item.unfold .spreadBtn:after {
background-color: #fff;
}
.sQa-list .item.unfold .spreadBtn:before {
height: 0;
margin-top: 0;
}
/* sNews */
.sNews-wrap {
padding: 1.6rem 0 2rem;
}
.sNews-wrap .pageListBox {
padding-bottom: 0;
}
.sNews-list {
margin-top: -0.8rem;
}
.sNews-list .item {
position: relative;
z-index: 2;
padding: 0.9rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
border-bottom: #e7e7e7 solid 1px;
}
.sNews-list .item:after {
display: none;
}
.sNews-list .item:before {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
bottom: -1px;
width: 0;
height: 1px;
background-color: #01999a;
}
.sNews-list .item .picArea {
position: relative;
width: 400px;
min-width: 400px;
}
.sNews-list .item .pic {
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-color: #f1f1f1;
}
.sNews-list .item .txtArea {
width: 900px;
margin-right: 1.2rem;
max-width: 100%;
}
.sNews-list .item .txtArea .date {
font-family: Times New Roman, sans-serif;
color: #999999;
}
.sNews-list .item .txtArea h3 {
margin-top: 0.6rem;
color: #333333;
font-weight: bold;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
line-height: 1.25;
}
.sNews-list .item .txtArea h3 .link {-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.sNews-list .item .txtArea p {margin-top: 0.5rem;font-size: 16px;line-height: 31px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 56px;}
@media screen and (min-width: 1025px) {
.sNews-list .item .picArea img {-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;}
.sNews-list .item .picArea:hover img {-webkit-transform: scale(1.025);        transform: scale(1.025);}
.sNews-list .item:hover:before {left: 0;width: 100%;-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;transition: left 0ms ease-out 0s, width 220ms ease-out 0s;}
}
@media screen and (max-width: 1024px) {
.sNews-list .item .picArea {width: 50%;min-width: 0;}
.sNews-list .item .txtArea {width: 48%;margin-right: 2%;}
.sNews-list .item .txtArea p {line-height: 20px;max-height: 40px;}
}
@media screen and (max-width: 768px) {
.sNews-list .item {display: block;}
.sNews-list .item .picArea,.sNews-list .item .txtArea {width: 100%;margin: 0;}
.sNews-list .item .txtArea {margin-top: 0.6rem;}
.sNews-list .item .txtArea h3 {margin-top: 0.4rem;}
}
/* sContact */
.sContact-intro {padding: 1.6rem 0;}
.sContact-intro .wrapIn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;  -ms-flex-direction: row;      flex-direction: row;-ms-flex-wrap: nowrap;  flex-wrap: nowrap;-webkit-box-pack: justify;  -ms-flex-pack: justify;      justify-content: space-between;-webkit-box-align: center;  -ms-flex-align: center;      align-items: center;-ms-flex-line-pack: center;  align-content: center;}
.sContact-intro .wrapIn:after {display: none;}
@media screen and (max-width: 1024px) {
.sContact-intro .wrapIn {display: block;}
}
.sContact-intro .left {width: 440px;}
.sContact-intro .right {width: 800px;margin-left: 40px;}
.sContact-way .dt {position: relative;color: #333333;font-weight: bold;line-height: 1.25;padding-bottom: 0.7rem;}
.sContact-way .dt:before,
.sContact-way .dt:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
}
.sContact-way .dt:before {
width: 100%;
height: 1px;
background-color: #e7e7e7;
}
.sContact-way .dt:after {
width: 40px;
height: 3px;
background-color: #01999a;
}
.sContact-way .dd {
padding: 0.5rem 0;
}
.sContact-way .dd .line {
position: relative;
padding-left: 48px;
margin-top: 0.5rem;
min-height: 34px;
}
.sContact-way .dd .line .icoImg {
float: left;
margin-left: -48px;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #e9e9e9;
}
.sContact-way .dd .line p {
line-height: 2;
}
@media screen and (max-width: 1024px) {
.sContact-way .dd .line {
line-height: 28px;
padding-left: 36px;
}
.sContact-way .dd .line .icoImg {
width: 28px;
height: 28px;
margin-left: -36px;
}
}
.sContact-map {
position: relative;
width: 790px;
height: 400px;
max-width: 100%;
}
.sContact-map #dituContent {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 1.1;
background-color: #f5f3f0;
}
.sContact-map #dituContent .BMap_bubble_title {
font-size: 16px;
margin-bottom: 5px;
padding-right: 16px;
color: #01999a;
}
.sContact-map #dituContent .BMap_bubble_content {
width: auto;
font-size: 14px;
line-height: 18px;
}
.sContact-map #dituContent img {
max-width: none;
}
._pen .sContact-map {
pointer-events: none;
}
@media screen and (max-width: 1024px) {
.sContact-map {
margin-top: 0.6rem;
}
}
.sContact-list {
padding: 1.6rem 0;
background-color: #f7f7f7;
}
.sContact-list .item {
padding: 1rem;
position: relative;
background-image: url(../images/bgs-contact-item.png);
background-size: cover;
background-position: right 50%;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
background-color: #fff;
}
.sContact-list .item:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sContact-list .item {
display: block;
}
}
.sContact-list .item:nth-child(1n+2) {
margin-top: 0.4rem;
}
.sContact-list .item .dt {
position: relative;
z-index: 2;
}
.sContact-list .item .dt:before {
content: " ";
position: absolute;
left: -1rem;
top: 50%;
margin-top: -25px;
width: 3px;
height: 50px;
background-color: #01999a;
pointer-events: none;
z-index: -1;
}
.sContact-list .item .dt .sdt {
font-weight: bold;
color: #333333;
line-height: 1.25;
}
.sContact-list .item .dt .sdd {
position: relative;
margin-top: 0.3rem;
font-size: 14px;
line-height: 1.5;
color: #666666;
}
.sContact-list .item .dt .sdd > a {
display: inline-block;
vertical-align: top;
position: relative;
padding-left: 26px;
}
.sContact-list .item .dt .sdd > a:before {
content: " ";
position: absolute;
left: -6px;
top: -6px;
width: 34px;
height: 34px;
background-image: url(../images/icosc-address.png);
background-size: contain;
background-position: 0 50%;
background-repeat: no-repeat;
}
.sContact-list .item .dd {
position: relative;
z-index: 2;
padding-left: 2rem;
margin-left: 2rem;
font-size: 14px;
line-height: 2;
}
.sContact-list .item .dd:before {
content: " ";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background-color: #eee;
pointer-events: none;
z-index: -1;
}
@media screen and (max-width: 1024px) {
.sContact-list .item .dt:before {
height: 20px;
top: -1px;
margin-top: 0;
}
.sContact-list .item .dt .sdd > a {
padding-left: 22px;
}
.sContact-list .item .dt .sdd > a:before {
width: 28px;
height: 28px;
left: -4px;
top: -2px;
}
.sContact-list .item .dd {
margin-top: 0.3rem;
margin-left: 0;
padding-left: 0;
line-height: 1.5;
}
.sContact-list .item .dd:before {
display: none;
}
}
/* sMessageBoard */
.sMessageBoard-wrap {
padding: 1.6rem 0 2rem;
}
.sMessageBoard-form .dt {
text-align: center;
}
.sMessageBoard-form .dt .sdt {
color: #333333;
}
.sMessageBoard-form .dt .sdd {
margin-top: 0.5rem;
color: #666666;
line-height: 1.25;
}
.sMessageBoard-form .dd {
margin-top: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sMessageBoard-form .dd:after {
display: none;
}
.sMessageBoard-form .formItem {
position: relative;
width: 48.5%;
line-height: 20px;
color: #666666;
margin-bottom: 0.7rem;
}
.sMessageBoard-form .formItem.w2 {
width: 100%;
}
.sMessageBoard-form .formItem:last-child {
margin-bottom: 0;
}
.sMessageBoard-form .formItem.red {
border-color: #f00;
}
.sMessageBoard-form .formItem .focus {
position: absolute;
left: 0.16rem;
top: 20px;
width: 2.2rem;
text-align: right;
white-space: nowrap;
font-size: 14px;
text-align: center;
pointer-events: none;
}
.sMessageBoard-form .formItem .skin {
display: block;
width: 100%;
line-height: 20px;
padding: 20px 0.6rem 20px 2.36rem;
border: #e7e7e7 solid 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
}
.sMessageBoard-form .formItem input.skin {
height: 60px;
}
.sMessageBoard-form .formItem textarea.skin {
height: 160px;
}
.sMessageBoard-form .formItem.yzm {
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sMessageBoard-form .formItem.yzm:after {
display: none;
}
.sMessageBoard-form .formItem.yzm .skin {
width: 280px;
padding-left: 0.6rem;
}
.sMessageBoard-form .formItem.yzm .bindClick {
display: inline-block;
vertical-align: top;
margin-left: 10px;
margin-right: 10px;
width: 118px;
height: 58px;
border: #e7e7e7 solid 1px;
}
.sMessageBoard-form .formItem .enter {
display: inline-block;
vertical-align: top;
width: 160px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #01999a;
color: #fff;
font-size: 16px;
}
@media screen and (max-width: 1024px) {
.sMessageBoard-form .formItem {width: 100%;}
.sMessageBoard-form .formItem .focus {top: 15px;left: 4px;width: 60px;}
.sMessageBoard-form .formItem .skin {padding-top: 15px;padding-bottom: 15px;padding-left: 64px;}
.sMessageBoard-form .formItem input.skin {height: 50px;}
.sMessageBoard-form .formItem textarea.skin {height: 150px;}
.sMessageBoard-form .formItem.yzm .bindClick {height: 48px;}
.sMessageBoard-form .formItem .enter {height: 50px;line-height: 50px;}
}
@media screen and (max-width: 1024px) {
      .sProduct-view-oList .oLi .sdd  *{ float: none !important;}
}
.imax {}