.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;}



.centerFlex{display: flex;}
.marginL{margin-left: auto;margin-right: auto;}

@-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.3; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRightm{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLeftm{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUpm{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDownm{0%{opacity: 0.3; -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.3;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.3;} 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;}

.en{word-break: keep-all;}
.tdu{text-decoration: underline;}
.oh{position: relative; overflow: hidden;}
.ma{margin-left: auto; margin-right: auto;}
.dib{display: inline-block; vertical-align: top;}
.vab{vertical-align: bottom;}
.vam{vertical-align: middle;}
.vat{vertical-align: top;}
.unsel,
.dct{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.insel{-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.op0{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.op1{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
.tapList .link{display: block;}
.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;}

.c1{color: #b9bbba;}
.bgc1{background-color: #b9bbba;}
.c2{color: #ffd901;}
.bgc2{background-color: #ffd901;}
.c3{color: #ffbf00;}
.bgc3{background-color: #ffbf00;}
.ca{color: #333333;}
.cb{color: #666666;}
.cs{color: #999999;}
html{min-width: 440px;}
@media screen and (min-width: 1025px){html{min-width: 1280px;}}
body{color: #666666; font: 14px/1 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;}
a{color: #333333;}
a.on{color: #111111;}
@media screen and (min-width: 1025px){a:hover{color: #111111;}}
@media screen and (max-width: 1024px){a:active{color: #111111;}}
.vmbox{font-size: 14px; line-height: 1.4333; font-family: 'Microsoft JhengHei', '微软正黑体';}
.info{font-size: 14px; line-height: 1.7143;}
.info *{background-color: transparent !important;}
.imax{line-height: 2;}
@media screen and (max-width: 1024px){.imax{line-height: 1.75;}}
::-moz-selection{background: #9fa2a1; color: #fff; text-shadow: none;}
::selection{background: #9fa2a1; color: #fff; text-shadow: none;}
.pc ::-webkit-scrollbar{position: absolute; width: 8px; height: 8px;}
.pc ::-webkit-scrollbar-thumb{width: 8px; height: 8px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.25);}
.pc ::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.05);}
.pc ::-webkit-scrollbar-corner{background: transparent; height: 0; width: 0;}
.loading{background-image: url(../image/loading.gif); mix-blend-mode: multiply;}
.loading-m{background-image: url(../image/loading-m.gif); mix-blend-mode: multiply;}
.load-error{background-image: url(../image/error.gif); mix-blend-mode: multiply;}
.ctr,
.btn,
.more,
.link{cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);}
@font-face{font-family: "Swiss721BT"; src: url("../font/Swiss721BT-BoldCondensed.woff2") format("woff2"), url("../font/Swiss721BT-BoldCondensed.woff") format("woff"), url("../font/Swiss721BT-BoldCondensed.ttf") format("truetype"), url("../font/Swiss721BT-BoldCondensed.eot") format("embedded-opentype"), url("../font/Swiss721BT-BoldCondensed.svg") format("svg"), url("/template/default/static/font/Swiss721BT-BoldCondensed.otf") format("opentype"); font-weight: normal; font-style: normal;}
@font-face{font-family: "CenturyGothic"; src: url("../font/CenturyGothic.woff2") format("woff2"), url("../font/CenturyGothic.woff") format("woff"), url("../font/CenturyGothic.ttf") format("truetype"), url("../font/CenturyGothic.eot") format("embedded-opentype"), url("../font/CenturyGothic.svg") format("svg"), url("/template/default/static/font/CenturyGothic.otf") format("opentype"); font-weight: normal; font-style: normal;}
@font-face{font-family: "song"; src: url("../font/song.TTF") format("TTF") font-weight: normal; font-style: normal;}
.maxmw{width: auto; width: calc(100% - 30px); max-width: 720px; margin-left: auto !important; margin-right: auto !important;}
.container,
.w{-webkit-box-sizing: border-box; box-sizing: border-box; width: 90%;}
@media (min-width: 1281px){.container, .w{width: 1200px;}}
@media (min-width: 1601px){.container, .w{width: 1440px;}}
@media screen and (max-width: 1024px){.container, .w{width: auto; width: calc(100% - 30px); max-width: 720px; margin-left: auto !important; margin-right: auto !important;}}
@media (min-width: 1601px){.container.w1200, .w.w1200{width: 1200px;}}
.w-p{width: 100%; padding-left: 7.8125%; padding-right: 7.8125%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.w-p .wrapX{margin-left: 5.55555556%; margin-right: 5.55555556%;}
@media screen and (max-width: 1680px){.w-p{padding-left: 3.125%; padding-right: 3.125%;}}
@media screen and (max-width: 1440px){.w-p .wrapX{margin-left: 2%; margin-right: 2%;}}
@media screen and (max-width: 1024px){.w-p{padding-left: 15px; padding-right: 15px;} .w-p .wrapX{margin-left: 0%; margin-right: 0%;}}
.dif1{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: stretch; align-content: stretch;}
.dif1:after{display: none;}
@media screen and (max-width: 1024px){.dif1{display: block;}}
.dif2{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.dif2:after{display: none;}
@media screen and (max-width: 1024px){.dif2{display: block;}}
.dif2{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;}
.dif2:after{display: none;}
@media screen and (max-width: 1024px){.dif2{display: block;}}

.modal-videoPlayer{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; background-color: #fff;}
.modal-videoPlayer .close{position: absolute; top: 0; right: 0; width: 56px; height: 56px; cursor: pointer; z-index: 80; background-color: rgba(185, 187, 186, 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: 36px; 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: 10px; width: 36px; 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: 14px; -webkit-transform: rotate(45deg) translate(7.24873734px, 0); transform: rotate(45deg) translate(7.24873734px, 0); top: 9px;}
.ysqUEO .modal-videoPlayer .close s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(7.24873734px, 0); transform: rotate(-45deg) translate(7.24873734px, 0); bottom: 9px;}
@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: #f1f1f1;}
.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;}}

#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: #b9bbba; 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; top: -48px; height: 48px; line-height: 48px; font-size: 16px; color: #333333;}
#albumWindow .close.btn{position: absolute; overflow: hidden; z-index: 3; right: 0; top: 0; width: 48px; height: 48px; background-color: #b9bbba;}
#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; text-align: center; color: #111111;}
#albumWindow .ctr s{color: #b9bbba; 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;}
#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%; margin: 0 !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: #b9bbba;}
#albumWindow .originalBtn{position: absolute; z-index: 6; left: 0; line-height: 30px; color: #999999; cursor: pointer;}
#albumWindow .originalBtn:hover{color: #b9bbba;}
#albumWindow .serialNum{position: absolute; z-index: 6; right: 0; line-height: 30px; color: #999999;}
.ctr1{z-index: 31; position: absolute; top: 50%; margin-top: -2rem; width: 3rem; height: 4rem; line-height: 4rem; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; text-align: center; color: #ffffff;}
.ctr1 s{font-family: 'SimSun', '宋体' !important; color: #fff; font-size: 30px; font-weight: bold;}
.ctr1 s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 40px; font-weight: bold;}
.ctr1:hover{color: #ffffff;}
.ysqUEO .ctr1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr1 s:before,
.ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 20px; 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 .ctr1 s:before, .ysqUEO .ctr1 s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr1:hover s:before, .ysqUEO .ctr1:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr1:active s:before, .ctr1:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr1.prev s:before,
.ysqUEO .ctr1.prev s:after{margin-left: -8px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr1.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);}
.ysqUEO .ctr1.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);}
.ysqUEO .ctr1.next s:before,
.ysqUEO .ctr1.next s:after{margin-left: -12px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr1.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);}
.ysqUEO .ctr1.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr1.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .ctr1.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .ctr1.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .ctr1.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}}
@media screen and (max-width: 1024px){.ctr1.prev:active s:before, .ctr1.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr1.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ctr1.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ctr1.next:active s:before, .ctr1.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr1.next:active s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ctr1.next:active s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}}
.ctr1.prev{left: 0;}
.ctr1.next{right: 0;}
.ctr1:hover{background-color: rgba(0, 0, 0, 0.5);}
@media screen and (max-width: 1024px){.ctr1{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; color: #ffffff;} .ctr1 s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 28px; font-weight: bold;} .ctr1:hover{color: #ffffff;} .ysqUEO .ctr1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; margin-top: -0.5px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr1.prev s:before, .ysqUEO .ctr1.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr1.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);} .ysqUEO .ctr1.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);} .ysqUEO .ctr1.next s:before, .ysqUEO .ctr1.next s:after{margin-left: -8px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr1.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);} .ysqUEO .ctr1.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);}}
@media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .ctr1 s:before, .ysqUEO .ctr1 s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr1:hover s:before, .ysqUEO .ctr1:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr1:active s:before, .ctr1:active s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .ctr1.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO .ctr1.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO .ctr1.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO .ctr1.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}}
@media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr1.prev:active s:before, .ctr1.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr1.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ctr1.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ctr1.next:active s:before, .ctr1.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr1.next:active s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ctr1.next:active s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}}
.ctr2{z-index: 21; 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; text-align: center; color: #bebebe;}
.ctr2 s{font-family: 'SimSun', '宋体' !important; color: #bebebe; font-size: 30px; font-weight: bold;}
.ctr2 s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 44px; font-weight: bold;}
.ctr2:hover{color: #bebebe;}
.ysqUEO .ctr2 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr2 s:before,
.ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; margin-top: -1px; background-color: #bebebe; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr2:hover s:before, .ysqUEO .ctr2:hover s:after{background-color: #bebebe;}}
@media screen and (max-width: 1024px){.ctr2:active s:before, .ctr2:active s:after{background-color: #bebebe;}}
.ysqUEO .ctr2.prev s:before,
.ysqUEO .ctr2.prev s:after{margin-left: -9px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr2.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);}
.ysqUEO .ctr2.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);}
.ysqUEO .ctr2.next s:before,
.ysqUEO .ctr2.next s:after{margin-left: -13px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr2.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);}
.ysqUEO .ctr2.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr2.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ysqUEO .ctr2.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ysqUEO .ctr2.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ysqUEO .ctr2.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}}
@media screen and (max-width: 1024px){.ctr2.prev:active s:before, .ctr2.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr2.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);} .ctr2.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);} .ctr2.next:active s:before, .ctr2.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr2.next:active s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);} .ctr2.next:active s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}}
.ctr2.prev{left: -40px;}
.ctr2.next{right: -40px;}
@media screen and (min-width: 1367px){.ctr2.prev{left: -3.6rem;} .ctr2.next{right: -3.6rem;}}
@media screen and (min-width: 1025px){.ctr2:hover{background-color: rgba(0, 0, 0, 0.05);}}
@media screen and (max-width: 1024px){.ctr2{background-color: rgba(0, 0, 0, 0.25); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); width: 30px; height: 60px; margin-top: -30px; line-height: 60px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; color: #ffffff;} .ctr2 s{color: #fff;} .ctr2 s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 32px; font-weight: bold;} .ctr2:hover{color: #ffffff;} .ysqUEO .ctr2 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;} .ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; margin-top: -0.5px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .ctr2.prev s:before, .ysqUEO .ctr2.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .ysqUEO .ctr2.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);} .ysqUEO .ctr2.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);} .ysqUEO .ctr2.next s:before, .ysqUEO .ctr2.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} .ysqUEO .ctr2.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);} .ysqUEO .ctr2.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);} .ctr2.prev{left: -30px;} .ctr2.next{right: -30px;}}
@media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .ctr2 s:before, .ysqUEO .ctr2 s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr2:hover s:before, .ysqUEO .ctr2:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr2:active s:before, .ctr2:active s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px) and screen and (min-width: 1025px){.ysqUEO .ctr2.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ysqUEO .ctr2.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ysqUEO .ctr2.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ysqUEO .ctr2.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}}
@media screen and (max-width: 1024px) and screen and (max-width: 1024px){.ctr2.prev:active s:before, .ctr2.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr2.prev:active s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);} .ctr2.prev:active s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);} .ctr2.next:active s:before, .ctr2.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr2.next:active s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);} .ctr2.next:active s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}}
@media screen and (max-width: 768px){.ctr2.prev{left: 0;} .ctr2.next{right: 0;}}
.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; }
.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;}


@-webkit-keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(35px, 0, 0); transform: translate3d(35px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRights{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(-35px, 0, 0); transform: translate3d(-35px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLefts{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUps{0%{opacity: 0.3; -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.3; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0.3; -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 dotsAnimationX{0%{-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} 100%{-webkit-transform: translate(-50%, -30%); transform: translate(-50%, -30%);}}
@keyframes dotsAnimationX{0%{-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} 100%{-webkit-transform: translate(-50%, -30%); transform: translate(-50%, -30%);}}
@-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 .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%; margin-left: -120px; margin-top: -120px; background-color: #fff; width: 240px; height: 240px; -webkit-transform: scale(0); transform: 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: none !important; transform: none !important;}}
.ysqUEO .aBtnBd{overflow: hidden; z-index: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);}
.ysqUEO .aBtnBd:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; border: 0 solid #aaaaaa; border-radius: inherit; opacity: 0;}
@media screen and (min-width: 1025px){.ysqUEO .aBtnBd:after{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .ysqUEO .aBtnBd:hover:after{border-width: 30px; opacity: 0.2;}}
.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;}}

.ysqTr,
.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: stretch; align-content: stretch;}
.ysqTr:after,
.ysqRow:after{display: none;}
.ysqTr:after,
.ysqRow:after{display: none;}
.ysqTr > .cell,
.ysqRow > .col{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;}
@media screen and (min-width: 1025px){.ysqTr > .cell3{width: 33.333%;} .ysqTr > .cell4{width: 25%;} .ysqRow > .col3{width: 32%; margin-left: 2%;} .ysqRow > .col3:nth-child(3n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+4){margin-top: 2.5%;} .ysqRow > .col3-2{width: 31%; margin-left: 3.5%;} .ysqRow > .col3-2:nth-child(3n+1){margin-left: 0;} .ysqRow > .col3-2:nth-child(1n+4){margin-top: 3.5%;} .ysqRow > .col4{width: 23.5%; margin-left: 2%;} .ysqRow > .col4:nth-child(4n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+5){margin-top: 2.5%;}}
@media screen and (min-width: 1441px){.ysqRow > .col5{width: 18.4%; margin-left: 2%;} .ysqRow > .col5:nth-child(5n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+6){margin-top: 2%;}}
@media screen and (max-width: 1440px){.ysqRow > .col5{width: 23.5%; margin-left: 2%;} .ysqRow > .col5:nth-child(4n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+5){margin-top: 2%;}}
@media screen and (max-width: 1024px){.ysqRow > .col3{width: 49%; margin-left: 2%;} .ysqRow > .col3:nth-child(2n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+3){margin-top: 2%;} .ysqRow > .col3-2{width: 48.5%; margin-left: 3%;} .ysqRow > .col3-2:nth-child(2n+1){margin-left: 0;} .ysqRow > .col3-2:nth-child(1n+3){margin-top: 2%;} .ysqTr > .cell4{width: 50%;}}
@media screen and (max-width: 1024px) and (min-width: 769px){.ysqRow > .col4, .ysqRow > .col5{width: 32%; margin-left: 2%;} .ysqRow > .col4:nth-child(3n+1), .ysqRow > .col5:nth-child(3n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+4), .ysqRow > .col5:nth-child(1n+4){margin-top: 2%;}}
@media screen and (max-width: 768px){.ysqRow > .col4, .ysqRow > .col5{width: 49%; margin-left: 2%;} .ysqRow > .col4:nth-child(2n+1), .ysqRow > .col5:nth-child(2n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+3), .ysqRow > .col5:nth-child(1n+3){margin-top: 2%;} .loading{background-size: 80px 16px;}}

.scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #b9bbba; 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: #b9bbba; 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: #b9bbba; 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(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);}
.ysqUEO .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
.pageListBox{padding-top: 1rem; margin-bottom: -0.4rem;}
.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 ul .ctr a{font-weight: bold; font-size: 14px; font-family: 'SimSun', '宋体' !important;}
.pageListBox .pageList a{display: block; border: #d8dce0 solid 1px; width: 32px; height: 32px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #999; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);}
.pageListBox .pageList a.selected{color: #fff; background-color: #b9bbba; border-color: #b9bbba;}
.pageListBox .pageList a:active{border-color: #fff !important;}
@media screen and (min-width: 1025px){.pageListBox .pageList a:hover{color: #fff; background-color: #b9bbba; border-color: #b9bbba;}}
@media screen and (max-width: 1024px){.pageListBox .pageList{overflow-x: auto; overflow-y: hidden;} .pageListBox .pageList a:active{color: #fff; background-color: #b9bbba; border-color: #b9bbba; -webkit-transition: none !important; transition: none !important;}}
@media screen and (max-width: 768px){.pageListBox .pageList{line-height: 28px;} .pageListBox .pageList ul li{margin-left: 4px; margin-right: 4px;} .pageListBox .pageList a{width: 28px; height: 28px; line-height: 28px;}}
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 (min-width: 1025px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 100px;}}
@media screen and (max-width: 1024px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 95px;}}
@media screen and (max-width: 950px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 90px;}}
@media screen and (max-width: 900px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 85px;}}
@media screen and (max-width: 850px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 80px;}}
@media screen and (max-width: 800px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 75px;}}
@media screen and (max-width: 750px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 70px;}}
@media screen and (max-width: 700px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 65px;}}
@media screen and (max-width: 650px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 60px;}}
@media screen and (max-width: 600px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 55px;}}
@media screen and (max-width: 550px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 50px;}}
@media screen and (max-width: 500px){.fzRes, .index-hr-body .oList .oLi .pic{font-size: 45px;}}
.fz60,
.index-about .head .en,
.index-about .body .datas .col,
.sAbout-intro .head img.en{font-size: 60px;}
@media screen and (max-width: 1440px){.fz60, .index-about .head .en, .index-about .body .datas .col, .sAbout-intro .head img.en{font-size: 54px;}}
@media screen and (max-width: 1024px){.fz60, .index-about .head .en, .index-about .body .datas .col, .sAbout-intro .head img.en{font-size: 46px;}}
@media screen and (max-width: 768px){.fz60, .index-about .head .en, .index-about .body .datas .col, .sAbout-intro .head img.en{font-size: 40px;}}
.fz48{font-size: 48px;}
@media screen and (max-width: 1440px){.fz48{font-size: 44px;}}
@media screen and (max-width: 1024px){.fz48{font-size: 40px;}}
@media screen and (max-width: 768px){.fz48{font-size: 34px;}}
.fz40,
.subpage-neck .now .cn,
.subpage-head .en{font-size: 40px;}
@media screen and (max-width: 1440px){.fz40, .subpage-neck .now .cn, .subpage-head .en{font-size: 36px;}}
@media screen and (max-width: 1024px){.fz40, .subpage-neck .now .cn, .subpage-head .en{font-size: 32px;}}
@media screen and (max-width: 768px){.fz40, .subpage-neck .now .cn, .subpage-head .en{font-size: 26px;}}
.fz36,
.index-about .head .cn,
.index-head,
.footer-t .fcontact .dd,
.subpage-head .cn,
.sAbout-intro .head .cn{font-size: 36px;}
@media screen and (max-width: 1440px){.fz36, .index-about .head .cn, .index-head, .footer-t .fcontact .dd, .subpage-head .cn, .sAbout-intro .head .cn{font-size: 32px;}}
@media screen and (max-width: 1024px){.fz36, .index-about .head .cn, .index-head, .footer-t .fcontact .dd, .subpage-head .cn, .sAbout-intro .head .cn{font-size: 30px;}}
@media screen and (max-width: 768px){.fz36, .index-about .head .cn, .index-head, .footer-t .fcontact .dd, .subpage-head .cn, .sAbout-intro .head .cn{font-size: 24px;}}
.fz32,
.sCulture-section .txt .dt,
.sNews-view .right .dt .en,
.sNews-view .right .hot-list .item i,
.sAnnouncement-list .item > .date .d,
.sProduct-view .right h1,
.sProduct-tab .Tt .box h2,
.sHr-list .item .numdate i{font-size: 32px;}
@media screen and (max-width: 1440px){.fz32, .index-hr-body .oList .oLi .txt .cn, .sCulture-section .txt .dt, .sNews-view .right .dt .en, .sNews-view .right .hot-list .item i, .sAnnouncement-list .item > .date .d, .sProduct-view .right h1, .sProduct-tab .Tt .box h2, .sHr-list .item .numdate i{font-size: 28px;}}
@media screen and (max-width: 1024px){.fz32, .index-hr-body .oList .oLi .txt .cn, .sCulture-section .txt .dt, .sNews-view .right .dt .en, .sNews-view .right .hot-list .item i, .sAnnouncement-list .item > .date .d, .sProduct-view .right h1, .sProduct-tab .Tt .box h2, .sHr-list .item .numdate i{font-size: 26px;}}
@media screen and (max-width: 768px){.fz32, .index-hr-body .oList .oLi .txt .cn, .sCulture-section .txt .dt, .sNews-view .right .dt .en, .sNews-view .right .hot-list .item i, .sAnnouncement-list .item > .date .d, .sProduct-view .right h1, .sProduct-tab .Tt .box h2, .sHr-list .item .numdate i{font-size: 22px;}}
.fz28,
.sNews-view .right .dt .cn,
.sView-head h1{font-size: 28px;}
@media screen and (max-width: 1440px){.fz28, .index-hr-body .oList .oLi .txt .en, .sNews-view .right .dt .cn, .sView-head h1{font-size: 24px;}}
@media screen and (max-width: 1024px){.fz28, .index-hr-body .oList .oLi .txt .en, .sNews-view .right .dt .cn, .sView-head h1{font-size: 22px;}}
@media screen and (max-width: 768px){.fz28, .index-hr-body .oList .oLi .txt .en, .sNews-view .right .dt .cn, .sView-head h1{font-size: 20px;}}
.fz24,
.subpage-third .now,
.index-hr-body .oList .oLi .txt .cn,
.index-hr-body .oList .oLi .txt .en,
.sIndustry-view .wrapX .left .detail .dt,
.sHr-intro .section:nth-child(1) .wrapIn,
.sMessage-form .formItem.btns .btn{font-size: 24px;}
@media screen and (max-width: 1440px){.fz24, .subpage-third .now, .sIndustry-view .wrapX .left .detail .dt, .sHr-intro .section:nth-child(1) .wrapIn, .sMessage-form .formItem.btns .btn{font-size: 20px;}}
@media screen and (max-width: 1024px){.fz24, .subpage-third .now, .sIndustry-view .wrapX .left .detail .dt, .sHr-intro .section:nth-child(1) .wrapIn, .sMessage-form .formItem.btns .btn{font-size: 18px;}}
.fz20,
.sTechnology-tab0 .Tg0 .btn0,
.sAnnouncement-list .item .txt h3,
.sProduct-list .line .item h3,
.sProduct-view .right .detail .dt,
.sHr-list .item h3,
.sContact-list .item .dt{font-size: 20px;}
@media screen and (max-width: 1440px){.fz20, .sTechnology-tab0 .Tg0 .btn0, .sAnnouncement-list .item .txt h3, .sProduct-list .line .item h3, .sProduct-view .right .detail .dt, .sHr-list .item h3, .sContact-list .item .dt{font-size: 18px;}}
@media screen and (max-width: 1024px){.fz20, .sTechnology-tab0 .Tg0 .btn0, .sAnnouncement-list .item .txt h3, .sProduct-list .line .item h3, .sProduct-view .right .detail .dt, .sHr-list .item h3, .sContact-list .item .dt{font-size: 16px;}}
.fz18,
.subpage-neck .now .en,
.sCulture-tab .Tt .box h3,
.sTechnology-tab .Tt .box{font-size: 18px;}
@media screen and (max-width: 1440px){.fz18, .subpage-neck .now .en, .sCulture-tab .Tt .box h3, .sTechnology-tab .Tt .box{font-size: 16px;}}
.fz16,
.imax,
.more.moreX1,
.index-product .Tg .btn,
.index-product-resMove .item h3,
.index-hr-body .info,
.subpage-nav .link2,
.subpage-third .navlist .link3,
.sCulture-section .txt .dd,
.sTechnology-intro,
.sTechnology-tab .Tt .pages,
.sAnnouncement-list .item > .date .ym,
.sAnnouncement-list .item .txt p,
.sIndustry-view .wrapX .left .info,
.sIndustry-view .wrapX .left .detail .dd,
.sIndustry-view .wrapX .right .foot .ctr,
.sProduct-list .line .item p,
.sProduct-list .line .item .more,
.sProduct-view .right .info,
.sProduct-view .right .detail .dd,
.sProduct-view .right .foot .ctr,
.sHr-list .item .numdate,
.sHr-list .item .btn,
.sHr-intro .section:nth-child(2) .wrapIn,
.sContact-list .item .dd{font-size: 16px;}
@media screen and (max-width: 1440px){.fz16, .imax, .more.moreX1, .index-product .Tg .btn, .index-product-resMove .item h3, .index-hr-body .info, .subpage-nav .link2, .subpage-third .navlist .link3, .sCulture-section .txt .dd, .sTechnology-intro, .sTechnology-tab .Tt .pages, .sAnnouncement-list .item > .date .ym, .sAnnouncement-list .item .txt p, .sIndustry-view .wrapX .left .info, .sIndustry-view .wrapX .left .detail .dd, .sIndustry-view .wrapX .right .foot .ctr, .sProduct-list .line .item p, .sProduct-list .line .item .more, .sProduct-view .right .info, .sProduct-view .right .detail .dd, .sProduct-view .right .foot .ctr, .sHr-list .item .numdate, .sHr-list .item .btn, .sHr-intro .section:nth-child(2) .wrapIn, .sContact-list .item .dd{font-size: 14px;}}
.fz14{font-size: 14px;}
@media screen and (max-width: 1440px){.fz14{font-size: 12px;}}
@media screen and (min-width: 1025px){.pc-hide, .m-link{display: none !important;}}
@media screen and (max-width: 1024px){.m-hide{display: none !important;} .m-link{display: block; z-index: 11; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);}}

.ctr.ctrX1{z-index: 8; position: absolute; top: 50%; margin-top: -50px; width: 50px; height: 100px; line-height: 100px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center; color: #ffffff;}
.ctr.ctrX1 s{font-size: 44px; font-weight: bold; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.ctr.ctrX1 s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 44px; font-weight: bold;}
.ctr.ctrX1:hover{color: #ffffff;}
.ysqUEO .ctr.ctrX1 s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .ctr.ctrX1 s:before,
.ysqUEO .ctr.ctrX1 s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; margin-top: -1px; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrX1 s:before, .ysqUEO .ctr.ctrX1 s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .ctr.ctrX1:hover s:before, .ysqUEO .ctr.ctrX1:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.ctr.ctrX1:active s:before, .ctr.ctrX1:active s:after{background-color: #ffffff;}}
.ysqUEO .ctr.ctrX1.prev s:before,
.ysqUEO .ctr.ctrX1.prev s:after{margin-left: -9px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .ctr.ctrX1.prev s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);}
.ysqUEO .ctr.ctrX1.prev s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);}
.ysqUEO .ctr.ctrX1.next s:before,
.ysqUEO .ctr.ctrX1.next s:after{margin-left: -13px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .ctr.ctrX1.next s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);}
.ysqUEO .ctr.ctrX1.next s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}
@media screen and (min-width: 1025px){.ysqUEO .ctr.ctrX1.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .ctr.ctrX1.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .ctr.ctrX1.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .ctr.ctrX1.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
@media screen and (max-width: 1024px){.ctr.ctrX1.prev:active s:before, .ctr.ctrX1.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrX1.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ctr.ctrX1.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ctr.ctrX1.next:active s:before, .ctr.ctrX1.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .ctr.ctrX1.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ctr.ctrX1.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
.ctr.ctrX1.prev{left: 0;}
.ctr.ctrX1.prev s{-webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.ctr.ctrX1.prev .pic{left: 100%;}
.ctr.ctrX1.next{right: 0;}
.ctr.ctrX1.next s{-webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ctr.ctrX1.next .pic{right: 100%;}
.ctr.ctrX1:hover s{background-color: rgba(0, 0, 0, 0.6);}
@media screen and (max-width: 1024px){.ctr.ctrX1 s{-webkit-transform: scale(0.75); transform: scale(0.75);}}
.more.moreX1{display: inline-block; vertical-align: top; line-height: 2em; text-align: center; border-radius: 2em; padding: 4px 1.5em; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; background-color: #b9bbba; color: #fff; border: solid 1px #b9bbba;}
.more.moreX1:after{display: inline-block; vertical-align: middle; content: ">"; margin-left: .5em; width: 20px; height: 20px; border-radius: 20px; background-color: #fff; color: #b9bbba; font-family: 'SimSun', '宋体' !important; line-height: 20px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.more.moreX1:hover:after{margin-left: .75em;}}
.more.moreX1.skin2{background-color: transparent !important; border-color: #fff; color: #fff;}
.more.moreX1.skin2:after{color: #f4c740;}

.header{position: fixed; left: 0; top: 0; width: 100%; z-index: 20; background-color: #fff; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15); min-width: 440px;}
@media screen and (min-width: 1025px){.header{min-width: 1280px;}}
.header .contain{position: relative; height: 100%;}
.header .bg{display: none; z-index: 5;}
.header .logo{position: absolute; left: 0; top: 0; 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: stretch; align-content: stretch;font-size: 0;}
.header .logo:after{display: none;}
.header .logo img{display: block; height: 100%;}
.header .secNav{display: none;}
.header .fns{position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.header .fns .btn{position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 30px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: 30px; background-color: #b9bbba; color: #fff; line-height: 30px; text-align: center;}
@media screen and (min-width: 1025px){.header .fns .btn:hover{-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(-1px); transform: translateY(-1px);}}
.header .fns .languageBtn{font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';}
.header .fns .searchTrigger{margin-left: 8px;}
.header .fns .searchTrigger .icoImg{position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.header .fns .searchTrigger:before,
.header .fns .searchTrigger:after{pointer-events: none !important; content: " "; position: absolute; left: 8px; width: 14px; height: 1px; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #ffffff; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.header .fns .searchTrigger:before{top: 8px; top: 7.5px;}
.header .fns .searchTrigger:after{bottom: 8px; bottom: 7.5px;}
.header .fns .searchTrigger:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.header .fns .searchTrigger.active{background-color: #c0c2c1;}
.header .fns .searchTrigger.active .icoImg{-webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.header .fns .searchTrigger.active:before,
.header .fns .searchTrigger.active:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
.header .fns .searchTrigger.active:before{-webkit-transform: rotate(45deg) translate(2.79594155px, 0); transform: rotate(45deg) translate(2.79594155px, 0);}
.header .fns .searchTrigger.active:after{-webkit-transform: rotate(-45deg) translate(2.79594155px, 0); transform: rotate(-45deg) translate(2.79594155px, 0);}
.header .searchBox{position: absolute; top: 100%; right: 0; z-index: 10; padding: 8px; background-color: #eaeaea; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateX(15px); transform: translateX(15px); font-size: 14px; -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);}
.header .searchBox .skin{display: block; width: 172px; height: 20px; line-height: 20px; padding: 5px 54px 5px 14px; background-color: #fff; font-size: 14px;}
.header .searchBox .enter{position: absolute; right: 8px; top: 8px; width: 30px; height: 30px; background-color: #b9bbba; color: #fff; line-height: 30px; text-align: center;}
.header .searchBox .enter .ico{position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.header .searchBox .enter:hover .ico{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
.header .searchBox.show{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 1024px){.header .searchBox{left: -15px; right: -15px;} .header .searchBox .skin{width: 100%; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; padding-bottom: 0;} .header .searchBox .enter{width: 40px; height: 40px;}}
@media screen and (min-width: 1025px){.scroll-wrap{padding-top: 20px;} .hidePoint{top: -80px;} .header{height: 80px;} .header .firNav{position: absolute; top: 0; right: 70px; margin-right: 0.4rem; text-align: center; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;} .header .firNav:after{display: none;} .header .firNav .firItem{display: inline-block; vertical-align: top; position: relative; line-height: 80px; height: 80px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; width: 84px; font-size: 15px; z-index: 1;} .header .firNav .firItem:nth-child(1n+2){margin-left: 1px;} .header .firNav .firItem .link1{display: block; color: #333333;} .header .firNav .firItem.on, .header .firNav .firItem:hover{background-color: #b9bbba; z-index: 6;} .header .firNav .firItem.on .link1, .header .firNav .firItem:hover .link1{color: #fff;} .header .secNav{position: absolute; top: 100%; left: 0; padding: 12px 0; z-index: 30; font-size: 0; line-height: 0; text-align: left; background-color: rgba(185, 187, 186, 0.9); min-width: 100%; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);} .header .secNav .col{display: block; white-space: nowrap; font-size: 14px; line-height: 20px; text-align: center; text-align: left;} .header .secNav .col:nth-child(1n+2){margin-left: 10px;} .header .secNav .secItem{position: relative; display: block; padding: 5px 20px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;} .header .secNav .secItem .link2{color: #fff;} .header .secNav .secItem.on, .header .secNav .secItem:hover{background-color: rgba(255, 255, 255, 0.1);} .header .thrNav{display: none;} .header .navbtn{display: none;}}
@media screen and (min-width: 1025px) and (max-width: 1680px){.header .firNav .firItem{width: 96px;}}
@media screen and (min-width: 1025px) and (max-width: 1440px){.header .firNav .firItem{width: 80px;}}
@media screen and (min-width: 1681px){.scroll-wrap{padding-top: 0px;} .hidePoint{top: -90px;} .header{height: 90px;} .header .firNav{right: 60px;} .header .firNav .firItem{width: 106px; line-height: 90px; height: 90px;} .header .firNav .firItem .link1{font-size: 16px;} .header .firNav .secNav .col{text-align: center;}}
@media screen and (max-width: 1024px){.scroll-wrap{padding-top: 72px;} .hidePoint{top: -72px;} .header{height: 72px;} .header .bg{position: fixed !important; background-color: rgba(0, 0, 0, 0.2);} .header .navbtn{z-index: 45; position: absolute; overflow: hidden; display: block; right: -5px; top: 13px; 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: #b9bbba; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .header .navbtn .i1{top: 9px;} .header .navbtn .i2{top: 50%; margin-top: -2px; -webkit-transform-origin: m 50%; transform-origin: m 50%;} .header .navbtn .i3{bottom: 9px;} .navShow .header .navbtn{position: fixed; z-index: 80; margin-right: 15px;} .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: 72px; -webkit-transform: translateX(100%); transform: translateX(100%); text-align: center;} .header .firNav .link{display: block; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);} .header .firNav .firItem{position: relative; overflow: hidden; font-size: 18px; line-height: 40px; border-bottom: #d7e2e8 solid 1px; padding: 0 8px;} .header .firNav .firItem.on > .link{color: #b9bbba;} .header .firNav .firItem.on .secNav{display: block;} .header .firNav .firItem.on .ctr{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .header .secNav{padding: 8px 0 !important; line-height: 1.5; font-size: 16px; display: none; border-top: #eeeeee solid 1px; margin-left: 3%; margin-right: 3%;} .header .secNav .col{display: block;} .header .secNav .secItem{line-height: 32px; display: block; white-space: nowrap; color: #777;} .header .secNav .secItem:active{color: #111;} .header .secNav .secItem.on{color: #111; text-decoration: underline;} .header .secNav + .ctr{display: block;} .header .thrNav{display: none; margin-left: 4%; margin-right: 4%; background-color: #f1f1f1;} .header .fns{right: 50px;} .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;}}
@media screen and (max-width: 768px){.scroll-wrap{padding-top: 126px;} .header{height: 66px;} .header .logo .word{top: 12%; height: 76%;} .header .fns{zoom: .9;} .header .navbtn{right: -5px; top: 12px; padding: 5px; width: 32px; height: 32px;} .header .navbtn s{left: 5px; width: 32px; height: 3px; border-radius: 3px;} .header .navbtn .i1{top: 9px;} .header .navbtn .i2{top: 50%; margin-top: -1.5px; -webkit-transform-origin: m 50%; transform-origin: m 50%;} .header .navbtn .i3{bottom: 9px;} .navShow .header .navbtn .i1{-webkit-transform: rotate(45deg) translate(6.3135px, 0); transform: rotate(45deg) translate(6.3135px, 0); top: 3.5px;} .navShow .header .navbtn .i3{-webkit-transform: rotate(-45deg) translate(6.3135px, 0); transform: rotate(-45deg) translate(6.3135px, 0); bottom: 3.5px;} .header .firNav .firItem{font-size: 16px;} .header .secNav{font-size: 14px;} .header .tel{right: 44px; width: 26px; height: 26px; margin-top: -13px;} .header .tel .ico{-webkit-transform: scale(0.7); transform: scale(0.7);}}

.index-banner{z-index: 6; position: relative; width: 100%;  height: 569px !important;}
.index-banner .shade{position: absolute; left: 0; top: 0; height:569px;}
.index-banner .item{position: relative; left: 0; top: 0; width: 100%; height: 569px; z-index: 1; background-color: rgba(185, 187, 186, 0.2);}
.index-banner .item .bg{position: absolute; left: 0; top: 0; width: 100%; height: 569px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: -webkit-transform 300ms ease-out 0s; transition: -webkit-transform 300ms ease-out 0s; transition: transform 300ms ease-out 0s; transition: transform 300ms ease-out 0s, -webkit-transform 300ms ease-out 0s;}
.index-banner .item .contain{top: 50%; -webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0.8) translateY(-100%); transform: scale(0.8) translateY(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.index-banner .item .contain .word{display: block; width: 100%; margin-left: auto; margin-right: auto; pointer-events: none; max-width: 1620px;}
.index-banner .item.leave .contain{-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 600ms ease-out 0ms; transition: all 600ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0.8) translateY(-40%); transform: scale(0.8) translateY(-40%);}
.index-banner .item.come .contain{-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;}
.index-banner .item.on .contain{-webkit-transition: all 800ms ease-out 0ms; transition: all 800ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: translateY(-55%); transform: translateY(-55%);}
.index-banner .pagination{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 21; right: 3.125%;}
@media screen and (max-width: 1600px){.index-banner .pagination{right: 3.125%;}}
.index-banner .pagination .btn{position: relative; display: block; z-index: 1; width: 18px; height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.index-banner .pagination .btn:before,
.index-banner .pagination .btn:after{content: " "; position: absolute; border-radius: 50%; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.index-banner .pagination .btn:before{top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #aaa;}
.index-banner .pagination .btn:after{left: 0; top: 0; right: 0; bottom: 0; border: #aaaaaa solid 1px;}
.index-banner .pagination .btn:nth-child(1n+2){margin-top: 0.32rem;}
.index-banner .pagination .btn em{display: none;}
.index-banner .pagination .btn.on:before{background-color: #fff;}
.index-banner .pagination .btn.on:after{border-color: #b9bbba;}
@media screen and (max-width: 1024px){
	.index-banner{height: 0 !important; padding-bottom: 64% !important;}
	.index-banner .item .contain .word{width: 100% !important;}
}


.index-techNav{position: absolute; left: 0; bottom: 0; z-index: 8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.index-techNav:after{display: none;}
.index-techNav .col{width: 34%; border: solid 1px rgba(255, 255, 255, 0.25); border-bottom: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 2rem 15px 0.9rem; font-size: 14px; color: #fff;}
.index-techNav .col:nth-child(1n+2){border-left: none;}
.index-techNav .col:after{content: " "; position: absolute; right: 0.4rem; top: 50%; margin-top: -18px; width: 36px; height: 36px; border: #ffffff solid 1px; background-image: url(../image/arrowi-tech.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.index-techNav .col h2{font-size: 16px; line-height: 20px; height: 20px;}
.index-techNav .col p{font-size: 14px; margin-top: 10px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px; max-width: 7.2rem;}
@media screen and (min-width: 1025px){.index-techNav .col:hover:after{-webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 1px;} .index-techNav .col:hover .pa100{background-color: rgba(255, 255, 255, 0.1);}}
@media screen and (max-width: 1024px){.index-techNav .col{display: none; zoom: .9; padding: 15px 66px 15px 15px;} .index-techNav .col 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;}}
.index-about{position: relative; z-index: 3; padding-top: 1.2rem; padding-bottom: 1.6rem;}
.index-about .head{position: relative;}
.index-about .head .logo{display: block; margin-left: auto; margin-right: auto; width: 73px;}
.index-about .head .en{margin-top: 0.36rem; width: 12.63333333em; height: 1.2em; display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
.index-about .head .cn{position: absolute; bottom: 0.32rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #333333; font-weight: bold;}
.index-about .body{margin-top: 0.6rem; text-align: center;}
.index-about .body .imax{max-width: 1280px; margin-left: auto; margin-right: auto;}
.index-about .body .datas{margin-top: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: 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: stretch; align-content: stretch;}
.index-about .body .datas:after{display: none;}
.index-about .body .datas .col{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; line-height: .5em;}
.index-about .body .datas .col:after{display: none;}
.index-about .body .datas .col:nth-child(1n+2){margin-left: 2rem;}
.index-about .body .datas .col i{font-size: 1.1em; line-height: 1; white-space: nowrap; font-family: "Swiss721BT", Arial, sans-serif; color: #f6aa00;}
.index-about .body .datas .col span{font-size: 14px; margin-left: 0.3rem; text-align: left;}
.index-about .foot{margin-top: 1.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: stretch; align-content: stretch;}
.index-about .foot:after{display: none;}
.index-about .foot .oLi{position: relative; overflow: hidden; width: 24%; min-width: 240px ; -webkit-transform-origin: 50% 10% !important; transform-origin: 50% 10% !important;}
.index-about .foot .oLi:after{z-index: 5; content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.index-about .foot .oLi .pic{height: 0; padding-bottom: 64.1025641%;}
.index-about .foot .oLi .txt{position: absolute; z-index: 6; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; white-space: nowrap;}
.index-about .foot .oLi .txt:after{content: " "; display: block; width: 20px; height: 1px; margin-left: auto; margin-right: auto; margin-top: 12px; background-color: #fff;}
.index-about .foot .oLi .txt .icoImg{display: block; margin-left: auto; margin-right: auto; width: 40px; height: 40px; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.index-about .foot .oLi .txt .en{margin-top: 12px; font-size: 12px; text-transform: uppercase;}
.index-about .foot .oLi .txt .cn{margin-top: 10px; font-size: 16px;}
@media screen and (min-width: 1025px){.index-about .foot .oLi:hover:after{background-color: rgba(185, 187, 186, 0.8);} .index-about .foot .oLi:hover .txt .icoImg{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}}
@media screen and (max-width: 1024px){.index-about .foot .oLi:active:after{background-color: rgba(185, 187, 186, 0.8); -webkit-transition: none !important; transition: none !important;}}
@media screen and (max-width: 1024px){.index-about .foot{overflow-x: auto;} .index-about .foot .oLi:nth-child(1n+2){margin-left: 0.4rem;}}
.index-axd{position: relative; overflow: hidden; height: 8.6rem;}
.index-axd img.bg{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;position: static !important;}
@media screen and (min-width: 1025px){.index-axd:hover img{-webkit-transform: scale(1.02) translateY(1%); transform: scale(1.02) translateY(1%);}}
@media screen and (max-width: 1024px){.index-axd{height: 0; padding-bottom: 32%;}}
.index-head{display: flex;flex-direction: column;justify-content: center;position: relative;}
.index-head .cn{color: #333; font-weight: bold;}
.index-head .en{margin-top: 12px; color: #999; font-family: Helvetica, sans-serif; text-transform: uppercase;}
@media screen and (max-width: 1024px){.index-head{text-align: center;}}
.index-product{position: relative; z-index: 2; padding-top: 90px; padding-bottom: 1rem;}
.index-product .Tg{position: absolute; right: 0; bottom: 0; text-align: right;}
.index-product .Tg .btn{display: inline-block; vertical-align: top; line-height: 2em; text-align: center; border: #afafaf solid 1px; border-radius: 2em; padding: 4px 1.5em; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.index-product .Tg .btn:nth-child(1n+2){margin-left: 0.4rem;}
.index-product .Tg .btn.on{background-color: #b9bbba; color: #fff; border-color: #b9bbba;}
.index-product .Tt{position: relative; margin-top: 1.2rem;}
.index-product .Tt .index-product-resMove{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%;}
.index-product .Tt .index-product-resMove.on{position: relative; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; display: block;}
@media screen and (max-width: 1024px){.index-product .Tg{position: relative; left: 0; width: 100%; text-align: center; margin-top: 0.7rem;}}
.index-product-resMove{position: relative; padding-bottom: 0.6rem;}
.index-product-resMove .shade{height: auto;}
.index-product-resMove .box{position: relative !important; height: auto; white-space: nowrap; font-size: 0; min-width: 100%;}
.index-product-resMove .item{position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index-product-resMove .item .pic{z-index: 1; height: 0; padding-bottom: 100%; background-color: #f1f1f1;}
.index-product-resMove .item .pic img{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.index-product-resMove .item h3{z-index: 2; padding: 15px; color: #333333; text-align: left; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px; height: 20px;}
.index-product .contain .Tt .index-product-resMove .item .pic{padding-bottom: 75%;}
.index-product .contain .Tt .index-product-resMove .item .pic img{height: auto;}
@media screen and (min-width: 1025px){.index-product-resMove .item:hover .pic img{-webkit-transform: scale(1.05); transform: scale(1.05);} .index-product-resMove .item:hover h3{color: #b9bbba;}}
.index-product-resMove .pagination{height: 10px; line-height: 10px; position: absolute; bottom: -10px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.index-product-resMove .pagination .btn{display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 6px; background-color: #dcdcdc; width: 10px; height: 10px; border-radius: 50%;}
.index-product-resMove .pagination .btn > em{display: none;}
.index-product-resMove .pagination .btn.on{background-color: #b9bbba;}
.index-hr,.index-new{position: relative; z-index: 2;}
.index-new{ padding-top: 1.6rem; }
.index-hr{padding-bottom: 1.6rem;}
.index-hr .index-head .moreX1,.index-new .index-head .moreX1{position: absolute; right: 0; bottom: 0;}
@media screen and (max-width: 1024px){.index-hr .index-head .moreX1{display: none;}}
.index-hr-body{margin-top: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.index-hr-body:after{display: none;}
@media screen and (max-width: 1024px){.index-hr-body{display: block;}}
.index-hr-body .info{line-height: 2; width: 480px; height: 14em; color: #333333; padding: .5em 0;}
.index-hr-body .oList{width: 66%; margin-left: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.index-hr-body .oList:after{display: none;}
.index-hr-body .oList .oLi{width: 48.5%; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index-hr-body .oList .oLi .pic{z-index: -1; width: 100%; height: 100%; background-color: #f1f1f1;}
.index-hr-body .oList .oLi .pic img{-o-object-position: 0% 50%; object-position: 0% 50%; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.index-hr-body .oList .oLi .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.7rem 0.8rem; color: #fff;}
.index-hr-body .oList .oLi .txt .en{font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; text-transform: capitalize; margin-top: 10px;}
.index-hr-body .oList .oLi .txt .moreX1{position: absolute; left: 0.8rem; bottom: 0.7rem;}
@media screen and (min-width: 1025px){.index-hr-body .oList .oLi:hover .pic img{-o-object-position: 10% 50%; object-position: 10% 50%;} .index-hr-body .oList .oLi:hover .moreX1{background-color: rgba(0, 0, 0, 0.05) !important;} .index-hr-body .oList .oLi:hover .moreX1:after{margin-left: .75em;}}
@media screen and (max-width: 1024px){.index-hr-body .info{width: 100%; height: auto; text-align: center;font-size: 16px;} .index-hr-body .oList{width: 100%; margin-left: 0; margin-top: 0.6rem;} .index-hr-body .oList .oLi{min-height: 160px;} .index-hr-body .oList .oLi .pic{height: 2.5em; min-height: 160px;}}
@media screen and (max-width: 540px){.index-hr-body .oList{display: block;} .index-hr-body .oList .oLi{width: 100%;} .index-hr-body .oList .oLi:nth-child(1n+2){margin-top: 10px;}}

.footer{background-color: #333333;}
.footer-t .contain{padding: 1.2rem  0 .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; font-size: 14px;}
.footer-t .contain:after{display: none;}
@media screen and (max-width: 1024px){.footer-t .contain{display: block;}}
.footer-t .fcontact{font-size: 14px; width: 270px; min-width: 270px;}
.footer-t .fcontact .dd{line-height: 1.5; font-weight: bold;}
.footer-t .fcontact .df{line-height: 30px;}
.footer-t .fnav{width: calc(100% - 250px); padding-left: 2%;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: stretch; align-content: stretch;}
.footer-t .fnav:after{display: none;}
.footer-t .fnav .firItem{display: block; line-height: 1;}
.footer-t .fnav .firItem .link{color: #fff; display: inline-block; vertical-align: top; white-space: nowrap; font-size: 0;}
.footer-t .fnav .firItem .link1{font-size: 16px;}
.footer-t .fnav .secNav{margin-top: 0.3rem; line-height: 1.75;}
.footer-t .fnav .secNav .link2{font-size: 14px; opacity: .42;}
.footer-t .fqrcode{text-align: center; line-height: 18px; white-space: nowrap;}
.footer-t .fqrcode .pic{width: 3rem; height: 3rem; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 1024px){.footer-t{text-align: center;} .footer-t .fcontact{width: 100%;} .footer-t .fcontact .df{line-height: 22px;} .footer-t .fnav{display: none;} .footer-t .fqrcode{margin-top: 0.4rem; margin-left: auto; margin-right: auto;} .footer-t .fqrcode .pic{width: 80px; height: 80px; padding: 0.4rem;}}
.footer-b{background-color: #2c2c2c;}
.footer-b .contain{padding-top: 8px; padding-bottom: 8px; line-height: 30px; font-size: 14px; min-height: 30px;}
.footer-b .contain,
.footer-b .contain a{color: rgba(255, 255, 255, 0.3);}
@media screen and (min-width: 1025px){.footer-b span.m{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}}
@media screen and (max-width: 1024px){.footer-b{text-align: center;} .footer-b span{float: none; display: block;}}

.subpage-banner{z-index: 4; position: relative; height: 13.2rem;}
.subpage-banner .inbg{overflow: hidden;}
.subpage-banner:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../image/masks-banner.png); background-size: auto 100%; background-position: 0 bottom; background-repeat: repeat-x; pointer-events: none;}
.subpage-banner .contain{height: 100%;}
.subpage-banner .ibbg {
    -webkit-animation: pagebgfd 6s linear infinite alternate;
    animation: pagebgfd 6s linear infinite alternate;
}
@keyframes pagebgfd {
	0% {
	    opacity: 1;
	    -webkit-transform: scale(1, 1);
	    transform: scale(1, 1);
	}

	100% {
	    opacity: 1;
	    -webkit-transform: scale(1.1, 1.1);
	    transform: scale(1.1, 1.1);
	}	
}
.subpage-neck{z-index: 5; position: relative; height: 100%;}
.subpage-neck .now{z-index: 4; position: absolute; right: 0; bottom: -1.2rem;padding-right: 126px; color: #b9bbba;}
.subpage-neck .now:before,
.subpage-neck .now:after{content: " "; z-index: -1; pointer-events: none;}
.subpage-neck .now:before{position: absolute; right: 0; bottom: 60px; width: 156px; height: 192px; background-image: url(/template/default/static/image/dcts-banner.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; /*-webkit-box-shadow: 0px 2px 19px 0px rgba(0, 67, 143, 0.4); box-shadow: 0px 2px 19px 0px rgba(0, 67, 143, 0.4); */}
.subpage-neck .now:after{position: relative; display: block; margin-top: 0.9rem; width: 30px; height: 30px; padding: 0.4rem; background-image: url(../image/arrows-banner.png); background-size: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.4);opacity: 0;}
.subpage-neck .now .cn{font-weight: bold;}
.subpage-neck .now .en{margin-top: 12px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; text-transform: uppercase;}
.subpage-neck .now.AniStart:after{-webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px); transform: translateY(-10px);}
.subpage-neck .now.AniDid:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 1024px){.subpage-neck .now{display: none;}}
.subpage-nav{z-index: 3; position: absolute; left: 0; bottom: 0;  text-align: left;width: 63.6%;}
.subpage-nav .ctr.next{position: absolute; left: 100%; top: 0; margin-left: 5px; height: 100%; width: 2em; background-color: rgba(255, 255, 255, 0.15); color: #fff;}
.subpage-nav .ctr.next s{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'SimSun', '宋体' !important; font-weight: bold; font-size: 16px;}
.subpage-nav .ctr.prev{position: absolute; right: 100%; top: 0; margin-left: 5px; height: 100%; width: 2em; background-color: rgba(255, 255, 255, 0.15); color: #fff;}
.subpage-nav .ctr.prev s{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'SimSun', '宋体' !important; font-weight: bold; font-size: 16px;}
.subpage-nav .ctr.next.reject{display: none;}
.subpage-nav .link2{display: inline-block; vertical-align: top; color: #fff; min-width: 4em; padding: 0.4rem 0.5rem 0.2rem; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; text-align: center;}
.subpage-nav .link2:after{content: " "; display: block; margin-left: auto; margin-right: auto; margin-top: 0.2rem; overflow: hidden; width: 0; height: 0; border-width: 6px 6px; border-color: #ffffff transparent transparent transparent; border-style: solid; font-size: 0; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: translateY(8px); transform: translateY(8px);}
.subpage-nav .link2.on{background-color: #b9bbba;}
.subpage-nav .link2.on:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.subpage-subnav{width: }

@media screen and (max-width: 1024px){.subpage-nav .link2:active{background-color: #b9bbba;} .subpage-nav .link2:active:after{-webkit-transition: all 0ms ease-out 0ms; transition: all 0ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}}
@media screen and (max-width: 1024px){.subpage-nav{left: 0; text-align: center;} .subpage-nav .link2{padding: 16px 20px 5px;}}
.subpage-third{position: absolute; z-index: 4; left: 0; bottom: -1.52rem; right: 0; height: 1.52rem; line-height: 1.52rem; background-color: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.15); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.subpage-third.on{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
.subpage-third .now{position: absolute; left: 0; bottom: 0; color: #333333; display: none;}
.subpage-third .navlist{position: relative; overflow: hidden; width: 80%; margin-left: 7%;}
.subpage-third .navlist .link3{display: inline-block; vertical-align: top; position: relative; color: #333333;}
.subpage-third .navlist .link3:nth-child(1n+2){margin-left: 0.9rem;}
.subpage-third .navlist .link3:after{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 0.1rem; background-color: #b9bbba; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0);}
.subpage-third .navlist .link3.on,
.subpage-third .navlist .link3:hover{color: #b9bbba;}
.subpage-third .navlist .link3.on:after,
.subpage-third .navlist .link3:hover:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 1024px){.subpage-third{bottom: -44px; height: 44px; line-height: 44px;} .subpage-third .now{display: none;} .subpage-third .navlist{width: 100%; margin-left: 0; text-align: center;}}
.subpage-wrap{z-index: 3; position: relative; overflow: hidden;padding-top: 1.4rem;padding-bottom: 1.4rem;}

.subpage-head{position: relative; text-align: center; padding-bottom: 1.2rem;}
.subpage-head .en{font-family: "CenturyGothic", Arial, sans-serif; color: #dfdfdf; text-transform: uppercase;}
.subpage-head .cn{margin-top: 0.2rem; color: #333333; font-weight: bold;}
.subpage-head:after{content: " "; display: block; margin-left: auto; margin-right: auto; margin-top: 0.4rem; width: 30px; height: 1px; padding: 0.02rem 0.2rem; background-color: #b9bbba;}

.sAbout-intro{padding-bottom: 1.8rem;}
.sAbout-intro .head{position: relative; text-align: center;}
.sAbout-intro .head .cn{color: #333333; font-weight: bold;}
.sAbout-intro .head .cn.cnW{color: #fff; font-weight: bold;}
.sAbout-intro .head img.en{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -0.52rem; width: 12.63333333em; height: auto; max-width: 100%; -o-object-position: contain; object-position: contain; -o-object-position: 50% 100%; object-position: 50% 100%;z-index: -1;}
.sAbout-intro .head img.encu{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.48rem; height: auto; max-width: 100%; -o-object-position: contain; object-position: contain; -o-object-position: 50% 100%; object-position: 50% 100%;z-index: 2;}
.sAbout-intro .head:after{content: " "; display: block; margin-left: auto; margin-right: auto; margin-top: 0.4rem; width: 30px; height: 1px; padding: 0.02rem 0.2rem; background-color: #b9bbba;}
.sAbout-intro .imax{color: #333333; margin-top:6%;}
.sAbout-intro .imax strong{display: block;line-height: 420%;font-size: 18px;}
.sAbout-intro .gsgkBox8 .head img.en{opacity: .2;z-index: 1;}
.sAbout-garden{position: relative; overflow: hidden; z-index: 2; height: 0; padding-bottom: 36.45833333%;}
.sAbout-garden .posAll{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.sAbout-garden .pos{position: absolute; z-index: 1;}
.sAbout-garden .pos .dot{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 38px; height: 38px; padding: 0.2rem; background-image: url(../image/bgs-garden-dot.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; -webkit-animation-name: dotsAnimationX; animation-name: dotsAnimationX; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-play-state: running; animation-play-state: running;}
.sAbout-garden .pos .dot s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sAbout-garden .pos .dot s:before,
.sAbout-garden .pos .dot s:after{content: " "; position: absolute; left: 50%; top: 50%; background-color: #fff; -webkit-transition: all 250ms ease-out 50ms; transition: all 250ms ease-out 50ms;}
.sAbout-garden .pos .dot s:before{width: 2px; height: 12px; margin-left: -1px; margin-top: -6px;}
.sAbout-garden .pos .dot s:after{width: 12px; height: 2px; margin-left: -6px; margin-top: -1px;}
.sAbout-garden .pos .hide{position: absolute; width: 8.4rem; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.sAbout-garden .pos .hide:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../image/masks-garden-item.png); background-size: auto 2.9rem; background-position: 50% bottom; background-repeat: repeat-x;}
.sAbout-garden .pos .hide .pic{height: 0; padding-bottom: 75%; border: #ffffff solid 0.12rem; background-color: #fff;}
.sAbout-garden .pos .hide h3{position: absolute; z-index: 6; left: 0.4rem; bottom: 0.5rem; right: 0.4rem; text-align: center; font-size: 16px; color: #fff; line-height: 20px;}
.sAbout-garden .pos._dl .hide{left: 1.2rem; top: -0.4rem; -webkit-transform: translate(-10%, -10%) scale(0.6); transform: translate(-10%, -10%) scale(0.6); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; -webkit-transform-origin: 10% 10%; transform-origin: 10% 10%;}
.sAbout-garden .pos.on .dot s{-webkit-transform: rotate(-315deg); transform: rotate(-315deg);}
.sAbout-garden .pos.on .hide{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 1024px){.sAbout-garden .posAll{display: none;}}

.sFramework{padding-bottom: 5.6rem;}

.sCulture{padding-bottom: 2.4rem;}
.sCulture-section{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.sCulture-section:after{display: none;}
@media screen and (max-width: 1024px){.sCulture-section{display: block;}}
.sCulture-section:nth-child(1n+2){margin-top: 1.6rem;}
.sCulture-section:nth-child(2n+1) .txt{margin-right: 1rem;}
.sCulture-section:nth-child(2n+1) .ctrs{left: 0;}
.sCulture-section:nth-child(2n+2){-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.sCulture-section:nth-child(2n+2) .txt{margin-left: 1rem;}
.sCulture-section:nth-child(2n+2) .ctrs{right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.sCulture-section .txt{width: 46%; padding-bottom: 1.5rem;}
.sCulture-section .txt .dt{color: #333333;     font-size: 28px;line-height: 180%;}
.sCulture-section .txt .dt:before{content: " "; display: block; margin-bottom: 0.6rem; width: 20px; height: 2px; padding: 0.02rem 0.2rem; background-color: #b9bbba;}
.sCulture-section .txt .dd{padding-right: 0.2rem; margin-top: 0.6rem; line-height: 1.875; color: #333333; max-height: 16.875em; overflow-y: auto;}
@media screen and (max-width: 1024px){.sCulture-section .txt{width: 100%; padding-bottom: 0.8rem; margin-right: 0;}}
.sCulture-tab{width: 50%;}
.sCulture-tab .pic{height: 0; padding-bottom: 56.11111111%; background-color: #f1f1f1;}
.sCulture-tab .Tt .box{position: relative; overflow: hidden;}
.sCulture-tab .Tt .box .pic + h3{-webkit-transform: translateY(120%); transform: translateY(120%);}
.sCulture-tab .Tt .box .pic.loadDone + h3{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sCulture-tab .Tt .box h3{z-index: 8; position: absolute; left: 0; bottom: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, 0.6); text-align: center; line-height: 24px; padding: 0.24rem 2em;}
.sCulture-tab .Tg{margin-top: 10px;display: none;}
.sCulture-tab .Tg .btn{display: inline-block; vertical-align: top; width: 136px; height: 76px; background-color: #fff;}
.sCulture-tab .Tg .btn:nth-child(1n+2){margin-left: 9px;}
.sCulture-tab .Tg .btn .pic{opacity: .5; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sCulture-tab .Tg .btn.on .pic{opacity: 1 !important;}
@media screen and (min-width: 1025px){.sCulture-tab .Tg .btn:hover .pic{opacity: .9;}}
.sCulture-tab .ctrs{z-index: 5; position: absolute; bottom: 0; height: 44px; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex;display: none;}
.sCulture-tab .ctrs:before{content: " "; z-index: -1; position: absolute; left: 0; bottom: 22px; width: 100%; height: 1px; background-color: #e4e4e4;}
.sCulture-tab .ctrs .ctr{position: relative; overflow: hidden; display: none; width: 44px; height: 44px; line-height: 44px; -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; background-color: #b9bbba; text-align: center; color: #ffffff;}
.sCulture-tab .ctrs .ctr s{font-size: 32px; font-weight: bold;}
.sCulture-tab .ctrs .ctr s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 32px; font-weight: bold;}
.sCulture-tab .ctrs .ctr:hover{color: #ffffff;}
.ysqUEO .sCulture-tab .ctrs .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .sCulture-tab .ctrs .ctr s:before,
.ysqUEO .sCulture-tab .ctrs .ctr 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 .sCulture-tab .ctrs .ctr s:before, .ysqUEO .sCulture-tab .ctrs .ctr s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .sCulture-tab .ctrs .ctr:hover s:before, .ysqUEO .sCulture-tab .ctrs .ctr:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.sCulture-tab .ctrs .ctr:active s:before, .sCulture-tab .ctrs .ctr:active s:after{background-color: #ffffff;}}
.ysqUEO .sCulture-tab .ctrs .ctr.prev s:before,
.ysqUEO .sCulture-tab .ctrs .ctr.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .sCulture-tab .ctrs .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);}
.ysqUEO .sCulture-tab .ctrs .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);}
.ysqUEO .sCulture-tab .ctrs .ctr.next s:before,
.ysqUEO .sCulture-tab .ctrs .ctr.next s:after{margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .sCulture-tab .ctrs .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);}
.ysqUEO .sCulture-tab .ctrs .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}
@media screen and (min-width: 1025px){.ysqUEO .sCulture-tab .ctrs .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sCulture-tab .ctrs .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sCulture-tab .ctrs .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sCulture-tab .ctrs .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
@media screen and (max-width: 1024px){.sCulture-tab .ctrs .ctr.prev:active s:before, .sCulture-tab .ctrs .ctr.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .sCulture-tab .ctrs .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .sCulture-tab .ctrs .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .sCulture-tab .ctrs .ctr.next:active s:before, .sCulture-tab .ctrs .ctr.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .sCulture-tab .ctrs .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .sCulture-tab .ctrs .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
.sCulture-tab .ctrs .ctr:hover{background-color: rgba(185, 187, 186, 0.8);}
.sCulture-tab .ctrs .ctr.next{margin-left: 0.3rem;}
@media screen and (max-width: 1024px){.sCulture-tab{position: relative; width: 100%;} .sCulture-tab .ctrs{position: static; height: 0;} .sCulture-tab .ctrs:before{display: none;} .sCulture-tab .ctrs .ctr{z-index: 9; position: absolute; top: -40px; height: 80px; margin-top: 28.05555556%; zoom: .9; background-color: rgba(185, 187, 186, 0.6);} .sCulture-tab .ctrs .ctr.prev{left: 0;} .sCulture-tab .ctrs .ctr.next{right: 0; margin-left: 0;}}
@media screen and (max-width: 640px){.sCulture-tab .ctrs .ctr{zoom: 0.75;}}

.sIndustry-view.sTechnology{padding-bottom: 2rem;padding-top: 2.6rem;}
.sTechnology .wrapX p{line-height: 240%;}
.sTechnology .wrapX p strong{line-height: 320%;}
@media screen and (max-width: 1024px){.sTechnology{padding-top: 64px;}}
.sTechnology .subpage-head{padding-bottom: 0.8rem; text-align: left;}
.sIndustry-view.sTechnology .subpage-head  {margin-left: 5.55555556%;margin-right: 5.55555556%;}
.sTechnology .subpage-head:after{margin-left: 0;}
.sTechnology-intro{line-height: 1.875;}
.sTechnology-tab0{margin-top: 0.8rem;}
.sTechnology-tab0 .Tg0{border-radius: 4px; background-color: #b9bbba; color: #fff;}
.sTechnology-tab0 .Tg0 .overview{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.sTechnology-tab0 .Tg0 .overview:after{display: none;}
.sTechnology-tab0 .Tg0 .btn0{color: #fff; padding: 0 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; text-align: center;}
.sTechnology-tab0 .Tg0 .btn0:nth-child(1n+2){background-image: url(../image/bgs-techTg0.png); background-size: auto 100%; background-position: 0 50%; background-repeat: no-repeat;}
.sTechnology-tab0 .Tg0 .btn0 span{position: relative; overflow: hidden; display: inline-block; vertical-align: top; line-height: 44px; height: 44px; padding: 0.2rem 0;}
.sTechnology-tab0 .Tg0 .btn0 span:after{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 0.08rem; background-color: #ffbf00; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sTechnology-tab0 .Tg0 .btn0.on{font-weight: bold;}
.sTechnology-tab0 .Tg0 .btn0.on span:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 1024px){.sTechnology-tab0 .Tg0 .btn0{width: auto;}}
.sTechnology-tab0 .sTechnology-tab{display: none;}
.sTechnology-tab0 .sTechnology-tab.on{display: block;}
.sTechnology-tab{position: relative; overflow: hidden; margin-top: 0.7rem; margin-left: auto; margin-right: auto; width: 80%;}
.sTechnology-tab .pic{height: 0; padding-bottom: 73.2283737%; background-color: #f1f1f1;}
.sTechnology-tab .pic img{width: 96%;margin: 0 auto;display: block;margin: 2% 2%;height: auto;}
.sTechnology-tab .Tg .viewport .btn .pic img{margin: 4% 2%;}
.sTechnology-tab .Tt{position: relative; width: 80.27777778%;}
.sTechnology-tab .Tt .box{width: 100%; position: relative; overflow: hidden;}
.sTechnology-tab .Tt .box:before{content: " "; position: absolute; z-index: 7; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); height: 24px; padding: 0.24rem 2em;}
.sTechnology-tab .Tt .box .pic + h3{-webkit-transform: translateX(-30%); transform: translateX(-30%); -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.sTechnology-tab .Tt .box .pic.loadDone + h3{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease-out 0ms; transition: all 500ms ease-out 0ms; opacity: 1; visibility: visible;}
.sTechnology-tab .Tt .box h3{z-index: 8; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0.24rem 100px 0.24rem 2em; color: #fff; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box;font-size: 16px;}
.sTechnology-tab .Tt .pages{color: #fff; letter-spacing: 1px; line-height: 24px; font-family: "CenturyGothic", Arial, sans-serif; position: absolute; right: 1.5em; bottom: 0.24rem; z-index: 9;}
.sTechnology-tab .Tt .pages .ctr{color: #fff; font-family: 'SimSun', '宋体' !important; font-weight: bold;}
.sTechnology-tab .Tg{position: absolute; right: 0; top: 0; width: 17.5%; height: 100%;}
.sTechnology-tab .Tg .viewport{height: 100%;}
.sTechnology-tab .Tg .btn{position: relative; overflow: hidden; display: block; width: 100%;}
.sTechnology-tab .Tg .btn:nth-child(1n+2){margin-top: 11%;}
.sTechnology-tab .Tg .btn:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border: #c1c1c1 solid 0.08rem; z-index: 8;}
.sTechnology-tab .Tg .btn.on:after{border-color: #666;}
.sTechnology-tab .ctrs{display: none;}
.sTechnology-tab .ctrs .ctr{position: relative; overflow: hidden; display: none; width: 44px; height: 44px; line-height: 44px; -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; background-color: #b9bbba; text-align: center; color: #ffffff; z-index: 9; position: absolute; top: -40px; height: 80px; margin-top: 28.11418685%; zoom: .9; background-color: rgba(185, 187, 186, 0.6);}
.sTechnology-tab .ctrs .ctr s{font-size: 32px; font-weight: bold;}
.sTechnology-tab .ctrs .ctr s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 32px; font-weight: bold;}
.sTechnology-tab .ctrs .ctr:hover{color: #ffffff;}
.ysqUEO .sTechnology-tab .ctrs .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .sTechnology-tab .ctrs .ctr s:before,
.ysqUEO .sTechnology-tab .ctrs .ctr 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 .sTechnology-tab .ctrs .ctr s:before, .ysqUEO .sTechnology-tab .ctrs .ctr s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .sTechnology-tab .ctrs .ctr:hover s:before, .ysqUEO .sTechnology-tab .ctrs .ctr:hover s:after{background-color: #ffffff;}}
@media screen and (max-width: 1024px){.sTechnology-tab .ctrs .ctr:active s:before, .sTechnology-tab .ctrs .ctr:active s:after{background-color: #ffffff;}}
.ysqUEO .sTechnology-tab .ctrs .ctr.prev s:before,
.ysqUEO .sTechnology-tab .ctrs .ctr.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .sTechnology-tab .ctrs .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);}
.ysqUEO .sTechnology-tab .ctrs .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);}
.ysqUEO .sTechnology-tab .ctrs .ctr.next s:before,
.ysqUEO .sTechnology-tab .ctrs .ctr.next s:after{margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .sTechnology-tab .ctrs .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);}
.ysqUEO .sTechnology-tab .ctrs .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}
@media screen and (min-width: 1025px){.ysqUEO .sTechnology-tab .ctrs .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .ysqUEO .sTechnology-tab .ctrs .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .ysqUEO .sTechnology-tab .ctrs .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .ysqUEO .sTechnology-tab .ctrs .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
@media screen and (max-width: 1024px){.sTechnology-tab .ctrs .ctr.prev:active s:before, .sTechnology-tab .ctrs .ctr.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .sTechnology-tab .ctrs .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px);} .sTechnology-tab .ctrs .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px);} .sTechnology-tab .ctrs .ctr.next:active s:before, .sTechnology-tab .ctrs .ctr.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .sTechnology-tab .ctrs .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px);} .sTechnology-tab .ctrs .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px);}}
.sTechnology-tab .ctrs .ctr.prev{left: 0;}
.sTechnology-tab .ctrs .ctr.next{right: 0; margin-left: 0;}
@media screen and (max-width: 1024px){.sTechnology-tab{width: 100%;} .sTechnology-tab .Tt{width: 100%;} .sTechnology-tab .Tg{position: absolute; z-index: -99; display: none;} .sTechnology-tab .pages .ctr{display: none !important;} .sTechnology-tab .ctrs{display: block;}}
@media screen and (max-width: 640px){.sTechnology-tab .ctrs .ctr{zoom: 0.75;}}

/*.sNews{padding-bottom: 1.6rem;}*/
.sNews-list .item{width: 24%; margin-left: 1.33333333%; background-color: #f5f5f5; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sNews-list .item:nth-child(4n+1){margin-left: 0;}
.sNews-list .item:nth-child(1n+5){margin-top: 1.5%;}
.sNews-list .item .pic{height: 0; padding-bottom: 62.68656716%;}
.sNews-list .item .txt{z-index: 3; position: relative; padding: 0.5rem 0.5rem 0.7rem;}
.sNews-list .item .txt h3{font-size: 16px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 52px; position: relative; color: #333333; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sNews-list .item .txt .date{position: absolute; left: 0; top: -20px; margin-top: -0.2rem; padding: 0.1rem 0.5rem; color: #fff; background-color: #b9bbba; font-size: 14px; font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; height: 20px; line-height: 20px;}
.sNews-list .item .txt p{margin-top: 0.3rem; font-size: 14px; color: #999999; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px;}
.sNews-list .item .txt .arrow{display: inline-block; vertical-align: top; margin-top: 0.5rem; position: relative; width: 0.7rem; height: 0.04rem; background-color: #a6a6a6; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sNews-list .item .txt .arrow:after{content: " "; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; width: 0; height: 0; border-width: 5px 6px; border-color: transparent transparent transparent #a6a6a6; border-style: solid; font-size: 0;}
.greybg .sNews-list .item{background: #fff;}
@media screen and (min-width: 1025px){.sNews-list .item:hover{background-color: #333333;} .sNews-list .item:hover .txt h3{color: #fff;} .sNews-list .item:hover .txt p{color: #727272;} .sNews-list .item:hover .txt .arrow{width: 1.2rem;}}
@media screen and (max-width: 1024px){.sNews-list .item{width: 49%; margin-left: 2% !important;} .sNews-list .item:nth-child(2n+1){margin-left: 0 !important;} .sNews-list .item:nth-child(1n+3){margin-top: 2%;} .sNews-list .item:active{background-color: #333333; -webkit-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s;} .sNews-list .item:active .txt h3{color: #fff; -webkit-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s;} .sNews-list .item:active .txt p{color: #727272; -webkit-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s;} .sNews-list .item:active .txt .arrow{width: 1.2rem; -webkit-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s;}}
.sNews-view{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.sNews-view:after{display: none;}
.sNews-view .left,
.sNews-view .right{position: relative; border: #e9e9e9 solid 1px; padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sNews-view .left:before,
.sNews-view .right:before{content: " "; position: absolute; left: -1px; top: -1px; width: 0.2rem; height: 2.48rem; background-color: #b9bbba; pointer-events: none;}
.sNews-view.clearStyIn .left,.sNews-view.clearStyIn .right{border: none;}
.sNews-view.clearStyIn .left{border-right: 1px solid #e9e9e9;}
.sNews-view.clearStyIn .left:before, .sNews-view.clearStyIn .right:before{display: none;}
.sNews-view .left{width: 70.13888889%; background-image: url(http://www.jec784.com/ch/images/bgs-viewContent.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sNews-view .right{width: 27.77777778%; margin-left: 0.8rem;}
.sNews-view .right .dt .cn{color: #b9bbba; font-weight: bold;}
.sNews-view .right .dt .en{margin-top: 0.3rem; color: #d7d7d7; text-transform: uppercase;}
.sNews-view .right .hot-list{margin: 0.7rem -0.5rem 0;}
.sNews-view .right .hot-list .item{position: relative; border-bottom: #d1d1d1 solid 1px; height: 26px; line-height: 26px; padding: 0.3rem 0.5rem 0.3rem 35px;}
.sNews-view .right .hot-list .item:nth-child(1) i{color: #c50000;}
.sNews-view .right .hot-list .item:nth-child(2) i{color: #db7700;}
.sNews-view .right .hot-list .item:nth-child(3) i{color: #e4d000;}
.sNews-view .right .hot-list .item i{position: absolute; left: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; color: #a5a5a5;}
.sNews-view .right .hot-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.productside{position: relative;margin: 6% 0 3%;}
.productside .Tg{position: absolute;right: 0;bottom: 0;}
@media screen and (max-width: 1024px){.sNews-view .left{width: 100%;} .sNews-view .right{display: none;}}

.sView-head{padding-bottom: 0.9rem; border-bottom: #cccccc solid 1px;}
.sView-head h1{line-height: 1.5; color: #333333;}
.sView-head .aside{margin-top: 0.3rem; font-size: 14px;}
.sView-head .aside span{margin-left: 5px; margin-right: 5px;}
.sView-body{margin-top: 0.7rem; padding-bottom: 0.9rem;}
.sView-foot{position: relative; overflow: hidden; font-size: 14px; padding-top: 0.6rem; border-top: #cccccc solid 1px; margin-bottom: -0.3rem;}
.sView-foot .ctr{z-index: 2; position: relative; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); display: block; height: 20px; line-height: 20px; color: #333333; padding: 0.2rem 0; margin-right: 4rem;}
.sView-foot .ctr > s{font-family: 'SimSun', '宋体'; font-weight: bold;}
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href=""]{cursor: not-allowed; color: #999999 !important;}
.sView-foot .ctr .limit{display: inline-block; vertical-align: top; max-width: 20em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sView-foot .ctr .limit:before{content: "：";}
.sView-foot .backToList{position: absolute; right: 0; bottom: 0; width: 104px; height: 34px; line-height: 34px; text-align: center; color: #fff; background-color: #b9bbba; font-size: 16px;}
@media screen and (min-width: 1025px){.sView-foot .ctr:hover{color: #b9bbba;}}
@media screen and (max-width: 1024px){.sView-foot{height: 34px; line-height: 34px;} .sView-foot .ctr{margin-right: 0; height: 34px; line-height: 34px; padding: 0 20px; border: #cccccc solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;} .sView-foot .ctr.prev{float: left;} .sView-foot .ctr.next{float: right;} .sView-foot .ctr .limit{display: none !important;} .sView-foot .backToList{right: 50%; margin-right: -52px;}}

.sAnnouncement{padding-bottom: 1.6rem;}
.sAnnouncement-list .item{padding: 0.8rem; background-color: #fff; border: #e9e9e9 solid 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: 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;}
.sAnnouncement-list .item:after{display: none;}
.sAnnouncement-list .item:nth-child(1n+2){margin-top: 0.8rem;}
.sAnnouncement-list .item > .date{font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; text-align: right; white-space: nowrap; margin-right: 0.9rem;}
.sAnnouncement-list .item > .date .d{color: #b9bbba;}
.sAnnouncement-list .item > .date .ym{margin-top: 2px; color: #777;}
.sAnnouncement-list .item .pic{margin-right: 1.3rem; min-width: 260px; width: 260px; height: 162px; background-color: #f1f1f1;}
.sAnnouncement-list .item .txt{position: relative; padding-right: 2.8rem; width: 15rem;}
.sAnnouncement-list .item .txt h3{line-height: 1.5em; height: 1.5em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; font-weight: bold;}
.sAnnouncement-list .item .txt .date{display: none;}
.sAnnouncement-list .item .txt p{margin-top: 0.3rem; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.5em;}
.sAnnouncement-list .item .txt .arrow{position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0.2rem; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #e5e5e5; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; color: #fff; font-size: 32px; font-weight: bold; font-family: 'SimSun', '宋体' !important; text-align: center;}
@media screen and (min-width: 1025px){.sAnnouncement-list .item{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .sAnnouncement-list .item:hover{-webkit-box-shadow: 0px 14px 16px 0px rgba(171, 171, 171, 0.29); box-shadow: 0px 14px 16px 0px rgba(171, 171, 171, 0.29);} .sAnnouncement-list .item:hover .txt .arrow{background-color: #b9bbba; right: 0;}}
@media screen and (max-width: 1024px){.sAnnouncement-list .item{padding: 0.3rem;} .sAnnouncement-list .item > .date{display: none;} .sAnnouncement-list .item .pic{min-width: 0; width: 40%; height: 0; padding-bottom: 20.56153846%; margin-right: 3%;} .sAnnouncement-list .item .txt{width: 58%; padding-right: 0;} .sAnnouncement-list .item .txt .date{display: block; color: #999999; font-size: 14px; line-height: 20px; margin-top: 0.24rem;} .sAnnouncement-list .item .txt .arrow{display: none;}}
@media screen and (max-width: 640px){.sAnnouncement-list .item .txt p{margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}}

.sIndustry .subpage-head .cn{margin-top: 0; color: #b9bbba;}
.sIndustry .subpage-head .en{margin-top: 0.3rem;}
.sIndustry-view{position: relative; overflow: hidden; padding-top: 1.2rem; padding-bottom: 1.6rem;}
.sIndustry-view .wrapX{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.sIndustry-view .wrapX:after{display: none;}
@media screen and (max-width: 1024px){.sIndustry-view .wrapX{display: block;}}
.sIndustry-view .wrapX .left{width: 43.05555556%; color: #333333;}
.sIndustry-view .wrapX .left .detail{margin-top: 0.8rem;}
.sIndustry-view .wrapX .left .detail .dt{color: #333333; font-weight: bold;}
.sIndustry-view .wrapX .left .detail .dd{margin-top: 0.4rem; line-height: 2;}
.sIndustry-view .wrapX .right{width: 52.77777778%;position: relative;}
.sIndustry-view .wrapX .right .pic{height: 0; padding-bottom: 92.052632%; background-color: #fff;}
.sIndustry-view .wrapX .right .pic.rull{ padding-bottom: 56.05263158%;}
.sIndustry-view .wrapX .right .pic img{left:50%;width: 74%;height: 100%;margin-left: -37%;}
.sIndustry-view .wrapX .right .pic.rull img{width:100%;left: 0;margin-left: 0;}
.sIndustry-view .wrapX .right .foot{position: relative; overflow: hidden; height: 20px; line-height: 20px; margin-top: 0.7rem; padding: 0.4rem 0.6rem; background-color: #edf0f8;}
.sIndustry-view .wrapX .right .foot .ctr{color: #333333;}
.sIndustry-view .wrapX .right .foot .ctr:before,
.sIndustry-view .wrapX .right .foot .ctr:after{font-family: 'SimSun', '宋体'; font-weight: bold;}
.sIndustry-view .wrapX .right ul li div.txt{text-align: center;transform: translateY(.68rem);font-size: 16px;color: #fff;}
.sIndustry-view .wrapX .right .foot .ctr .limit{max-width: 10em; display: inline-block; vertical-align: top; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; opacity: .65;}
.sIndustry-view .wrapX .right .foot .ctr.prev{float: left;}
.sIndustry-view .wrapX .right .foot .ctr.prev:before{display: inline-block; vertical-align: top; content: "<"; margin-right: 5px;}
.sIndustry-view .wrapX .right .foot .ctr.next{float: right;}
.sIndustry-view .wrapX .right .foot .ctr.next:after{display: inline-block; vertical-align: top; content: ">"; margin-left: 5px;}
.sIndustry-view .wrapX .right .slideBox .bd ul{position: relative;}
.sIndustry-view .wrapX .right .slideBox .bd ul::after{position: absolute;height: 20px; line-height: 20px;padding: 0.4rem 0.6rem; background-color: #b9bbba;content: "";left: 0;bottom:-8%;width:92.2%;z-index: -1;}
.sIndustry-view .wrapX .right .slideBox .prev,
.sIndustry-view .wrapX .right .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.sIndustry-view .wrapX .right .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.sIndustry-view .wrapX .right .slideBox .prev:hover,
.sIndustry-view .wrapX .right .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.sIndustry-view .wrapX .right .slideBox .prevStop{ display:none;  }
.sIndustry-view .wrapX .right .slideBox .nextStop{ display:none;  }


.sBusiness-Section4-List{padding-left: 5.55555556%;padding-right: 5.55555556%;margin-top: 6%}
.sBusiness-Section4-List li{position: relative; overflow: hidden; z-index: 1; float: left; width: 33.190%; height: 340px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-align: center;background-color: #fff;border: #e9e9e9 solid 1px;}
.sBusiness-Section4-List li .bg{z-index: -1; /* .vvh(); */ background-image: url(../image/bg-sBusiness-Section4Light.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; visibility: visible;    display: flex;}
.sBusiness-Section4-List li .bg img{display: block;width: 100%}
.sBusiness-Section4-List li .dt{margin-top: 62px; font-size: 16px; color: #b9bbba;margin-top: 24.6%}
.sBusiness-Section4-List li .dt em{font-size: 40px; font-family: Tahoma, sans-serif;}
.sBusiness-Section4-List li .dd{margin-top: 14px; font-size: 16px;line-height: 180%;}
.sBusiness-Section4-List li.even{background-color: #f7f7f7;}
/*.sBusiness-Section4-List .item.odd{background-color: #dfdfdf;}*/
/*.sBusiness-Section4-List .item.ddt{background-image: url(../picture/q-sBusiness-Section4Ddt.jpg); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}*/
.sBusiness-Section4-List li.ddt .bg{background: #000 !important; opacity: .50; filter: alpha(opacity=50); *zoom: 1; visibility: visible;}
.sBusiness-Section4-List li.ddt .dt,
.sBusiness-Section4-List li.ddt .dd{font-size: 24px; color: #fff;}
.sBusiness-Section4-List li.ddt .dd span{display: inline-block; vertical-align: top; padding-left: 14px; padding-right: 14px; border-left: #e9bc13 solid 2px; border-right: #e9bc13 solid 2px;}
.sBusiness-Section4-List li.ddt:hover .bg{opacity: .80; filter: alpha(opacity=80); *zoom: 1;}
/*.sBusiness-Section4-List .item:hover{background-color: #caa432;}
*/.sBusiness-Section4-List li:hover .bg{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; background-color: #b9bbba;}
.sBusiness-Section4-List li:hover .dt,
.sBusiness-Section4-List li:hover .dd{color: #fff;}

/*.sIndustry-view .wrapX .right .slideBox{width:450px; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }*/

@media screen and (min-width: 1025px){.sIndustry-view .wrapX .right .foot .ctr:hover{color: #b9bbba;}}
@media screen and (max-width: 1024px){.sIndustry-view .wrapX .left{width: 100%; padding-top: 58.05263158%;} .sIndustry-view .wrapX .right{width: 100%;} .sIndustry-view .wrapX .right .pic{position: absolute; left: 0; top: 0; width: 100%;}}

.sProduct{padding-top: 1.2rem;}
.sProduct .pageListBox{padding-bottom: 1.6rem;}
.sProduct-list .line{padding-top: 1.2rem; padding-bottom: 1.2rem; display: block;}
.sProduct-list .line:nth-child(1n+2){background-image: url(../image/bgs-product.png); background-size: auto; background-position: 0 0; background-repeat: repeat-x;}
.sProduct-list .line .wrapX{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;flex-wrap: wrap;}
.sProduct-list .line .wrapX:after{display: none;}
@media screen and (max-width: 1024px){.sProduct-list .line .wrapX{display: block;}}
.sProduct-list .line .item{width: 47.22222222%; 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;}
.sProduct-list .line .item:after{display: none;}
.sProduct-list .line .item .pic{width: 52.94117647%; height: 0; padding-bottom: 52.94117647%; mix-blend-mode: multiply; background-color: transparent !important;}
.sProduct-list .line .item .pic img{-webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;height: auto;}
.sProduct-list .line .item .txt{width: 41.17647059%; padding-top: 0.6rem; padding-bottom: 0.6rem;}
.sProduct-list .line .item h3{color: #333333; line-height: 1.5em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: .5rem;}
.sProduct-list .line .item h3:after{content: " "; display: block; margin-top: 0.3rem; width: 20px; height: 1px; padding: 0.02rem 0.2rem; background-color: #b9bbba;}
.sProduct-list .line .item p{margin-top: 0.4rem; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 10.5em; height: 10.5em; color: #333333;font-size: .3rem;}
.sProduct-list .line .item .more{display: block; margin-top: 0.5rem; width: 80px; height: 24px; line-height: 24px; padding: 0.12rem 0.4rem; text-align: center; background-color: #b9bbba; color: #fff;}
@media screen and (min-width: 1025px){.sProduct-list .line .item .pic:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);} .sProduct-list .line .item .more:hover{background-color: rgba(185, 187, 186, 0.9);}}
@media screen and (max-width: 1024px){.sProduct-list .line{background-image: none !important; padding: 0;} .sProduct-list .line:nth-child(1) .item:nth-child(1){background-image: none !important;} .sProduct-list .line .item{padding: 0 15px !important; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background-image: url(../image/bgs-product.png); background-size: auto; background-position: 0 0; background-repeat: repeat-x;} .sProduct-list .line .item .more:active{background-color: rgba(185, 187, 186, 0.9);} .sProduct-list .line .item .txt{width: 45%;} .sProduct-list .line .item .txt p{-webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 7em; height: 7em;}}
.sProduct-view{position: relative; padding-bottom: 2rem; padding-top: 1.6rem; padding-left: 15.6rem; min-height: 14.4rem;background: #fff;}
.sProduct-view .left{position: absolute; left: 0; top: 1.2rem; width: 14.4rem;}
.sProduct-view .right{/*padding-top: 0.8rem; */padding-bottom: 0.8rem;padding-right: 6%;}
.sProduct-view .right h1{color: #333333; font-weight: bold; line-height: 1.5;}
.sProduct-view .right .info{margin-top: 0.8rem;}
.sProduct-view .right .detail{margin-top: 0.8rem;}
.sProduct-view .right .detail .dt{color: #333333; font-weight: bold; line-height: 1.5;}
.sProduct-view .right .detail .dd{margin-top: 0.4rem; line-height: 2;}
.sProduct-view .right .foot{position: relative; overflow: hidden; height: 24px; line-height: 24px; margin-top: 0.9rem; padding: 0.4rem 0.6rem; border-top: #e3e3e3 solid 1px; border-bottom: #e3e3e3 solid 1px;}
.sProduct-view .right .foot .ctr{color: #333333;}
.sProduct-view .right .foot .ctr:before,
.sProduct-view .right .foot .ctr:after{font-family: 'SimSun', '宋体'; font-weight: bold;}
.sProduct-view .right .foot .ctr .limit{max-width: 10em; display: inline-block; vertical-align: top; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; opacity: .65;}
.sProduct-view .right .foot .ctr.prev{float: left;}
.sProduct-view .right .foot .ctr.prev:before{display: inline-block; vertical-align: top; content: "<"; margin-right: 5px;}
.sProduct-view .right .foot .ctr.next{float: right;}
.sProduct-view .right .foot .ctr.next:after{display: inline-block; vertical-align: top; content: ">"; margin-left: 5px;}
@media screen and (min-width: 1025px){.sProduct-view .right .foot .ctr:hover{color: #b9bbba;}}
.sProduct-view .right .foot .backToList{position: absolute; left: 50%; top: 0.4rem; margin-left: -16px; width: 32px; height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: #bababa solid 3px; border-bottom: #bababa solid 3px; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sProduct-view .right .foot .backToList:after{content: " "; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 3px; background-color: #bababa;}
@media screen and (min-width: 1025px){.sProduct-view .right .foot .backToList:hover{-webkit-transform: rotate(-90deg) scaleX(0.8); transform: rotate(-90deg) scaleX(0.8);}}
@media screen and (max-width: 1024px){.sProduct-view .right .foot .backToList:active{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0ms ease-out 0s; transition: all 0ms ease-out 0s;}}
@media screen and (max-width: 1024px){.sProduct-view{padding-left: 0;} .sProduct-view .left{position: relative; width: 100%;} .sProduct-view .right{margin-top: 0.6rem;}}
.sProduct-tab .pic{height: 0; padding-bottom: 84%;}
.sProduct-tab .pic img{display: block;height: auto;}
.sProduct-tab .Tt{position: relative;}
.sProduct-tab .Tt .box{width: 80%; margin-left: auto; margin-right: auto;}
.sProduct-tab .Tt .box h2{position: absolute; left: 0.6rem; top: 0.6rem; color: #333333; font-weight: bold; z-index: 9;}
.sProduct-tab .Tg{position: relative; margin-top: 0.2rem; padding: 0 2.1rem; text-align: center;}
.sProduct-tab .Tg .ctr{display: none; z-index: 8; position: absolute; top: 0; width: 1.2rem; height: 100%; line-height: 100%; -webkit-transition: all 400ms ease-out 0s, all 250ms ease-out 0s; transition: all 400ms ease-out 0s, all 250ms ease-out 0s; text-align: center; color: #333333;}
.sProduct-tab .Tg .ctr s{font-size: 48px; font-weight: bold;}
.sProduct-tab .Tg .ctr s{position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-family: 'SimSun', '宋体' !important; text-align: center; font-size: 48px; font-weight: bold;}
.sProduct-tab .Tg .ctr:hover{color: #333333;}
.ysqUEO .sProduct-tab .Tg .ctr s{overflow: hidden; text-indent: -9999px; white-space: nowrap; padding: inherit;}
.ysqUEO .sProduct-tab .Tg .ctr s:before,
.ysqUEO .sProduct-tab .Tg .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 3px; margin-top: -1.5px; background-color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
@media screen and (min-width: 1025px){.ysqUEO .sProduct-tab .Tg .ctr s:before, .ysqUEO .sProduct-tab .Tg .ctr s:after{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;} .ysqUEO .sProduct-tab .Tg .ctr:hover s:before, .ysqUEO .sProduct-tab .Tg .ctr:hover s:after{background-color: #333333;}}
@media screen and (max-width: 1024px){.sProduct-tab .Tg .ctr:active s:before, .sProduct-tab .Tg .ctr:active s:after{background-color: #333333;}}
.ysqUEO .sProduct-tab .Tg .ctr.prev s:before,
.ysqUEO .sProduct-tab .Tg .ctr.prev s:after{margin-left: -9px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .sProduct-tab .Tg .ctr.prev s:before{-webkit-transform: rotate(-45deg) translateX(-1.5px); transform: rotate(-45deg) translateX(-1.5px);}
.ysqUEO .sProduct-tab .Tg .ctr.prev s:after{-webkit-transform: rotate(45deg) translateX(-1.5px); transform: rotate(45deg) translateX(-1.5px);}
.ysqUEO .sProduct-tab .Tg .ctr.next s:before,
.ysqUEO .sProduct-tab .Tg .ctr.next s:after{margin-left: -15px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .sProduct-tab .Tg .ctr.next s:before{-webkit-transform: rotate(-45deg) translateX(1.5px); transform: rotate(-45deg) translateX(1.5px);}
.ysqUEO .sProduct-tab .Tg .ctr.next s:after{-webkit-transform: rotate(45deg) translateX(1.5px); transform: rotate(45deg) translateX(1.5px);}
@media screen and (min-width: 1025px){.ysqUEO .sProduct-tab .Tg .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-1.5px); transform: rotate(-45deg) translateX(-1.5px);} .ysqUEO .sProduct-tab .Tg .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-1.5px); transform: rotate(45deg) translateX(-1.5px);} .ysqUEO .sProduct-tab .Tg .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(1.5px); transform: rotate(-45deg) translateX(1.5px);} .ysqUEO .sProduct-tab .Tg .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(1.5px); transform: rotate(45deg) translateX(1.5px);}}
@media screen and (max-width: 1024px){.sProduct-tab .Tg .ctr.prev:active s:before, .sProduct-tab .Tg .ctr.prev:active s:after{-webkit-transition: 0ms; transition: 0ms;} .sProduct-tab .Tg .ctr.prev:active s:before{-webkit-transform: rotate(-45deg) translateX(-1.5px); transform: rotate(-45deg) translateX(-1.5px);} .sProduct-tab .Tg .ctr.prev:active s:after{-webkit-transform: rotate(45deg) translateX(-1.5px); transform: rotate(45deg) translateX(-1.5px);} .sProduct-tab .Tg .ctr.next:active s:before, .sProduct-tab .Tg .ctr.next:active s:after{-webkit-transition: 0ms; transition: 0ms;} .sProduct-tab .Tg .ctr.next:active s:before{-webkit-transform: rotate(-45deg) translateX(1.5px); transform: rotate(-45deg) translateX(1.5px);} .sProduct-tab .Tg .ctr.next:active s:after{-webkit-transform: rotate(45deg) translateX(1.5px); transform: rotate(45deg) translateX(1.5px);}}
.sProduct-tab .Tg .ctr.prev{left: 0.3rem;}
.sProduct-tab .Tg .ctr.next{right: 0.3rem;}
.sProduct-tab .Tg .ctr:hover{background-color: rgba(0, 0, 0, 0.05);}
.sProduct-tab .Tg .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 2.4rem; height: 2.4rem;}
.sProduct-tab .Tg .btn:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #eaeaea solid 1px; z-index: 6; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden;}
.sProduct-tab .Tg .btn:nth-child(1n+2){margin-left: 0.2rem;}
.sProduct-tab .Tg .btn.on:after{-webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 1; visibility: visible;}
@media screen and (max-width: 1024px){.sProduct-tab .Tg .btn{width: 96px; height: 96px;} .sProduct-tab .Tg .ctr{width: 40px;} .sProduct-tab .Tg .ctr s{zoom: .9;} .sProduct-tab .Tg .ctr.prev{left: 0;} .sProduct-tab .Tg .ctr.next{right: 0;}}
@media screen and (max-width: 640px){.sProduct-tab .Tg .btn{width: 80px; height: 80px;} .sProduct-tab .Tg .ctr s{zoom: .8;}}

.sDownload{padding-bottom: 1.6rem;}
.sDownload-list .item{position: relative; overflow: hidden; padding: 0.5rem 1.4rem 0.5rem 2.1rem; background-color: #f8fbff; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;}
.sDownload-list .item:before{content: " "; position: absolute; left: 1.4rem; top: 50%; width: 1px; height: 1.28rem; margin-left: 1.2rem; margin-top: -0.64rem; background-image: url(../image/bgs-downloadlist.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;}
.sDownload-list .item:nth-child(1n+2){margin-top: 0.6rem;}
.sDownload-list .item .icoImg{position: absolute; left: 0.7rem; top: 50%; margin-top: -0.6rem; width: 1.2rem; height: 1.2rem;}
.sDownload-list .item h3{margin-left: 1.2rem; margin-right: 80px; font-size: 16px; min-height: 20px; line-height: 20px; position: relative; color: #0c357b;}
.sDownload-list .item .aside{margin-left: 1.2rem; margin-right: 80px; margin-top: 0.4rem; color: #8f9eb7; line-height: 18px;}
.sDownload-list .item .downloadBtn{position: absolute; right: 0.7rem; top: 50%; margin-top: -18px; width: 80px; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 4px; background-color: #3ab700;}
@media screen and (min-width: 1025px){.sDownload-list .item:hover{background-color: #e2eaf7;}}
@media screen and (max-width: 1024px){.sDownload-list .item:before{margin-left: 36px;} .sDownload-list .item .icoImg{width: 36px; height: 36px; margin-top: -18px;} .sDownload-list .item h3, .sDownload-list .item .aside{margin-left: 36px;} .sDownload-list .item:active{background-color: #e2eaf7; -webkit-transition: 0ms; transition: 0ms;}}

.sHr{padding-bottom: 1.2rem;}
.sHr-list .item{position: relative; overflow: hidden; border: #e9e9e9 solid 1px; padding: 0.9rem 4rem 1.1rem 7.5rem;}
.sHr-list .item:nth-child(1n+2){margin-top: 0.8rem;}
.sHr-list .item .numdate{position: absolute; left: 1.3rem; top: 0.9rem; color: #999999;}
.sHr-list .item .numdate i{font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑'; font-weight: bold; color: #b9bbba;}
.sHr-list .item .numdate .date{margin-top: 0.4rem;}
.sHr-list .item .btn{position: absolute; right: 1.4rem; top: .2rem; padding-right: 36px; line-height: 40px;}
.sHr-list .item .btn:after{content: ">"; position: absolute; right: 0; top: 50%; background-color: #dadada; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; border-radius: 50%; font-family: 'SimSun', '宋体' !important; font-weight: bold;margin-top: -15px;}
.sHr-list .item .btn span{color: #333333;}
.sHr-list .item h3{font-weight: bold; color: #333333; line-height: 1.5em;}
.sHr-list .item h3 span{font-size: 12px; display: none; color: #999999;}
.sHr-list .item .hide{position: relative; overflow: hidden; font-size: 14px; line-height: 2.14285714; color: #999999; height: 4.8rem;}
.sHr-list .item .hide .dt{color: #333333; margin-top: 0.5rem; margin-bottom: 0.2rem; font-weight: bold;}
.sHr-list .item .hide .dd{color: #999999;}
.sHr-list .item .hide .df{margin-top: 0.7rem; color: #b9bbba;}
.sHr-list .item.unfold{-webkit-box-shadow: 0px 0.4rem 0.32rem 0px rgba(171, 171, 171, 0.29); box-shadow: 0px 0.4rem 0.32rem 0px rgba(171, 171, 171, 0.29);}
.sHr-list .item.unfold .btn:after{background-color: #b9bbba; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.sHr-list .item.unfold .hide{height: auto;}
@media screen and (max-width: 1024px){.sHr-list .item{padding-left: 0.8rem; padding-right: 1.6rem;} .sHr-list .item .numdate{display: none;} .sHr-list .item h3, .sHr-list .item .hide{margin-right: 30px;} .sHr-list .item h3 span{display: inline;} .sHr-list .item .btn{right: 0.8rem;} .sHr-list .item .btn span{display: none;} .sHr-list .item .hide{height: 220px;}}
.sHr-intro{background-color: #f9f9f9;margin-top: 6%;}
.sHr-intro .section{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;}
.sHr-intro .section .pic,
.sHr-intro .section .txt{width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sHr-intro .section .txt{padding: 0.6rem 0; color: #333333;}
.sHr-intro .section .txt .wrapIn{position: relative; padding: 0 0.9rem;}
.sHr-intro .section .pic{height: 0; padding-bottom: 21.25%;}
.sHr-intro .section:nth-child(1){-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.sHr-intro .section:nth-child(1) .wrapIn{line-height: 1.83333333; text-align: center; padding-top: 0.4rem; padding-bottom: 0.4rem;}
.sHr-intro .section:nth-child(1) .wrapIn:before{content: " "; position: absolute; left: 0; top: 0; bottom: 0; width: 0.16rem; background-color: #b9bbba; pointer-events: none;}
.sHr-intro .section:nth-child(2) .wrapIn{line-height: 2;}
@media screen and (max-width: 1024px){.sHr-intro .section{display: block;} .sHr-intro .section .pic, .sHr-intro .section .txt{width: 100%;} .sHr-intro .section .pic{padding-bottom: 42.5%;}}

/*.sContact{background-image: url(../image/bgs-contact.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}*/
.sContact{padding-bottom: 0;}
.sContact-list{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.sContact-list:after{display: none;}
.sContact-list .item{padding: 0.9rem 0.4rem 0.7rem; background-color: #f3f6ff; width: 24%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sContact-list .item,
.sContact-list .item .dt,
.sContact-list .item .dd{-webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s;}
.sContact-list .item .dt{font-weight: bold; color: #b9bbba;}
.sContact-list .item .dd{margin-top: 0.2rem; color: #666666; line-height: 1.5;}
.sContact-list .item .btn{color: inherit;}
@media screen and (min-width: 1025px){.sContact-list .item:hover{background-color: #b9bbba;} .sContact-list .item:hover .dt, .sContact-list .item:hover .dd{color: #fff;}}
@media screen and (max-width: 1024px){.sContact-list .item:active{background-color: #b9bbba;} .sContact-list .item:active, .sContact-list .item:active .dt, .sContact-list .item:active .dd{-webkit-transition: 0ms; transition: 0ms;} .sContact-list .item:active .dt, .sContact-list .item:active .dd{color: #fff;}}
@media screen and (max-width: 1024px){.sContact-list{overflow-x: auto;} .sContact-list .item{min-width: 160px;} .sContact-list .item:nth-child(1n+2){margin-left: 0.4rem;}}
.sContact-map{display: block; margin-top: 1.2rem; position: relative; height: 12rem;}
.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: #b9bbba;}
.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;}

.sMessage{padding-bottom: 4rem; background-image: url(../image/bgs-contact.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sMessage-form{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;}
.sMessage-form:after{display: none;}
@media screen and (max-width: 1024px){.sMessage-form{display: block;}}
.sMessage-form .formItem{margin-bottom: 0.6rem; position: relative; width: 100%; line-height: 60px; color: #666666;}
.sMessage-form .formItem.red:after{content: "x"; position: absolute; right: 0; top: 0; width: 30px; text-align: center; white-space: nowrap; font-size: 16px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #f00;}
.sMessage-form .formItem .skin{display: inline-block; vertical-align: top; width: 100%; padding: 14px 24px; line-height: 30px; font-size: 16px; border: #cccccc solid 1px; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sMessage-form .formItem input.skin{height: 60px;}
.sMessage-form .formItem textarea.skin{height: 240px;}
.sMessage-form .formItem.w1{width: 32%;}
.sMessage-form .formItem.w2{width: 100%;}
.sMessage-form .formItem.yzm{width: auto; font-size: 0; white-space: nowrap; width: 470px;}
.sMessage-form .formItem.yzm .skin{width: 400px; padding-right: 160px;}
.sMessage-form .formItem.yzm .bindClick{position: absolute; top: 1px; left: 240px; width: 158px; height: 58px; border-left: #cccccc solid 1px; border-radius: 0 0.12rem 0.12rem 0;}
.sMessage-form .formItem.yzm .refreshVC{display: inline-block; vertical-align: top; width: 60px; height: 60px; margin-left: 0.2rem; background-image: url(../image/icos-refreshVC.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 1000ms ease-out 0s; transition: all 1000ms ease-out 0s;}
.sMessage-form .formItem.yzm .refreshVC:active{-webkit-transition: 0ms; transition: 0ms; -webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.sMessage-form .formItem.yzm.red:after{right: 230px;}
.sMessage-form .formItem.btns{width: auto; text-align: right; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.sMessage-form .formItem.btns:after{display: none;}
.sMessage-form .formItem.btns .btn{position: relative; overflow: hidden; display: inline-block; vertical-align: top; padding: 0 .6rem; width: 146px; height: 60px; line-height: 60px; text-align: center; color: #fff; border-radius: 6px;}
.sMessage-form .formItem.btns .btn:nth-child(1n+2){margin-left: 0.8rem;}
.sMessage-form .formItem.btns .btn.enter{background-color: #b9bbba;}
.sMessage-form .formItem.btns .btn.reset{background-color: #828282;}
@media screen and (max-width: 1024px){.sMessage-form .formItem{width: 100% !important; line-height: 44px;} .sMessage-form .formItem .skin{line-height: 20px;} .sMessage-form .formItem input.skin{height: 44px;} .sMessage-form .formItem textarea.skin{height: 200px;} .sMessage-form .formItem.yzm .skin{width: 100%;} .sMessage-form .formItem.yzm .bindClick{left: auto; right: 1px; height: 42px; width: 134px;} .sMessage-form .formItem.yzm .refreshVC{display: none;} .sMessage-form .formItem.yzm:after{right: 136px !important;} .sMessage-form .formItem.btns .btn{width: 49%; height: 44px; line-height: 44px;}}



/* index add  case section */
.index_case_show{width:100%;height:600px;padding-top: 2%;}
.index_case_show ul{height:100%;overflow:hidden}
.index_case_show ul:hover>li{width:17.5%}
.index_case_show ul li{width:20%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-o-object-fit:cover;object-fit:cover;-webkit-transition:all 1s;transition:all 1s;float:left;list-style:none;position:relative}
.index_case_show ul li::after{position:absolute;width:100%;height:100%;z-index:999;content:'';left:0;top:0;-webkit-transition:all 1s;transition:all 1s}
.index_case_show ul li::before{position:absolute;content:'';width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.3);left:0;top:0;-webkit-transition:all .5s ease;transition:all .5s ease;opacity:1}
.index_case_show ul li:hover{width:30%!important;z-index: 2;overflow: hidden;}
.index_case_show ul li:hover::before{opacity:1;background-color:rgba(0,0,0,.4)}
.index_case_show ul li:hover figure>div>div:first-child span{background:rgba(255,255,255,.2);border:1px solid #fff}
.index_case_show ul li:hover figure>div>div:last-child{top:0;opacity:1}
.index_case_show ul li a{position:relative;z-index:24;height:100%}
.index_case_show ul li a figure{position:relative;height:100%;margin: 0;}
.index_case_show ul li a figure>img{position:relative;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transform-origin:bottom;transform-origin:bottom;height:100%}
.index_case_show ul li a figure>div{position:absolute;width:100%;height:100%;top:0;z-index:44;left:0;text-align:center}
.index_case_show ul li a figure>div>div:first-child{margin-top:120px}
.index_case_show ul li a figure>div>div:first-child span{width:66px;display:inline-block;height:66px;text-align:center;line-height:66px;border-radius:8px}
.index_case_show ul li a figure>div>div:first-child span i{font-size:44px;color:#fff}
.index_case_show ul li a figure>div>div:first-child h4{font-size:18px;color:#fff;margin-top:30px}
.index_case_show ul li a figure>div>div:first-child p{font-size:14px;color:#fff;opacity:.7;text-transform:uppercase;margin-top:8px}
.index_case_show ul li a figure>div>div:last-child{margin:0 45px;margin-top:40px;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative;top:25px}
.index_case_show ul li a figure>div>div:last-child figcaption{font-size:14px;color:#fff;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.index_case_show ul li a figure>div>div:last-child span{margin-top:40px}
.index_case_show ul li:nth-of-type(1) figure{-webkit-transition-delay:0s;transition-delay:0s}
.index_case_show ul li:nth-of-type(2) figure img{-webkit-transition-delay:.1s;transition-delay:.1s}
.index_case_show ul li:nth-of-type(2)::after{-webkit-transition-delay:.1s;transition-delay:.1s}
.index_case_show ul li:nth-of-type(3) figure img{-webkit-transition-delay:.2s;transition-delay:.2s}
.index_case_show ul li:nth-of-type(3)::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.index_case_show ul li:nth-of-type(4) figure img{-webkit-transition-delay:.3s;transition-delay:.3s}
.index_case_show ul li:nth-of-type(4)::after{-webkit-transition-delay:.3s;transition-delay:.3s}
.index_case_show ul li:nth-of-type(5) figure img{-webkit-transition-delay:.4s;transition-delay:.4s}
.index_case_show ul li:nth-of-type(5)::after{-webkit-transition-delay:.4s;transition-delay:.4s}
.onshow.index_case_show>ul>li::after{height:0}
.onshow.index_case_show>ul>li>a figure>img{-webkit-transform:scale(1);transform:scale(1)}
@media screen and (max-width:1280px){.index_case_show{height:450px}
.index_case_show ul li a figure>div>div:first-child{margin-top:60px}
.index_case_show ul li a figure>div>div:first-child h4{margin-top:20px}
.index_case_show ul li a figure>div>div:last-child{margin-top:20px}
}
@media screen and (max-width:1024px){.index_case_show{height:300px}
.index_case_show ul:hover>li{width:20%!important}
.index_case_show ul li a figure>div>div:last-child{display:none}
.index_case_show ul li:hover{width:20%!important}
}
@media screen and (max-width:667px){.index_case_show{height:200px}
.index_case_show ul li a figure>div>div:first-child{margin-top:30px}
.index_case_show ul li a figure>div>div:first-child span{width:40px;height:40px;line-height:40px;background:rgba(255,255,255,.2);border:1px solid #fff}
.index_case_show ul li a figure>div>div:first-child span i{font-size:24px}
.index_case_show ul li a figure>div>div:first-child h4{font-size:16px}
.index_case_show ul li a figure>div>div:first-child p{font-size:12px}
}





/* index add honr section */
.page4 {
    padding-bottom: 70px;
    background-image: url(../image/jianzu-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page4 .container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.page4{background-image:url(../image/jianzu-bg.jpg);padding-top: 4%;}
.page4 .container #certify{margin-top:70px;position:relative;width:100%}
.page4 .container #certify .swiper-pagination{width:100%;bottom:20px}
.page4 .container #certify .swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:30px;height:4px;background:#e5e5e5;border-radius:0;opacity:1}
.page4 .container #certify .swiper-pagination .swiper-pagination-bullet-active{background-color:#004098;opacity:1}
.page4 .container #certify .swiper-button-prev{left:-30px;width:45px;height:45px}
.page4 .container #certify .swiper-button-next{right:-30px;width:45px;height:45px}
.page4 .container #certify .swiper-container{padding-bottom:60px}
.page4 .container #certify .swiper-container .swiper-slide{width:315px;height:500px;background:#fff;text-align:center}
.future,.future .future_content>div:last-child ul li{background-repeat:no-repeat;background-position:center}
.page4 .container #certify .swiper-container .swiper-slide img{width:100%;height:100%;-webkit-box-shadow:0 16px 35px 0 rgba(0,0,0,.2);box-shadow:0 16px 35px 0 rgba(0,0,0,.2)}
.page4 .container #certify .swiper-container .swiper-slide figcaption{line-height:30px;padding-top:20px;color: rgb(51, 51, 51);font-weight: 500;}
.page4 .container .logos{min-height:300px;overflow:auto;margin-top:40px}



.index_honor ul{overflow:auto;background-color:#f4f7fa}
.index_honor ul li{width:25%;float:left;height:150px;text-align:center;position:relative}
.index_honor ul li:after{content:"";width:100%;height:100%;background:#e5ecf4;position:absolute;left:0;top:0;z-index:5;-ms-transform-origin:100%;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);-o-transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform:scaleX(0);z-index:1;-moz-transition:transform .5s cubic-bezier(.215,.61,.355,1);-ms-transition:transform .5s cubic-bezier(.215,.61,.355,1)}
.index_honor ul li:hover:after{-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform-origin:0;transform-origin:0;-webkit-transform-origin:0}
.index_honor ul li span{margin-top:35px;display:inline-block;position:relative;z-index:999}
.index_honor ul li i{font-size:40px;background-image:linear-gradient(135deg,#004098,#3872c0);-webkit-line-clamp:2;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.index_honor ul li h3{font-size:14px;color:#666;padding-top:20px;position:relative;z-index:999}




/* index add bottom */
.g-in {width: 1400px;margin: 0 auto;}
.area6{position:relative;z-index:1;padding-top: 4%;}
.area6 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.area6 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.area6 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#085996;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.area6 .body{overflow:hidden;}
.area6 .body .list li{width:14.28%;float:left;overflow:hidden;margin-left:0.48%;transition:all 0.5s;position:relative;}
.area6 .body .list .l1{margin:0px;}
.area6 .body .list .l4{/*float:right;*/}
.area6 .body .list li .pic{width:780px;height:260px;}
.area6 .body .list li.act{width:55.71%;}

.area6 .body .list li .txt{width:780px;height:100px;background-color:#f3f3f3;position:relative;}
.area6 .body .list li .txt .intit{font-size:24px;color:#333333;line-height:24px;font-family:siyuan;padding:26px 0px 0px 28px;float:left;}
.area6 .body .list li .txt .intit span{display:block;font-family:Arial;font-size:14px;color:#999;line-height:14px;margin-top:10px;}
.area6 .body .list li .txt .intit .more{}

.area6 .body .list li .txt .more{display:block;width:180px;height:50px;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#b9bbba;transition: all 0.3s;float:right;font-size:16px;background-color:#b9bbba;color:#fff;position:absolute;right:20px;top:50%;margin-top:-25px;}
.area6 .body .list li .txt .more:before{content:"";display:block;width:22px;height:10px;background:url(../image/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;background-image:url(../image/gfjt1.png);}


.area6 .body .list li .txt .more:hover{background-color:#085996;}
.area6 .body .list li .txt .more:hover:before{transform:translateX(5px);}
.area6 .body .list li .mc{position:absolute;left:0px;top:0px;width:100%;height:260px;background-color:rgba(0,0,0,0.5);z-index: 99}
.area6 .body .list li .mc .btn{width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px;}

.area6 .body .list li.act .txt .intit{color:#085996;}
.area6 .body .list li.act .txt .intit span{color:#085996;}






/* index add footer */
/*img {max-width: 100%;vertical-align: middle;}*/
.footer{background:#212121;background-size:cover;position: relative;z-index: 9;}
.footer2{margin-top: 0;}
.footer .footTop{padding-top:3%;border-bottom:1px solid #393f41;}
.footer .footTop .scrNew{height:40px;line-height:40px;padding:0px 20px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background-color:rgba(255,255,255,0.05);}
.footer .footTop .scrNew .spTit{float:left;font-size:16px;color:#f2f5f7;font-weight:bold;padding-right:16px;background:url(../image/xxl.png) right center no-repeat;margin-right:15px;}

.footer .footTop .scrNew .list{float:left;}
.footer .footTop .scrNew .list li a{font-size:16px;color:#dfe2e5;transition:all 0.3s;}
.footer .footTop .scrNew .list li a:hover{color:#fff;}
.footer .footTop .scrNew .more{display:block;float:right;font-family: Arial;color:#dfe2e5;font-family:12px;text-transform:uppercase;padding-right:50px;position:relative;background:url(../image/zjt.png) right center no-repeat;transition:all 0.3s;}
.footer .footTop .scrNew .more:hover{color:#fff;background-image: url(../image/zjt.png);}


.footer .midInfo{padding:40px 0 30px;border-bottom:1px solid #393f41}
.footer .midInfo .logo{float:left;color:#fff;font-family:14px;}
.footer .midInfo .logo p{letter-spacing:7.2px;margin-left:3px;margin-top:10px;font-size:14px;}
.footer .midInfo .yx{float:right;font-size:16px;color:#e6eaec;padding-left:25px;background:url(../image/yx.png) left center no-repeat;margin-top:45px;}
.footer .midInfo .yx span{font-size:16px;color:#fff;font-family:Arial;margin-left:10px;}

.footer .botInfo{padding:40px 0px 30px;}
.footer .botInfo .footNav{float:left;}
.footer .botInfo .footNav dl{float:left;margin-right:90px;}
.footer .botInfo .footNav dl:last-child {margin-right: 0;}
.footer .botInfo .footNav dl dt{margin-bottom:8px;}
.footer .botInfo .footNav dl dt a{font-size:16px;color:#fff;font-weight:bold;color:#fff;}
.footer .botInfo .footNav dl dd a{color:#dfe3e5;font-size:14px;display:block;line-height: 28px;transition:all 0.3s;}
.footer .botInfo .footNav dl dd a:hover{color:#fff;transform:translateX(-6px);}

.footer .botInfo .share{float:right;width:135px;}
.footer .botInfo .share .ewm{padding:10px;border:1px solid rgba(255,255,255,0.2);width:135px;height:135px;box-sizing:border-box;margin-top:10px;}
.footer .botInfo .share .list li{float:left;margin-right:31px;line-height:24px;}
.footer .botInfo .share .list li a{display:block;width:24px;height:24px;transition:all 0.5s;}
.footer .botInfo .share .list ul{width:200px;}
.footer .botInfo .share .list .l1 a{background:url(../image/wx.png) center no-repeat;}
.footer .botInfo .share .list .l2 a{background:url(../image/app.png) center no-repeat;}
.footer .botInfo .share .list .l3 a{background:url(../image/qq.png) center no-repeat;}
.footer .botInfo .share .list li:hover a{transform:rotateY(180deg);}


.footer .botInfo .share .link {margin-top:20px;}
.footer .botInfo .share .link select{display: block;width:100%;height:20px;background-color:#fff;border:1px solid #b7bac3;border-radius:3px;outline:none;color:#666666;cursor:pointer;}


.footer .footBot{font-size:12px;color:#fff;padding:10px 0px;}
.footer .footBot .copyRight{float:left;}
.footer .footBot .tec{float:right;}
.footer .footBot .tec a{color:#fff;}



/* index add news */

.index .area3{padding:0px 0px 100px;background-color: #f7f7f7;padding-top: 4%;}
.index .area3 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area3 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area3 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#b9bbba;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area3 .body .list{overflow:hidden;padding-bottom:10px;}
.index .area3 .body .list li{width:33.3333%;float:left;}
.index .area3 .body .list li .pic{overflow:hidden;}
.index .area3 .body .list li .pic img{transition:all 0.3s;position: static;}
.index .area3 .body .list li .caption{width:81.25%;margin:0 auto;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1);padding:40px;box-sizing:border-box;position:relative;margin-top:-100px;}
.index .area3 .body .list li .caption .intit{font-size:24px;color:#b9bbba;font-weight:bold;line-height:24px;}
.index .area3 .body .list li .caption .intit:before{content:"";display:block;width:4px;height:24px;background-color:#b9bbba;position:absolute;left:0px;top:40px;}

.index .area3 .body .list li .caption .intit span{display:block;padding-bottom:24px;border-bottom:1px solid #e5e5e5;position:relative;}
.index .area3 .body .list li .caption .intit span:before{content:"";display:block;width:20px;height:3px;background-color:#e5e5e5;position:absolute;left:0px;bottom:-1px;}
.index .area3 .body .list li .caption .inbod{font-size:16px;line-height:30px;color:#555;margin-top:25px;}
.index .area3 .body .list li .caption .inbod .txt{height:94px;overflow-y:auto;text-align:justify;padding-right:10px;font-size: 14px;}

/*滚动条样式*/
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #b9bbba;
}
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}




.index .area3 .body .list li .caption .inbod .more{display:block;width:180px;height:50px;border:1px solid #b9bbba;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#b9bbba;margin-top:30px;transition: all 0.3s;}
.index .area3 .body .list li .caption .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../image/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;}
.index .area3 .body .list li .caption .inbod .more:hover{background-color:#b9bbba;color:#fff;}
.index .area3 .body .list li .caption .inbod .more:hover:before{transform:translateX(5px);background-image:url(../image/gfjt1.png);}

.index .area3 .body .list li:hover .pic img{transform:scale(1.08);}

.index .area3 .body .swipHx{display:none;}



.i3box {overflow: hidden;}
.i3box * {display: block;overflow: hidden;font-weight:normal;color: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.i3box li { width: 33.33%;float: left;position: relative;background: #000;}
.i3box li a{}
.i3box li a img{display: block;width:100%;height: auto;max-height: 440px;}
.i3box li a span { position: absolute;width:86%;height:93%;left:0;bottom:0;z-index: 3;padding:7% 7%;}
.i3box li a span h2{font-size: 22px;margin-top:60%;}
.i3box li a span h3{font-size: 24px;text-transform: uppercase;font-weight:bold;font-family: Arial;    line-height: 180%}
.i3box li a span h4{font-size: 14px;margin-top:5%;display: none;    line-height: 180%}
.i3box li a span h6{font-size: 14px;position: relative;padding-right:70px;margin-top:10%;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.i3box li a span h6 line{ width:0px;height: 1px;background: #fff; margin-left: 20px;display: inline-block;vertical-align: middle;}
.i3box li a:hover span {background: rgba(0,0,0,0.5);}
.i3box li a:hover span h2{margin-top:10%;}
.i3box li a:hover span h4{display: block;}
.i3box li a:hover span h6{margin-top:35%;filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.i3box li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.i3box li a:hover span h6 line{ width:100px;transition-delay: 0.3s; }




/* index add footer */


/* footer */
footer { background: #eee; }
.gf-footer {position: relative;overflow: hidden;padding-top:1%;padding-bottom:3%;}
.gf-footer * {display: block;font-weight:normal;}
.gf-footer-logo {border-bottom: 1px solid #ccc;padding:30px 0;margin: 10px 0 40px 0;}
.gf-footer-logo a {width:370px;height: 60px;background: url(/template/default/static/image/footlogo.png) center no-repeat;}
.gf-footer-l {float: left;width:83%;}
.gf-footer ul {float: left;width:16%;}
.gf-footer ul h3{color: #000;font-size: 18px;}
.gf-footer ul h3 line {height: 1px;width:20px;background: #ccc;margin-top:10px;}
.gf-footer ul li{padding:5px 0;font-size: 14px;line-height: 24px;}
.gf-footer ul li a{color: #333;font-size: 14px;padding:4px 0;}
.gf-footer ul li a:hover {color:#005bac;}
.gf-footer-r {float: right;width:245px;}
.gf-footer-r ul  {width:100%;margin-right:0;position: relative;}
.gf-footer-r li * {display: inline-block;vertical-align:bottom;}
.gf-footer-r li h4 {color:#005bac;font-size: 18px;}
.gf-footer-r li h5 {color:#000;font-size: 16px;}
.gf-footer-r li a {width: 26px;height: 26px; margin-right: 10px;border-radius:100px;padding:0!important;border: 1px solid #000;opacity: 0.5;}
.gf-footer-r li a:hover {opacity: 1.0;}
.gf-footer-r li a:hover .ewm{display: block;}
.gf-footer-r li a.f1 {background: url(https://www.appotronics.com/static/template/2019_redesign/static/images/f1.svg) center no-repeat;background-size: 90%;}
.gf-footer-r li a.f2 {background: url(https://www.appotronics.com/static/template/2019_redesign/static/images/f2.svg) center no-repeat;background-size: 90%;}
.gf-footer-r li a.f3 {background: url(https://www.appotronics.com/static/template/2019_redesign/static/images/f3.svg) center no-repeat;background-size: 90%;}
.gf-footer-r li a.f4 {background: url(https://www.appotronics.com/static/template/2019_redesign/static/images/f4.svg) center no-repeat;background-size: 90%;}
.gf-footer-r li a.f5 {background: url(https://www.appotronics.com/static/template/2019_redesign/static/images/f5.svg) center no-repeat;background-size: 90%;}
.gf-footer-r li a .ewm { display: none;width:100px;height: 100px;position: absolute;left:-36px;bottom: 40px;z-index: 3;background: #fff;-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px #ccc;}
.gf-footer-r li a .ewm:after{border: 5px solid transparent;border-top: 5px solid #fff;width: 0;height: 0;position: absolute;content:""; bottom:-10px; left:50%; margin-left:-5px;}
.gf-footer-r li a .ewm img {display: block;width:100px;height: 100px;}
.gf-footer-copy {background: #000;padding: 20px 0;overflow: hidden;color: #999;}
.gf-footer-copy li.left { float: left; text-transform:uppercase;}
.gf-footer-copy li.right { float: right; text-align:right; }
.gf-footer-copy li a{ color: #999;margin-left: 10px;}
.gf-footer-copy li a:hover {color:#fff;}
.mt20 {margin-top: 20px;}


/* add section */
.join-Sec3{margin-top: 6%;}
.join-Sec3 .title{font-size:24px;color:#bf0008;line-height:40px}
.join-Sec3 .aside{margin-top:20px;font-size:14px;line-height:26px;color:#bdbdbd;padding-left: 14px;position: relative;}
.join-Sec3 .aside::before{content:"*";color: red;font-size: 18px;margin: 0 12px 0 0;position: absolute;left: 0;}
.hrList{margin-top:30px}
.hrList .item{position:relative;margin-top:30px;background-color:#f5f5f5;border:#ddd solid 1px;padding: 0.9rem 1rem 1.1rem 1.2rem;}
.hrList .item:first-child{margin-top:0}
.hrList .item.unfold .foldBtn .vr{-webkit-transform:scale(0);transform:scale(0);opacity:0}
.hrList .head{padding:9px 19px;height:40px}
.hrList .col{float:left;width:130px;text-align:center;border-left:#d8d8d8 solid 1px;line-height:20px}
.hrList .col.i1{width:340px;font-size:20px;line-height:40px;text-align:left;border-left:0;color:#333}
.hrList .foldBtn{position:absolute;overflow:hidden;top:17px;right:19px;width:40px;height:40px;background-image:url(/template/default/static/images/i69.png)}
.hrList .foldBtn .hr,.join-Main .hrList .foldBtn .vr{position:absolute;left:50%;top:50%;width:2px;height:2px;margin-left:-1px;margin-top:-1px;background-color:#fff;-webkit-transition:all 220ms ease 0s;transition:all 220ms ease 0s}
.hrList .foldBtn .hr{width:12px;margin-left:-6px}
.hrList .foldBtn .vr{height:12px;margin-top:-6px}
.hrList .foldBtn:hover .vr{height:10px;margin-top:-5px}
.hrList .foldBtn:hover .hr{width:10px;margin-left:-5px}
.hrList .foldBtn:hover .hr,.join-Main .hrList .foldBtn:hover .vr{-webkit-transform:translateY(2px);transform:translateY(2px)}
.hrList .hideBlock{display:none;font-size:16px;line-height:24px}
.hrList .item.unfold .hideBlock{display: block;}
.hrList .body{margin-left:19px;margin-right:19px;padding-top:19px;padding-bottom:19px;border-top:#d8d8d8 solid 1px}
.hrList .body p{font-size: 14px;}
.hrList .foot{padding:14px 19px;border-top:#d8d8d8 1px solid;font-size: 14px;}



@font-face {
  font-family: 'swissbt';
  src: url('../font/SWISSBT.TTF');
}
.fguolist{overflow:hidden;width:100%;margin:4% 0;position:relative;z-index:1;font-size:0;text-align:center}
.fguolist li{display:inline-block;width:308px;max-width:25%}
.fguolist li a{display:block;position:relative}
.fguolist li a:before{content:'';position:absolute;left:0;top:0;z-index:0;width:1px;height:100%;background-color:#cbcbcb}
.fguolist li:first-child a:before{display:none}
.fguolist h3{color:#f6aa00;position:relative;height:70px}
.fguolist h3 span{font-size:60px;font-family:swissbt;line-height:70px}
.fguolist h3 i{font-style:normal;font-size:16px;color:#f6aa00;margin-left:10px;vertical-align:top}
.fguolist li .txt{font-size:16px;color:#333;line-height:20px}



.fcate3{text-align:center}
.fcate3 .cn{font-size:40px;line-height:70px;color:#333}
.fcate3 .en{font-size:16px;color:#999;line-height:34px;text-transform:uppercase;font-family:arial}



.gsgkBox3{
    clear: both;
    padding-bottom: 48px;
    height: 648px;
	padding: 3% 0 6%;
}
/*3d压层滚动*/
.jswBox{width: 1200px;margin:4.6% auto 2%;}
#jswbox{position:relative; clear:both;height:365px;transform: scale(1.3);margin: 3% 0;}
#jswbox ul{position:relative; clear:both;height:320px;}
#jswbox li{position:absolute;z-index:0;top:0px;left:0px; height:0px;width:0px;}
#jswbox li img{width:100%;height:100%;float:left;-webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 70%,rgba(250,250,250,0.3)); box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 70%,rgba(250,250,250,0.3));}
#jswbox li a{display:block; position:absolute; top:0;}
#jswbox .prev{display:block; position:absolute; left:30px; top:50%; margin-top:-60px; width:27px; height:50px; cursor:pointer; background:url(../image/prev.png) no-repeat center center; z-index:5}
#jswbox .next{display:block; position:absolute; right:30px; top:50%;width:27px;margin-top:-60px; height:50px;cursor:pointer;background:url(../image/next.png) no-repeat center center;z-index:5}
/*#jswbox .prev:hover{background:url(../images/prevh.png) no-repeat center center;}
#jswbox .next:hover{background:url(../images/nexth.png) no-repeat center center;}*/
#jswbox .divtext{ height:45px;display:block; width:265px; background:#2553b3; border-radius:45px; margin:20px auto 0; line-height:45px;font-size:16px; text-align:center; color:#ffffff;}
.jswboxT{
	clear: both;
	font-size: 16px;
	color: #333333;
	text-align: center;
	line-height: 30px;
}
.cate3{ text-align: center; position: relative; padding-top: 26px;}
.cate3:before{ content: ''; position: absolute; left: 50%; top:0; z-index: 0;
	width: 60px; height: 4px; margin-left: -30px; background-color: #03325b;}
.cate3 .cn{ font-size: 34px; line-height: 44px; height: 44px; color: #333;}
.cate3 .en{ font-size: 20px; line-height: 1.3em; height: 1.3em; color: #e0e0e0; text-transform: uppercase;}

.channelT{height:75px;text-align:center;overflow:hidden;position:relative;line-height:75px;color:#333;font-size:30px;margin-bottom: 1%;}
.channelT.typ{color:#fff}
.channelT.typ:after{background-color:#fff}
/*.channelT:after{content:"";display:block;width:60px;height:2px;background-color:#ccc;position:absolute;bottom:0;left:50%;margin-left:-30px}*/

.h60 {
    clear: both;
    height: 60px;
}.h40 {
    clear: both;
    height: 40px;
}
.h30 {
    clear: both;
    height: 30px;
}
.h20 {
    clear: both;
    height: 20px;
}
.channeMore{clear:both}
.channeMore a{display:block;width:184px;height:50px;text-align:center;border:1px solid #adadad;line-height:52px;border-radius:50px;margin:0 auto;font-size:16px;color:#999}
.channeMore a:hover{box-shadow:0 5px 10px rgba(0,0,0,.1);background:#b9bbba;color:#fff;border-color:#b9bbba}
.channeMore a span{display:inline-block;height:34px;background-repeat:no-repeat;background-position:right center;line-height:34px;margin-top:8px}




.gsgkBox8{clear:both;overflow:hidden;padding-top: 60px;}
.gsgkBox8Slide{position:relative;width: 1200px;margin: 4% auto 2%;}
.gsgkBox8Slide .bd{overflow:hidden;height:460px}
.gsgkBox8Slide .bd dl{width:1300px}
.gsgkBox8Slide .bd dl dd{float:left;width:285px;overflow:hidden;margin-right:20px}
.gsgkBox8Slide .bd dl dd a .pic{width:285px;height:405px;overflow:hidden}
.gsgkBox8Slide .bd dl dd a .pic img{display:block;width:285px;height:405px}
.gsgkBox8Slide .bd dl dd a span{display:block;height:54px;overflow:hidden;line-height:54px;text-align:center;color:#fff;font-size:14px}
.gsgkBox8Slide .hd{clear:both;text-align:center}
.gsgkBox8Slide .hd ul{display:inline-block}
.gsgkBox8Slide .hd ul li{float:left;width:12px;height:12px;line-height:999px;overflow:hidden;border-radius:100%;margin:0 6px;background:#fff;cursor:pointer}
.gsgkBox8Slide .hd ul li.on{background:#f6aa00;}



.sAbout-section5{padding:1.6rem 0 0;}
.sAbout-section5 .oList{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap;}
.sAbout-section5 .oList:after{display:none}
.sAbout-section5 .oList .item{width:13.85rem;height:6.8rem;background-color:#b9bbba}
.sAbout-section5 .oList .item:first-child{background-image:url(/template/default/static/picture/julong.svg);background-position: right center;background-repeat: no-repeat;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;background-size: 286px;background-position-x: 108%;}
.sAbout-section5 .oList .item:nth-child(2n+2){margin-left:.24rem}
.sAbout-section5 .oList .item:nth-child(1n+3){margin-top:.24rem}
.sAbout-section5 .oList .item .pic{width:100%;height:100%;background-color:transparent}
.sAbout-section5 .oList .item .pic img{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
.sAbout-section5 .oList .item .txt{width:100%;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}
.sAbout-section5 .oList .item .txt:after{display:none}
.sAbout-section5 .oList .item .txt .vmbox{color:#fff;padding-left:1.6rem;padding-right:1.2rem}
.sAbout-section5 .oList .item .txt .vmbox .dt{color:rgba(255,255,255,.2);font-family:Helvetica,sans-serif;text-transform:uppercase}
.sAbout-section5 .oList .item .txt .vmbox .dd{margin-top:.3rem;line-height:1.25}
.sAbout-section5 .oList .item .txt .vmbox .dd .cn .p2{margin-top:.2em}
.sAbout-section5 .oList .item .txt .vmbox .dd .en{margin-top:.4rem;font-size:14px;line-height:24px;color:rgba(255,255,255,.5)}
.sAbout-section5 .oList .item:hover .pic img{-webkit-transform:scale(1.05);transform:scale(1.05)}

.fz32, .sAbout-section5 .oList .item .txt .vmbox .dt, .sContact-search .dt .cn {
    font-size: 32px;color:rgba(255,255,255,.5)
}
 .sAbout-section5 .oList .item .txt .vmbox .dd .cn .p1{font-size: 40px;}
  .sAbout-section5 .oList .item .txt .vmbox .dd .cn .p2{    font-size: 24px;}


  .about7{height:690px;position:relative}
.about7_fl{width:960px;height:100%;position:absolute;right:50%;top:0}
.about7_fl .pic{width:100%}
.about7_fl .pic img,.about7_fr .pic img{position: static;}
.about7_fr{width:960px;height:100%;position:absolute;left:50%;top:0}




/* productlist all */
/*.prosum .box{width:90%;max-width:1400px;margin:auto;min-width:1000px}*/
.hengs_titlesj{width:24px;height:2px;margin:30px 0}
.hengs_titlesj .ht1{background:#b9bbba;width:12px;height:2px;float:left}
.hengs_titlesj .ht2{background:#f6aa00;width:12px;height:2px;float:left}
.prosum{background:#f8f8f8;margin-top: 4%;}
.prosum .pro_search{max-width:585px;height:45px;line-height:45px;border:1px solid #ddd;border-radius:30px;overflow:hidden;margin:60px auto 45px;background:#fff}
.pro_search .t1{padding:0 0 0 30px;box-sizing:border-box;font-size:14px;border:0;line-height:45px;width:calc(100% - 80px);float:left}
.pro_search .t2{width:80px;height:45px;background:url(../image/ico_search.png) center center no-repeat;float:right;border:0}
.pro_list{padding-top:10px}
.pro_list .title_sum .t1{font-size:26px;color:#333;line-height:320%;}
.pro_list .title_sum .hengs_titlesj{margin:0;width:100px}
.pro_list .title_sum .hengs_titlesj div{width:50%}
.pro_item_list{padding:35px 0;border-top:1px solid #dfdfdf;display: flex;justify-content: space-between;}
.pro_item_list1{border-top:none}
.pro_item_list a{display:inline-block;vertical-align:top;border:1px solid #eee;background:#fff;box-sizing:border-box;width:24%;}
/*.pro_item_list a:nth-child(3n-1){margin:25px 24px}*/
.pro_item_list .lans{border-top:1px solid #eee;padding:25px 30px;box-sizing:border-box}
.pro_item_list .l1{font-size:18px;line-height:30px;height:30px;color:#333;transition:all .4s ease;-webkit-transition:all .4s ease}
.pro_item_list a:hover .l1{color:#f6aa00}
.pro_item_list .l2{font-size:14px;line-height:180%;height:75px;color:#666;margin-top:3%;-webkit-line-clamp:3}
.pro_item_list .l3{width:120px;line-height:38px;height:38px;border:1px solid #e4e4e4;box-sizing:border-box;text-align:center;color:#666;font-size:14px;margin-top:4%;background-color:#f8f8f8;transition:all .4s ease;-webkit-transition:all .4s ease}
.pro_item_list a:hover .l3{background:#b9bbba;border:0;color:#fff}




/* ryzz */

.lvyoulist{ width: 1680px; padding: 80px 0 10px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.lvyoulist li{ float: left; width: 33.3%; margin-bottom: 50px;}
.lvyoulist li .lin{ padding: 0 40px;}
.lvyoulist li a{ display: block;}
.lvyoulist .pic{ width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}

.lvyoulist img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.lvyoulist .pic i{ position: absolute; z-index: 2; left:0; top:0; width: 100%; height: 100%;
	 background: url('../image/chain.png') center no-repeat; opacity: 0; filter:alpha(opacity= 0);}

.lvyoulist li h3{ font-size: 16px; color: #333; line-height: 30px; text-align: center; display: table;
	width: 100%; height: 70px; overflow: hidden; background-color: #fff; border-bottom: 1px solid #999;}
.lvyoulist li h3 div{ display: table-cell; padding: 0 10px; vertical-align: middle;}
.lvyoulist li h3 div span{ display: block; max-height: 60px; overflow: hidden;}

.lvyoulist li:hover a{ box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2);}
.lvyoulist li:hover h3{ background-color: #00a0e3; color: #fff; border-color: #00a0e3;}
.lvyoulist li:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}

.lvyoulist li h3,.lvyoulist li i{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}

@media screen and (max-width:1500px){
	.lvyoulist{ padding: 60px 20px 10px; width: auto;}
	.lvyoulist li .lin{ padding: 0 20px;}
}
@media screen and (max-width:1200px){
	.lvyoulist{ padding: 60px 15px 10px; width: auto;}
	.lvyoulist li .lin{ padding: 0 15px;}
}
@media screen and (max-width:1040px){
	.lvyoulist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.lvyoulist li h3{ font-size: 26px; line-height: 40px; height: 100px;}
	.lvyoulist li h3 div span{ max-height: 80px;}
}






/* ryzz */
.honor{padding-bottom:32px;margin-top: 5%;}
.honor .con .title .left{float:left}
.honor .con .title .left h2{font-size:26px;font-weight:700;color:#004da1}
.honor .con .title .left p{font-size:18px;color:#606060;margin-top:16px;}
.honor .con .title .right{float:right;position:relative;top:14px;}
.honor .con .title .case_down{ float:left; margin-left:20px; width:280px; background:#f5f5f5; position:relative; color:#000;}
.honor .con .title .case_down label{ display:block; height:52px; line-height:52px; background:url(../image/bgs4.png) 238px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}
.honor .con .title .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }
.honor .con .title .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}
.honor .con .title .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }
.honor .con .title .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}
.honor .con .title .case_down ul li a:hover{ background:#f67524; color:#fff;}
.honor .con .title .case_down.isel label{background:url(../image/bgs4_on.png) 238px center no-repeat;}

.honor .con .honor-list ul li{float:left;width:23.6%;cursor:pointer;box-shadow: 0 0 20px 5px rgba(0,0,0,.06);margin-bottom: 2.6%;}
.honor .con .honor-list ul li:not(:nth-child(4n)){margin-right:1.866%}
.honor .con .honor-list ul li .top{height:0;padding-bottom:76%;overflow:hidden;position:relative;border:1px solid transparent;background: #eee;}
.honor .con .honor-list ul li .top img{width:100%;right: 0;bottom: 0;margin: auto;height: auto;display: block;}
.honor .con .honor-list ul li .top .mask{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.5);left:0;top:0;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.honor .con .honor-list ul li .top .mask .alert-btn{position:absolute;top:60%;left:50%;width:82px;height:82px;border-radius:50%;background:#004a92;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
.honor .con .honor-list ul li .top .mask .alert-btn span{font-size:1rem;color:#fff;line-height:3rem}
.honor .con .honor-list ul li .bottom{background:#fff;text-align:center;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;height: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 12%;}
.honor .con .honor-list ul li .bottom h3{font-size:18px;font-weight:700;color:#000;display:inline-block;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.honor .con .honor-list ul li .bottom h3:before{content:'';width:100%;height:1px;background:#d8222a;position:absolute;left:0;bottom:-.2rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.honor .con .honor-list ul li .bottom h2{font-size:16px;color:#606060;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
/*.honor .con .honor-list ul li:hover .top{border:1px solid #1f51b7}
.honor .con .honor-list ul li:hover .top .mask{opacity:1}
.honor .con .honor-list ul li:hover .top .mask .alert-btn{top:50%}
.honor .con .honor-list ul li:hover .bottom{background:#004da1}
.honor .con .honor-list ul li:hover .bottom h3{color:#fff}
.honor .con .honor-list ul li:hover .bottom h3:before{background:#fff}
.honor .con .honor-list ul li:hover .bottom h2{color:#fff}
*/


/* ryzz inner side */
.caselist{padding:0 0 30px;margin:0 -15px;overflow:hidden}
.caselist li{float:left;width:calc(100% / 4) ;margin-bottom:30px}
.caselist li .lin{padding:0 15px}
.caselist li a{display:block;width:100%;position:relative;text-align:center}
.caselist .pic{width:100%;height:0;overflow:hidden;position:relative;padding-bottom:86%;}
.caselist img{-o-object-fit:cover;object-fit:cover}
.caselist li .wz{width:100%;height:70px;background-color:#fff;position:relative;overflow:hidden;border: rgba(175,175,175,.3) solid 1px;}
.caselist li h3{font-size:16px;color:#333;line-height:84px;width:100%;height:70px;overflow:hidden;position:relative;z-index:3;-webkit-transition:.4s;transition:.4s}
.caselist li .info{position:absolute;left:0;top:0;z-index:1;width:100%;height:6px;background-color:#b9bbba;-webkit-transition:.4s;transition:.4s}
.caselist li i{overflow:hidden;width:0;height:0;border-width:8px 8px;border-color:#0c8e46 transparent transparent transparent;border-style:solid dashed dashed dashed;font-size:0;-webkit-transition:.3s;transition:.3s;position:absolute;left:50%;bottom:-16px;z-index:0;margin-left:-8px}
.caselist li:hover h3{color:#fff;line-height:70px}
.caselist li:hover .info{height:100%}
.caselist li:hover i{bottom:0;border-bottom-color:#fff;border-bottom-style:solid}
.prolist .tempWrap{width: 100% !important;}




.paddingno{padding-bottom: 0;}
.paddingnone{padding: 0;}


/* pagelist */

div.pageList{ padding: 0 20px; text-align: center;margin-bottom: 3%;}
div.pageList ul.l{ display: none;}
div.pageList ul a { font-size: 0; line-height: 42px; display: inline-block;background-color: #fff;
 	padding: 0 20px; margin:0 4px; height: 40px; color: #999; font-size: 14px; border: 1px solid #cdcdcd;
 	-moz-border-radius: 21px; -webkit-border-radius: 21px; border-radius:21px;}
div.pageList ul a:hover { border-color: #b9bbba; color: #b9bbba;}
div.pageList ul a.page-num-current{ background-color: #b9bbba; border-color: #b9bbba; color: #fff;}



/* sCulture */
/*.sCulture-section{margin-top: 58px; min-height: 430px; background-image: url(../image/bgs-culture.jpg); background-size: auto; background-position: 0% 50%; background-repeat: no-repeat;}
.sCulture-section .qImg{float: left; position: relative; overflow: hidden; width: 430px; height: 430px;}
.sCulture-section .qImg img{position: absolute; left: 0; top: 0; width: 430px; height: 430px;}
.sCulture-section .list{float: right; width: auto; border-top: #e5e4e4 dashed 1px;}
.sCulture-section .list .item{position: relative; padding-top: 19px; padding-bottom: 19px; padding-left: 128px; border-bottom: #e5e4e4 dashed 1px; min-height: 40px;}
.sCulture-section .list .item .dt{position: relative; float: left; margin-left: -128px; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #333333; background-color: #ebf2fc;}
.sCulture-section .list .item .dt:after{content: " "; position: absolute; left: 100%; top: 50%; margin-top: -7px; overflow: hidden; width: 0; height: 0; border-width: 7px 10px; border-color: transparent transparent transparent #ebf2fc; border-style: dashed dashed dashed solid; font-size: 0;}
.sCulture-section .list .item .dd{line-height: 40px; font-size: 16px; color: #333333;}
.sCulture-section .list .item.i5{min-height: 70px;}
.sCulture-section .list .item.i5 .dt{height: 70px; line-height: 70px;}
.sCulture-section .list .item.i5 .dd{line-height: 35px;}
.sCulture-section.AniStart .qImg{height: 0;}
.sCulture-section.AniDid .qImg{height: 430px; -webkit-transition: all 1200ms ease 0s; transition: all 1200ms ease 0s;}*/
.sAbout-section2a.wrapIn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;color:#222;}
.sAbout-section2a.wrapIn:after{display:none}
.sAbout-section2a .pic{width:13.4rem;height:13.4rem;background-color:#848484}
.sAbout-section2a .pic .p{position:absolute;right:.6rem;top:1.4rem;z-index:9;color:#fff;white-space:nowrap}
.sAbout-section2a .pic .p .en{line-height:1.1;opacity:.5;text-transform:uppercase;font-family:Helvetica,sans-serif;font-weight:700;background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,.5),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em}
.sAbout-section2a .pic .p .cn{margin-top:-.5em;letter-spacing:.1em}
.sAbout-section2a .list{width:480px;padding-right:3.2rem}
.sAbout-section2a .list .item:nth-child(1n+2){margin-top:.8rem}
.sAbout-section2a .list .item .sdt{font-size:18px;font-weight:700;color:#222;letter-spacing:.1em}
.sAbout-section2a .list .item .sdd{margin-top:.3rem;font-size:16px;color:#666;line-height:1.75;letter-spacing:.1em}
.dargenbg{background: url(/template/default/static/image/dargen.png) no-repeat;background-position: right center;background-position-x: 120%;background-position-y: 123%;}




.greybg{background-color:#f5f5f5}
.case-out{padding:5% 0 0}
.newsone{overflow:hidden;height:394px}
.newspic-scroll{float:left;position:relative;width:48.6%;height:394px}
.newspic-scroll .bd ul li a,.newspic-scroll .bd ul li a img{display:block;width:100%}
.newspic-scroll .flex-viewport{width:100%;height:100%}
.newspic-scroll .slides{overflow:hidden;height:100%}
.newspic-scroll .slides li{height:100%;-webkit-backface-visibility:hidden;position:relative}
.newspic-scroll .slides li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;text-align:center;line-height:394px}
.newspic-scroll .slides a>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.newspic-scroll .flex-direction-nav a{width:18px;height:38px;margin-top:-20px;display:block;font-size:0;position:absolute;top:50%;z-index:4;border:1px solid #999}
.newspic-scroll .flex-direction-nav a.flex-prev{left:0;background:#fff url(/template/default/static/images/lt3h.png) center no-repeat}
.newspic-scroll .flex-direction-nav a.flex-next{right:0;background:#fff url(/template/default/static/images/gt3h.png) center no-repeat}
.newspic-scroll .flex-direction-nav a:hover{background-color:#0c8e46;border-color:#0c8e46}
.newspic-scroll .flex-control-paging{width:100%;height:10px;font-size:0;text-align:center;position:absolute;bottom:20px;left:0;z-index:3}
.newspic-scroll .flex-control-paging li{display:inline-block;overflow:hidden;width:10px;height:10px;margin:0 7px}
.newspic-scroll .flex-control-paging li a{width:10px;height:10px;display:block;cursor:pointer;background-color:rgba(255,255,255,.4);border-radius:50%}
.newspic-scroll .flex-control-paging li a.flex-active{background-color:#fff}
@media screen and (max-width:1440px){
	.newslist1 li .lin{padding-left:25px;padding-right:25px}
}
@media screen and (max-width:1080px){
	.newsone{height:auto}
	.newspic-scroll{float:none;width:100%}
	.newslist1{float:none;width:100%;margin-top:20px}
}
@media screen and (max-width:560px){
	.newslist1 li a{padding-left:0;height:auto}
	.newslist1 li .date{display:none}
	.newslist1 li .txt{height:66px}
}



.newslist1{float:right;width:47.2%;padding:0}
.newslist1 li{border-bottom:1px solid #ddd}
.newslist1 li .lin{padding:25px 35px}
.newslist1 li a{display:block;position:relative;height:80px;overflow:hidden;padding-left:94px;padding-right:0;-webkit-transition:.2s;transition:.2s}
.newslist1 li .date{position:absolute;left:0;top:0;z-index:1;width:60px;height:100%;overflow:hidden}
.newslist1 li .hx{width:100%;height:1px;background-color:#ddd;margin:7px 0 6px}
.newslist1 li .date span{display:block;font-family:arial;text-align:center}
.newslist1 li .day{font-size:36px;color:#333;line-height:46px;height:46px}
.newslist1 li .year{font-size:16px;color:#333;line-height:20px;height:20px}
.newslist1 li h3{font-size:20px;color:#222;line-height:28px;height:28px;overflow:hidden;margin-bottom:8px}
.newslist1 li .txt{font-size:14px;color:#888;line-height:22px;overflow:hidden;height:44px;text-align:justify}
.newslist1 li:hover .lin{background-color:#b9bbba}
.newslist1 li:hover .txt,.newslist1 li:hover h3{color:#fff}
.newslist1 li:hover .day,.newslist1 li:hover .year{color:#fff}
.newslist1 li:hover .hx{background-color:#fff}
.newslist1 .lin,.newslist1 .txt,.newslist1 h3{-webkit-transition:.5s;transition:.5s}
.newslist1 .day,.newslist1 .hx,.newslist1 .year{-webkit-transition:.5s;transition:.5s}
.newslist1.dang-red li:hover .lin{background-color:#d10d1d}




.newspic-scroll .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.newspic-scroll .hd ul{ overflow:hidden; zoom:1; float:left;  }
.newspic-scroll .hd ul li{ float:left; margin-right:2px;  width:15px;color:#fff; height:15px; line-height:14px; text-align:center; background:#808080; cursor:pointer; }
.newspic-scroll .hd ul li.on{ background:#f6aa00;  }


.techlist{overflow:hidden;padding:0 0 20px;margin:6% -27px 0}
.techlist li{float:left;width:25%;margin-bottom:60px}
.techlist li .lin{padding:0 27px}
.techlist li a{display:block;position:relative}
.techlist li .pic{width:100%;height:0;padding-bottom:81.25%;position:relative;overflow:hidden}
.techlist li .pic .wrap{background-color:#f1f1f1;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;font-size:0;text-align:center}
.techlist li .pic .wrap i{display:inline-block;width:0;height:100%;vertical-align:middle}
.techlist li img{max-width:95%;max-height:95%;margin:2.25%}
.techlist li .cover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;background:rgba(175,175,175,.5) url(../image/glass2.png) center no-repeat;opacity:0}
.techlist li h3{width:100%;height:68px;background-color:#fff;position:relative;text-align:center;overflow:hidden}
.techlist li h3 span{position:relative;z-index:3;display:block;height:100%;overflow:hidden;font-size:16px;color:#666;line-height:68px;padding:0 10px}
.techlist li h3:before{content:'';position:absolute;left:0;bottom:0;z-index:0;width:100%;height:2px;background-color:#f1f1f1}
.techlist li .cover,.techlist li h3 span,.techlist li h3:before{-webkit-transition:.5s;transition:.5s}
.techlist li h3:after{-webkit-transition:.3s .3s;transition:.3s .3s}
.techlist li:hover h3 span{color:#fff}
.techlist li:hover h3:before{height:100%;background-color:#b9bbba}
.techlist li:hover h3:after{bottom:0}
.techlist li:hover .cover{opacity:1}
@media screen and (max-width:1440px){
	.techlist{padding:0 0 40px;margin:0 -20px}
	.techlist li{margin-bottom:40px}
	.techlist li .lin{padding:0 20px}
}
@media screen and (max-width:1200px){
	.techlist{padding:0 0 30px;margin:0 -15px}
	.techlist li .lin{padding:0 15px}
	.techlist li{width:33.3%}
}
@media screen and (max-width:900px){
	.techlist li{width:50%}
}
@media screen and (max-width:600px){
	.techlist li{width:100%}
	.techlist li{margin-bottom:30px}
}








.sHealth-season6-list{margin-top: 6%;}
.sHealth-season6-list .item{position:relative;overflow:hidden;width: 100%;height: auto;display: flex;flex-direction: column;}
.sHealth-season6-list .item .dt{position:relative;overflow:hidden;padding:1.2rem 1rem;background-color:#eee;color:#333;line-height:1em;background-size:cover;background-position:0 50%;background-repeat:no-repeat;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,.1);padding-top:50px;padding-bottom:50px;font-size:24px;width: 100%;box-sizing: border-box;}
.sHealth-season6-list .item .dt span{position:relative;padding-right:1.1em;display: block;}
.sHealth-season6-list .item .dt .arrow{pointer-events:none;position:absolute;right:0;top:50%;margin-top:-.5em;width:1em;height:1em;line-height:1em;-webkit-transition:all 250ms ease-out 0s,all 250ms ease-out 0s;transition:all 250ms ease-out 0s,all 250ms ease-out 0s;text-align:center;color:#333}
.sHealth-season6-list .item .dt .arrow s{position:absolute;left:0;top:0;right:0;bottom:0;font-family:SimSun,'宋体'!important;text-align:center;font-size:40px;font-weight:700;transform:rotate(90deg);transition:all .4s ease-out 0s;text-decoration: none;}
.sHealth-season6-list .item .dd{display:none;font-size:16px;padding:.6rem 1rem;background-color:#fff}
.sHealth-season6-list .item.active .dt .arrow s{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.sHealth-season6-list .item .dd p img {display: none;}


.bgtabb,.bgtabc{width:99%;text-align:center}
.bgtable{border:1px solid #dcdcdc;border-top:none;border-left:none}
.bgtabb,.bgtabc{width:99%;text-align:center}
.bgtable{border:1px solid #dcdcdc;border-top:none;border-left:none}
table{border-collapse:separate;border-spacing:2px}
.bgtable th{font-size:18px;background:#edf1f4;padding:0 .3%;border:1px solid #dcdcdc;border-bottom:none;border-right:none;line-height:260%}
.bgtable td{padding:0 .3%;border:1px solid #dcdcdc;border-bottom:none;border-right:none;line-height:240%;text-align:left;font-size:14px;padding-left:2%}
.bgtable tr:hover{background:#edf1f4}







.sOrigin-tab{position:relative;z-index:1;padding:1.2rem 0;}
.sOrigin-tab .container,.w{width:1440px}
.hScroll{width:100%;white-space:nowrap}
.sOrigin-tab .Tg .overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;padding-bottom:.4rem}
.sOrigin-tab .Tg .btn{position:relative;display:inline-block;vertical-align:top;width:23.5%;min-width:180px;border:solid 1px rgba(0,0,0,.4);-webkit-box-sizing:border-box;box-sizing:border-box;padding:.6rem;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;text-align:center}
.sOrigin-tab .Tg .btn .cn{font-size: 18px;line-height:1.25}
.sOrigin-tab .Tg .btn .cn:after{content:" ";display:block;margin:.75em auto 0;width:1em;height:1px;background-color:#333}
.sOrigin-tab .Tg .btn .en{margin-top:.3rem;font-size:12px;line-height:16px;text-transform:uppercase;font-weight:700;}
.sOrigin-tab .Tg .btn:after{content:" ";position:absolute;left:50%;margin-left:-.3rem;top:100%;overflow:hidden;width:0;height:0;border-width:.3rem .3rem;border-color:#b9bbba transparent transparent transparent;border-style:solid;font-size:0;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
.sOrigin-tab .Tg .btn.on{background-color:#b9bbba;border-color:#b9bbba}
.sOrigin-tab .Tg .btn:nth-child(1n+2){margin-left:.5rem}
.sOrigin-tab .Tg .btn.on:after{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:1;visibility:visible;-webkit-transform:none!important;transform:none!important}
.sOrigin-tab .Tg .btn.on .cn{color: #fff;}
.sOrigin-tab .Tg .btn.on .cn::after{background:rgba(255,255,255,.6);}
.sOrigin-tab .Tg .btn.on .en{color: #fff;opacity: .8}
.sOrigin-tab .Tt{margin-top:.8rem;padding:.7rem 1rem;background-color:#f5f5f5;color:#333;}
.sOrigin-tab .Tt p{line-height: 64px;font-size: 16px;}
.sOrigin-tab .Tt .box{min-height:4em}
.Tt>.box{display:none}
.Tt>.box.on{display:block}


.subpage-wrap.test .imax p{line-height:240%;font-size:18px}
.profile-5{background:-webkit-linear-gradient(left,#efefef ,#fff);height:auto;margin-top:45px;padding:30px 0 30px 50px;box-sizing:border-box;margin-bottom:60px}
.profile-5 p{text-transform:uppercase;font-size:16px;color:#d1d1d1;margin-bottom:15px}
.profile-5 b{display:block;font-size:16px;color:#111e3e;line-height:180%;padding-bottom:20px;margin-bottom:20px;position:relative}
.profile-5 b:after{position:absolute;content:'';width:75px;background:#9e9e9e;height:3px;bottom:0;left:0}






.whpage h3.title{font-size:30px;color:#333;line-height:54px;text-align:center;overflow:hidden}
.whpage .intro{text-align:center;font-size:16px;color:#666;line-height:36px;max-width:800px;margin:14px auto 0}
.whpage .pic{display:block;width:100%;text-align:center;overflow:hidden}
.whpage .pic img{max-width:100%;position:static}
img.sc104:hover{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}
img.sc104{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}




.service .list{margin-top: 54px; height: 200px; background-image: url(../image/bg-cpSecA.png); background-size: auto; background-position: 50% 75px; background-repeat: no-repeat; font-size: 0; text-align: center;width: 1200px;margin: 4% auto 2%;}
.service .list .item{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 33.3333%; height: auto; border-radius: 50%; display: flex;flex-direction: column;justify-content: center;float: left;}
.service .list .item:first-child{margin-left: 0;}
.service .list .pic{width: 168px; height: 168px; padding: 7px; border-radius: 50%; background-image: url(../image/bg-cpSecAitem.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;margin: 0 auto;    background-size: cover;}
.service .list .pic img{transform: scale(0.9);}
.service .list .name{margin-top: 18px; font-size: 16px; line-height: 20px; text-align: center; color: #333333;}



.sHealth-season6-intro{position:relative;z-index:2;padding:2rem 0}
.sHealth-season6-intro .imax{margin-left:auto;width:100%;max-width:936px;padding:1.2rem 1.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,.6);background-image:url(../image/bgs-health-txt.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.sHealth-season6-intro .imax p{font-size:16px;line-height: 240%;}
.sHealth-season6-intro .imax p.title{font-size: 24px;margin-bottom: 1.6%;}
@media screen and (max-width:1024px){
	.sHealth-season6-intro .imax{max-width:100%}
}





@font-face {font-family: lato;src:url('../font/Lato-Bold.ttf') format('truetype');}
@font-face {font-family: latom;src:url('../font/Lato-Medium.ttf') format('truetype');}
@font-face {font-family: lator;src:url('../font/Lato-Regular.ttf') format('truetype');}




.whlist{padding:100px 0}
.whlist li{overflow:hidden;min-height:450px;margin-bottom:128px}
.whlist li:last-child{margin-bottom:0}
.whlist li .pic{float:right;width:50%;height:450px;position:relative;overflow:hidden}
.whlist .pic img{position:absolute;width:720px;height:100%;left:50%;top:0;z-index:1;margin-left:-360px}
.whlist li .wz{float:left;width:50%;height:100%}
.wh1r{padding-right:21%}
.wh1r .num{font-size:120px;color:#f5f5f5;line-height:116px;height:116px;overflow:hidden}
.wh1r h3{font-size:30px;color:#333;line-height:52px;height:52px;overflow:hidden;position:relative;z-index:1;margin-top:-52px}
.wh1r:hover h3{color:#f6aa00}
.wh1r .fig{height:42px;margin-top:32px}
.wh1r .fig img{max-width:100%;max-height:100%}
.wh1r .txt{font-size:16px;color:#666;line-height:32px;overflow:hidden;margin-top:36px;font-family:Helvetica,sans-serif;}
.wh1r .txt p{font-family:lator;line-height: 180%;opacity: .6;margin-top: 2%;}
.whlist li:nth-child(even) .pic{float:left}
.whlist li:nth-child(even) .wz{float:right}
.whlist li:nth-child(even) .wh1r{padding-right:0;padding-left:21%}
.wh1r .hx{display:block;height:12px;margin-top:40px;font-size:0;position:relative;background:url(../image/quan.png) 0 no-repeat}
.wh1r .hx:before{content:'';position:absolute;left:18px;top:6px;z-index:0;width:80px;height:1px;background-color:#000;-webkit-transition:.6s;transition:.6s}
.wh1r:hover .hx:before{width:160px;background-color: #f6aa00}
@media screen and (max-width:1560px){.wh1r{padding-right:16%}
.whlist li:nth-child(even) .wh1r{padding-right:0;padding-left:16%}
}
@media screen and (max-width:1280px){.wh1r{padding-right:10%}
.whlist li:nth-child(even) .wh1r{padding-right:0;padding-left:10%}
}
@media screen and (max-width:1023px){.whlist{padding:60px 0 40px}
.whlist li{height:auto;margin-bottom:30px}
.whlist li .pic{float:none;width:720px;max-width:100%;margin:0 auto;height:400px}
.whlist li:nth-child(even) .pic{float:none}
.whlist li .wz{float:none;width:720px;max-width:100%;margin:0 auto}
.whlist li:nth-child(even) .wz{float:none}
.wh1r{padding:30px 0}
.whlist li:nth-child(even) .wh1r{padding-right:0;padding-left:0}
}










.phoneShow{display: none;}

.huaxi{background:url(../image/city.jpg) center no-repeat;background-size:cover;padding:106px 0 118px;text-align:center}
.huaxi .intro{font-size:16px;line-height:180%;color:#fff;max-width:40%;margin: 3% auto;}
.huaxi .cn img{max-width:100%}
.shanlist{width:100%;font-size:0;text-align:center}
.shanlist li{display:inline-block;width:152px;max-width:20%;position:relative}
.shanlist li a{display:block;text-align:center}
.shanlist .pic{width:120px;height:120px;margin:0 auto}
.shanlist .p1{width:100%;height:100%;border-radius:50%;overflow:hidden}
.shanlist .p2{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;background-color:#b9bbba}
.shanlist .p1:before{content:'';position:absolute;left:50%;top:50%;z-index:1;width:98px;height:98px;border:1px solid #b9bbba;border-radius:50%;margin-left:-50px;margin-top:-50px}
.shanlist .p2:before{content:'';position:absolute;left:50%;top:50%;z-index:1;width:98px;height:98px;border:1px solid #fff;border-radius:50%;margin-left:-50px;margin-top:-50px}
.shanlist .p2 h3{font-size:16px;color:#fff;line-height:120px;height:120px;overflow:hidden}
.shanlist .i1 .p1{background:#fff url(../image/shan1.png) center no-repeat}
.shanlist .i2 .p1{background:#fff url(../image/shan2.png) center no-repeat}
.shanlist .i3 .p1{background:#fff url(../image/shan3.png) center no-repeat}
.shanlist .i4 .p1{background:#fff url(../image/shan4.png) center no-repeat}
.shanlist .i5 .p1{background:#fff url(../image/shan5.png) center no-repeat}
.shanlist li:hover .rollover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.rollover {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    overflow: visible!important;
    -webkit-transition: .6s;
    transition: .6s;
}
.rollover .p1, .rollover .p2 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.rollover .p2 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
@media screen and (max-width:880px){
	.shanlist li{width:33.33%;max-width:none}
}






.hezuo{ padding-top: 60px ;padding-bottom:100px; /*background: url('../image/lxbg.jpg') top no-repeat; background-size: 100% 100%;*/}
.hezuo .ganxie{ font-size: 16px; line-height: 26px; margin: 5% 0 30px;text-align: center;}
.lxerji{ position: relative; font-size: 0; width: 100%; border-bottom: 1px solid #bdbdbd;}
.lxerji li{ display: inline-block; height: 90px; text-align: center; margin-right: 38px;}
.lxerji li a{ display: block; padding-bottom: 26px; position: relative;line-height: 64px; font-size: 28px; height: 64px;}
.lxerji li a::after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; border-bottom: 4px solid #333; -webkit-transition: .3s; transition: .3s;}
.lxerji li a:hover::after{ width: 100%; left:0;transition: width 0.3s; -webkit- transition: width 0.3s;}
.lxerji li.on a::after{ width: 100%; left:0;}
.lxcontent{ font-size: 14px; color: #666; line-height: 26px;}

.biaodan{ background-color: #fff; padding: 80px 65px 85px; border: 5px solid #eee;}
.liuyan{ color: #333; font-size: 0; width: 100%; max-width: 100%;}
.liuyan .hang{ width: 530px; height: 36px; line-height: 36px; margin-bottom: 24px;}
.liuyan .hang.short{ float: left; width: 300px; margin-right: 30px;}
.liuyan .hang.short.liuyan{margin-right: 0;float: right;width: auto;}
.liuyan .hang.fat{ width: 100%; height: auto;}
.liuyan .hang.fat p{position: relative;display: block;margin-top: 7%}
.liuyan .hang.fat p label{position: absolute;left:0;margin: 0;}

.liuyan input[type=text]{ width: 100%; height: 42px; border:1px solid #ddd;line-height: 42px; text-indent: 10px; font-size: 14px; margin-left: -2px;color: #bdbdbd;}
.liuyan p { padding-left: 84px; height: 100%;}
.liuyan p label{float: left; margin-left: -84px; width: 80px; font-size: 16px; line-height: 42px;}
.liuyan textarea{ padding: 0 1%; height: 96px; border:1px solid #ddd; resize:none;vertical-align: top; width:98%; line-height: 280%; font-size: 14px; margin-left: -2px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus{ border-color: #f6aa00;}
.liuyan input[type=text],.liuyan textarea{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.liuyan .hang i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}
.liuyan .hang2{ float: left; height: 36px; line-height: 36px; margin-bottom: 24px;}
.liuyan .hang2 i.v{ display: inline-block; height: 100%; vertical-align: top;}
.liuyan input#yzm1,.liuyan input#yzm{ width: 125px;}
.liuyan img#verifyImg1,.liuyan img#verifyImg{ width: 80px; height: 36px; cursor: pointer; vertical-align: top; margin-left: 15px;}
.liuyan .yzmchange{ display: inline-block; width: 60px; text-align: center; vertical-align: top;}
.liuyan .btnarea{ float: right; text-align: center; margin-top: 40px;}
.liuyan .btnarea input{ width: 140px; height: 36px; font-size: 18px; line-height: 34px; color: #fff;}
.liuyan .btnarea input:hover{ opacity: 0.9; filter:alpha(opacity=90);}
.liuyan input#tj{ background-color: #00a0e3; border: 1px solid #00a0e3;}
.liuyan input#cz{ background-color: #bbb; border: 1px solid #bbb;}
.liuyan input#tj:hover{ background-color: #fff; color: #00a0e3;}
.liuyan input#cz:hover{ background-color: #fff; color: #bbb;}

.liuyan input#tj {
    float: right;
    width: 160px;
    height: 42px;
    font-size: 18px;
    line-height: 44px;
    background-color: #b9bbba;
    color: #fff;
    margin-left: 14px;
    border: 1px solid #b9bbba;
    transition: all 250ms ease-out 0s;
}
.liuyan input#tj:hover {
    background-color: #f6aa00;border: 1px solid #f6aa00;
    color: #fff;
}
@media screen and (max-width:1640px){
	.hezuo .cer2{ width: 1200px;}
	.leftlogotel p{line-height: 160%;}
	.topp{padding-left: 2%;}
	.footer-t .fnav .secNav .secItem:nth-child(6),.footer-t .fnav .secNav .secItem:nth-child(7),.footer-t .fnav .secNav .secItem:nth-child(8),.footer-t .fnav .secNav .secItem:nth-child(9){display: none;}
	.leftlogotel p:nth-child(4),.leftlogotel p:nth-child(5),.leftlogotel p:nth-child(6){display: none;}
}
@media screen and (max-width:1300px){
	.hezuo .cer2{ width: 1000px;}
}
@media screen and (max-width:1050px){
	.hezuo .cer2{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:1220px){
	.liuyan .hang{ width: 100%;}
	.liuyan .hang.short{ width: 32%; margin-right: 2%;}
	.liuyan .hang.short.i4{ margin-right: 0;}
	.liuyan textarea{ width: 98%;}
}
@media screen and (max-width:960px){
	.biaodan{ padding: 60px 40px 65px;}
	.liuyan .hang2{ float: none;}
	.liuyan .btnarea{ float: none;}
	.liuyan input#yzm,.liuyan input#yzm1{ width: 200px;}
	.liuyan img#verifyImg1,.liuyan img#verifyImg{ width: auto;}
	.liuyan .hang.short{ float: none; width: 100%; margin-right: 0;}
}
@media screen and (max-width:750px){
	.hezuo .ganxie{ font-size: 26px; line-height: 40px;}
	.biaodan{ padding: 40px 30px 65px;}
	.liuyan .hang{ height: auto; line-height: 50px; margin-bottom: 30px;}
	.liuyan input[type=text]{ font-size: 24px; height: 48px; line-height: 48px;}
	.liuyan p { padding-left: 0; height: auto;}
	.liuyan p label{ float: none; display: block; width: 200px; height: 40px;
		line-height: 40px; margin-left: 0; font-size: 24px;}
	.liuyan textarea{ line-height: 40px; font-size: 24px; height: 200px;}
	.liuyan .hang i.v,.liuyan .hang2 i.v{height: auto;}
	.liuyan .hang2{ height: auto; line-height: 50px; margin-bottom: 40px;}
	.liuyan img#verifyImg1,.liuyan img#verifyImg1{ height: 50px;}
	.liuyan .yzmchange{ width: 100px; height: 50px;}
	.v span.Validform_checktip{ font-size: 22px; line-height: 30px; height: 30px; left:auto; right:0;}
	.liuyan  .btnarea input{ width: 260px; height: 60px; font-size: 30px; }
}




.sContact-list{position: relative; margin-top: 40px; padding-left: 25px; padding-bottom: 30px; }
.sContact-list .fl{float: left;width: 30%;margin-right: 15%}

.sContact-list .dt{padding-bottom: 8px; font-size: 24px; color: #e06222;}
.sContact-list .dt span{margin-left: 10px; display: inline-block; vertical-align: top; width: 298px; height: 24px; background-image: url(/template/default/static/image/bgs-contactDt.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-indent: 12px; font-size: 14px; color: #fff; line-height: 24px;}
.sContact-list .dd{position: relative; margin-top: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 34px; line-height: 20px; font-size: 16px; color: #666666; min-height: 20px;}
.sContact-list .dd .icoImg{position: absolute; left: 0; top: 0; width: 24px; height: 24px;}
.sContact-list .qrcode{text-align: center; color: #999999;margin-left: auto;}
.sContact-list .qrcode img{width: 136px; height: 136px; margin-bottom: 5px;}






.cate2{text-align:center}
.cate2 .cn{font-size:32px;line-height:180%;color:#333}
.cer2 .cate2 p{font-size:24px;line-height:180%;color:#666}
.lichenlist{max-width:1376px;padding:20px 0 90px;position:relative;margin:5% auto 0}
.lichenlist:before{content:'';position:absolute;left:50%;top:0;z-index:0;width:0;bottom:110px;border-left:1px dashed #b4b4b4}
.lichenlist li{padding-right:50%;min-height: 168px;height: auto;text-align:right;position:relative;z-index:1;background:url(../image/dotfz.png) center bottom no-repeat;margin-bottom:14px;}
.lichenlist li .inner{margin-right:32px;min-height: 168px;height: auto;-webkit-box-shadow:0 0 6px 0 rgba(135,135,135,.3);overflow: hidden;box-shadow:0 0 6px 0 rgba(135,135,135,.3);background: #fff;}
.lichenlist li .inner2{padding-left:300px;min-height: 168px;height: auto;position:relative}
.lichenlist li .pic{width:300px;min-height: 220px;height: auto;max-width:50%;position:absolute;left:0;top:0;z-index:1}
.lichenlist li .pic img{width:100%;min-height: 168px;height: auto;}
.lichenlist li .fzcon{display:table;width:100%;min-height: 168px;height: auto;}
.lichenlist li .tbcell{display:table-cell;vertical-align:middle;padding:22px 38px}
.lichenlist li .year{height:30px;line-height:30px;margin-bottom:12px;font-size:24px;color:#f6aa00;font-weight:700;font-style:italic}
.lichenlist li .txt{font-size:16px;color:#333;line-height:24px;overflow:hidden}
.lichenlist li:nth-child(2n){padding-right:0;padding-left:50%;text-align:left}
.lichenlist li:nth-child(2n) .inner{margin-left:32px;margin-right:0}
.lichenlist li:nth-child(2n) .inner2{padding-right:300px;padding-left:0}
.lichenlist li:nth-child(2n) .pic{left:auto;right:0}
@media screen and (max-width:1280px){.lichenlist{padding:20px 0 2px}
.lichenlist:before{bottom:40px;border-left-color:#ddd}
.lichenlist li{padding-right:0;height:auto;background-position:center;margin-bottom:30px}
.lichenlist li .inner{margin-right:0;padding:20px}
.lichenlist li .inner2{padding-left:50%}
.lichenlist li:nth-child(2n){padding-right:0;padding-left:0}
.lichenlist li:nth-child(2n) .inner{margin-left:0;margin-right:0}
.lichenlist li:nth-child(2n) .inner2{padding-right:50%;padding-left:0}
}
@media screen and (max-width:750px){
	.cate2 .cn{font-size:34px;line-height:54px}
	.cate2 p{font-size:24px;line-height:34px}
	.lichenlist li .inner{padding:15px}
	.lichenlist li .tbcell{padding:0 20px}
	.lichenlist li .year{font-size:30px;height:44px;line-height:44px}
	.lichenlist li .txt{font-size:24px;line-height:36px;max-height:108px}
}




.logo-inter img{margin: 0 auto;display: block;}
.logo-inter .interduc {text-align: center;padding: 4% 13% 0;font-size: 15px;}
.logo-inter .interduc .title{font-size: 32px;line-height: 180%;margin-bottom: 2%;display: block;}



.sCulture-list3.dif2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}
.sCulture-list3{margin-top: 4%;}
.sCulture-list3 .col{position:relative;overflow:hidden;width:33.33%;background-color:#f1f1f1}
/*.sCulture-list3 .col:nth-child(1n+2):before{z-index:8;content:" ";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#fff;pointer-events:none}*/
.sCulture-list3 .col .pic{height:0;padding-bottom:70%;z-index: 10;}
.sCulture-list3 .col::before {content: "";width: 100%;height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;z-index: 11;opacity: .6;}
.sCulture-list3 .col:hover::before{opacity: .8;transition: all .8s;-webkit-transition: all .8s;}
.sCulture-list3 .col .contain{position:absolute;z-index:12;left:10%;width:80%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center}
.sCulture-list3 .col .contain .dt{font-size: 18px}
.sCulture-list3 .col .contain .dd{font-size: 14px;line-height: 180%;padding: 0 15%;}
.sCulture-list3 .col .contain .hr{margin-top:.32rem;margin-bottom:.28rem;width:20px;height:3px;background-color:#fff;margin-left:auto;margin-right:auto}
.sCulture-list3 .col .contain .dd{font-size:14px;line-height:20px}
@media screen and (max-width:1440px){.sCulture-list3 .col .pic{padding-top:10%}
}
@media screen and (max-width:1024px){.sCulture-list3{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}
.sCulture-list3 .col{min-width:320px}
}



.sCulture-brand{padding:2rem 0 1rem;}
.sCulture-brand .head{padding:0 15px 0.8rem;text-align:center;line-height:1.5}
.sCulture-brand .head .dt{color:#333;font-size: 28px;}
.sCulture-brand .head .dd{margin-top:10px;max-width:60%;margin-left:auto;margin-right:auto;color:#666;font-size: 16px;}
.sCulture-brand .head .df{margin-left:auto;margin-right:auto;margin-top:.6rem;padding:.3rem;width:36px;height:36px;background-image:url(../image/dcts-culture-brand.png);background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;animation-name: bounces;animation-iteration-count: infinite;animation-duration: 3s;animation-fill-mode: both;}
@keyframes bounces {
/*    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
*/
    0% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.sCulture-brand .body{position:relative;z-index:2;color:#333}
.sCulture-brand .strangch{width: 1300px;margin: 0 auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack: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;padding:.9rem 0rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.sCulture-brand .strangch:after{display:none}
.sCulture-brand .strangch .oLi{display:inline-block;vertical-align:top;position:relative;max-width:300px;width:25%;min-width:220px;padding:1.4rem .6rem .8rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.sCulture-brand .strangch .oLi:after{content:" ";position:absolute;left:0;top:0;right:0;bottom:0;border:#b9bbba solid 2px;pointer-events:none;-webkit-clip-path:polygon(70% 10px,70% 0,100% 0,100% 100%,0 100%,0 0,30% 0,30% 10px);clip-path:polygon(70% 10px,70% 0,100% 0,100% 100%,0 100%,0 0,30% 0,30% 10px)}
.sCulture-brand .strangch .oLi i{display:block;margin-left:auto;margin-right:auto;}
.sCulture-brand .strangch .oLi i {font-size: 28px;}
.sCulture-brand .strangch .oLi .icoImg{display:block;margin-left:auto;margin-right:auto;height:64px;position: absolute;top: 0;width: 64px;margin-top: -2.5em;left: 50%;margin-left: -32px;}
.sCulture-brand .strangch .oLi p{margin-top:.5rem;font-size: 16px;line-height: 180%;color: #666;}
@media screen and (max-width:1024px){.sCulture-brand .oList{padding-left:0;padding-right:0;overflow-x:auto;overflow-y:visible}
.sCulture-brand .strangch .oLi{margin:0}
.sCulture-brand .strangch .oLi:nth-child(1n+2){margin-left:.8rem}
.sCulture-brand .strangch .oLi .icoImg{width:48px;height:48px}
}







.sAbout-section{position:relative;z-index:3}
.sAbout-section4{padding:4% 0}
.sAbout-section44  .dt{font-size:30px}
.sAbout-section44  .contain{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;color:#222}
.sAbout-section44  .contain:after{display:none}
.sAbout-section44  .wrapIn{text-align:center}
.sAbout-section44  .pagination{margin-top:1.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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}
.sAbout-section44  .pagination:after{display:none}
.sAbout-section44  .pagination .vr{margin-left:18px;margin-right:18px;width:1px;height:16px;background-color:rgba(102,102,102,.2)}
.sAbout-section44  .pagination .vr:nth-child(1){display:none}
.sAbout-section44  .pagination .btn{color:#666;-webkit-transition:color .4s ease-out 0s;transition:color .4s ease-out 0s}
.sAbout-section44  .pagination .btn .cn{font-size:16px}
.sAbout-section44  .pagination .btn .en{display:none}
.sAbout-section44  .pagination .btn.on{color:#222;font-weight:700}
/*.sAbout-section44  .pagination .btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}*/
.sAbout-section44  .operation{height:10.24rem;position:relative;margin-top: 5%;}
.sAbout-section44  .shade{margin-top:.8rem;margin-left:auto;margin-right:auto;width:86%;height:10.24rem}
.sAbout-section44  .shade .item{position:relative;left:0;top:0;width:100%;height:100%;background-color:#fff}
.sAbout-section44  .shade .item.moveItem{position:absolute}
.sAbout-section44  .shade .item .pic{width:100%;height:100%}
.sAbout-section44  .shade .item.leave{opacity:1!important}
.sAbout-section44  .shade .item.come{background-color:transparent}
.sAbout-section44  .shade .item.come .pic{-webkit-clip-path:inset(0 50%);clip-path:inset(0 50%);-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s}
.sAbout-section44  .shade .item.on .pic{-webkit-clip-path:inset(0);clip-path:inset(0)}
.sAbout-section44  .ctr{position:absolute;top:4.2rem;min-width:4.8rem;z-index:9}
.sAbout-section44  .ctr .hr{position:absolute;top:9px;background-color:#aaa;height:1px;width:3.6rem}
.sAbout-section44  .ctr .hr:after{content:" ";position:absolute;top:0;width:0;height:1px;background-color:#fff;mix-blend-mode:difference;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.sAbout-section44  .ctr .txt{display:inline-block;vertical-align:top;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
.sAbout-section44  .ctr .txt .cn{font-size:18px;color:#222}
.sAbout-section44  .ctr .txt .en{margin-top:8px;font-size:14px;font-family:Helvetica,sans-serif;text-transform:uppercase;color:#aaa}
.sAbout-section44  .ctr:hover{opacity:.8}
.sAbout-section44  .ctr.prev{left:0;text-align:left}
.sAbout-section44  .ctr.prev .hr{left:3.2rem}
.sAbout-section44  .ctr.prev .hr:after{right:100%;width:0}
.sAbout-section44  .ctr.prev:hover .hr:after{right:0;width:100%;-webkit-transition:right 0s ease-out 0s,width 220ms ease-out 0s;transition:right 0s ease-out 0s,width 220ms ease-out 0s}
.sAbout-section44  .ctr.next{right:0;text-align:right}
.sAbout-section44  .ctr.next .hr{right:3.2rem}
.sAbout-section44  .ctr.next .hr:after{left:100%;width:0}
.sAbout-section44  .ctr.next:hover .hr:after{left:0;width:100%;-webkit-transition:left 0s ease-out 0s,width 220ms ease-out 0s;transition:left 0s ease-out 0s,width 220ms ease-out 0s}
.sAbout-section44  .ctr.dotShake{-webkit-animation-name:none!important;animation-name:none!important}





.guanlist{width:100%;position:relative;font-size:0;background:url(../image/nianbg.jpg) center no-repeat;background-size:cover}
/*.guanlist:before{content:'';position:absolute;left:50%;top:-42px;z-index:10;width:3px;height:80px;background-color:#0c8e46;margin-left:-1px}*/
.guanlist li{display:inline-block;width:25%}
.guanlist li .lin{height:560px;position:relative;overflow:hidden}
.guanlist li .lin:after{content:'';position:absolute;right:0;bottom:0;z-index:4;width:1px;height:100%;background-color:rgba(255,255,255,.2)}
.guanlist .pic{width:100%;height:100%;overflow:hidden;opacity:0;position:absolute;left:0;top:0;z-index:0;font-size:0}
.guanlist .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.guanlist .cov{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;-webkit-transform:scale(.9);transform:scale(.9);opacity:0;background-color:rgba(0,0,0,.7)}
.guanlist li .in{padding:32% 30px;text-align:center;position:absolute;top:0;left:0;right:0;z-index:3;opacity: 0;}
.guanlist li:hover .in{opacity: 1}
.guanlist li .in .hx2{width:0;height:1px;background-color: #fff;margin:0 auto}
.guanlist li .in .cn{font-size:0;line-height:65px;height:65px}
.guanlist li .in .cn img{max-width:100%;max-height:100%}
.guanlist li .in .en{font-size:20px;color:#fff;line-height:30px;font-family:'Times New Roman';height:30px;overflow:hidden;text-transform:capitalize;margin:14px 0 26px}
.guanlist li .area{max-width:240px;height:60px;font-size:16px;color:#fff;line-height:32px;overflow:hidden;margin-top:22px;margin-left:auto;margin-right:auto}
.guanlist li .more{color: #ffffff;font-size: 14px;height: 32px;line-height: 32px;margin-top: 6%;border: 1px solid;border-radius: 50px;display: block;width: 120px;margin-left: auto;margin-right: auto;}
.guanlist .hx2,.guanlist .pic{-webkit-transition:.6s;transition:.6s}
.guanlist .cov,.guanlist .in{-webkit-transition:1s;transition:1s}
.guanlist li:hover .cov{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.guanlist li:hover .pic{opacity:1}
.guanlist li:hover .hx2{width:60px}
@media screen and (max-width: 1100px) {
	.guanlist li{width:50%;border-bottom:1px solid rgba(255,255,255,.2)}
	.guanlist li .lin{height:480px}
	.guanlist li .in{padding:270px 30px 0}
	.guanlist li:hover .in{padding-top:90px}
}
@media screen and (max-width: 600px) {
	.guanlist li{width:100%}
	.guanlist li .in{padding:90px 30px 0}
}






.sQuality-illustration-switch{position:relative;padding:2rem 2.8rem}
.sQuality-illustration-switch .shade{height:0;padding-bottom:66.81034483%}
.sQuality-illustration-switch .item{position:relative;left:0;top:0;width:100%;height:100%;background-color:#fff;z-index:6}
.sQuality-illustration-switch .item.moveItem{position:absolute}
.sQuality-illustration-switch .ctr{display:none;z-index:8;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px;height:120px;line-height:120px;-webkit-transition:all .4s ease 0s,all 220ms ease 0s,all 220ms ease 0s;transition:all .4s ease 0s,all 220ms ease 0s,all 220ms ease 0s;background-color:#b9bbba;padding:1rem .4rem;color:#fff;text-align:center}
.sQuality-illustration-switch .ctr s{font-size:60px;font-weight:700;padding:1rem .4rem}
.sQuality-illustration-switch .ctr s{position:absolute;left:0;right:0;top:0;bottom:0;font-family:SimSun,'宋体'!important;pointer-events:none;text-align:center;color:#fff}
.sQuality-illustration-switch .ctr.prev s{transform: rotateY(-180deg);}
.sQuality-illustration-switch .ctr:hover{color:#fff}
.sQuality-illustration-switch .ctr s{overflow:hidden;text-indent:-9999px;white-space:nowrap;padding:inherit}
.sQuality-illustration-switch .ctr s:after,.sQuality-illustration-switch .ctr s:before{content:" ";position:absolute;top:50%;left:50%;width:30px;height:2px;margin-top:-1px;background-color:#fff;-webkit-transition:all 220ms ease 0s,all 220ms ease 0s;transition:all 220ms ease 0s,all 220ms ease 0s}
.sQuality-illustration-switch .ctr .ysqUEO s:after,.sQuality-illustration-switch .ctr .ysqUEO s:before{-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}
/*.sQuality-illustration-switch .ctr .ysqUEO:hover s:after,.sQuality-illustration-switch .ctr .ysqUEO:hover s:before{background-color:#fff}*/
/*.sQuality-illustration-switch .ctr.prev s:after,..sQuality-illustration-switch .ctr.prev s:before{margin-left:-13px;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.sQuality-illustration-switch .ctr.prev s:before{-webkit-transform:rotate(-45deg) translateX(-1px);transform:rotate(-45deg) translateX(-1px)}
.sQuality-illustration-switch .ctr.prev s:after{-webkit-transform:rotate(45deg) translateX(-1px);transform:rotate(45deg) translateX(-1px)}*/
.sQuality-illustration-switch .ctr.prev s:after,.sQuality-illustration-switch .ctr.prev s:before{margin-left:-17px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.sQuality-illustration-switch .ctr.prev s:before{-webkit-transform:rotate(-45deg) translateX(1px);transform:rotate(-45deg) translateX(1px)}
.sQuality-illustration-switch .ctr.prev s:after{-webkit-transform:rotate(45deg) translateX(1px);transform:rotate(45deg) translateX(1px)}

.sQuality-illustration-switch .ctr.next s:after,.sQuality-illustration-switch .ctr.next s:before{margin-left:-17px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.sQuality-illustration-switch .ctr.next s:before{-webkit-transform:rotate(-45deg) translateX(1px);transform:rotate(-45deg) translateX(1px)}
.sQuality-illustration-switch .ctr.next s:after{-webkit-transform:rotate(45deg) translateX(1px);transform:rotate(45deg) translateX(1px)}
/*.sQuality-illustration-switch .ctr.prev:hover s:before{-webkit-transform:rotate(-45deg) translateX(-1px);transform:rotate(-45deg) translateX(-1px)}
.sQuality-illustration-switch .ctr.prev:hover s:after{-webkit-transform:rotate(45deg) translateX(-1px);transform:rotate(45deg) translateX(-1px)}
.sQuality-illustration-switch .ctr.next:hover s:before{-webkit-transform:rotate(-45deg) translateX(1px);transform:rotate(-45deg) translateX(1px)}
.sQuality-illustration-switch .ctr.next:hover s:after{-webkit-transform:rotate(45deg) translateX(1px);transform:rotate(45deg) translateX(1px)}*/
.sQuality-illustration-switch .ctr.prev{left:0}
.sQuality-illustration-switch .ctr.next{right:0}
/*.sQuality-illustration-switch .ctr:hover{background-color:rgba(168,16,22,.88)}*/

@media screen and (max-width: 1024px) {
	.sQuality-illustration-switch{padding-left:1.6rem;padding-right:1.6rem}
	.sQuality-illustration-switch .ctr{width:20px;height:40px;line-height:40px;padding:.6rem .3rem;color:#fff;-webkit-transition:all 220ms ease 0s,all 220ms ease 0s;transition:all 220ms ease 0s,all 220ms ease 0s;text-align:center}
	.sQuality-illustration-switch .ctr s{font-size:32px;padding:.6rem .3rem}
	.sQuality-illustration-switch .ctr s{position:absolute;left:0;right:0;top:0;bottom:0;font-family:SimSun,'宋体'!important;pointer-events:none;text-align:center;color:#fff}
	.sQuality-illustration-switch .ctr:hover{color:#fff}
	.sQuality-illustration-switch .ctr s{overflow:hidden;text-indent:-9999px;white-space:nowrap;padding:inherit}
	.sQuality-illustration-switch .ctr s:after,.ysqUEO .sQuality-illustration-switch .ctr s:before{content:" ";position:absolute;top:50%;left:50%;width:16px;height:1px;margin-top:-.5px;background-color:#fff;-webkit-transition:all 220ms ease 0s,all 220ms ease 0s;transition:all 220ms ease 0s,all 220ms ease 0s}
	.sQuality-illustration-switch .ctr .ysqUEO s:after,.sQuality-illustration-switch .ctr .ysqUEO s:before{-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}
	.sQuality-illustration-switch .ctr .ysqUEO:hover s:after,.sQuality-illustration-switch .ctr .ysqUEO:hover s:before{background-color:#fff}
	.sQuality-illustration-switch .ctr.prev s:after,.ysqUEO .sQuality-illustration-switch .ctr.prev s:before{margin-left:-7px;-webkit-transform-origin:0 50%;transform-origin:0 50%}
	.sQuality-illustration-switch .ctr.prev s:before{-webkit-transform:rotate(-45deg) translateX(-.5px);transform:rotate(-45deg) translateX(-.5px)}
	.sQuality-illustration-switch .ctr.prev s:after{-webkit-transform:rotate(45deg) translateX(-.5px);transform:rotate(45deg) translateX(-.5px)}
	.sQuality-illustration-switch .ctr.next s:after,.ysqUEO .sQuality-illustration-switch .ctr.next s:before{margin-left:-9px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
	.sQuality-illustration-switch .ctr.next s:before{-webkit-transform:rotate(-45deg) translateX(.5px);transform:rotate(-45deg) translateX(.5px)}
	.sQuality-illustration-switch .ctr.next s:after{-webkit-transform:rotate(45deg) translateX(.5px);transform:rotate(45deg) translateX(.5px)}
	.sQuality-illustration-switch .ctr.prev:hover s:before{-webkit-transform:rotate(-45deg) translateX(-.5px);transform:rotate(-45deg) translateX(-.5px)}
	.sQuality-illustration-switch .ctr.prev:hover s:after{-webkit-transform:rotate(45deg) translateX(-.5px);transform:rotate(45deg) translateX(-.5px)}
	.sQuality-illustration-switch .ctr.next:hover s:before{-webkit-transform:rotate(-45deg) translateX(.5px);transform:rotate(-45deg) translateX(.5px)}
	.sQuality-illustration-switch .ctr.next:hover s:after{-webkit-transform:rotate(45deg) translateX(.5px);transform:rotate(45deg) translateX(.5px)}

}










/* sPartyBuiding */
.sPartyBuiding{background-color:#fff;padding-bottom:3.6rem;background-image:url(/template/default/static/picture/bgs-partyBuilding.jpg);background-size:100% 100%;background-position:50% bottom;background-repeat:no-repeat}
.sPartyBuiding .contain.w{width: 1300px;}
.sPartyBuiding-resMove{position:relative;margin-bottom:1.2rem}
.sPartyBuiding-resMove .shade{height:auto;margin-top: 5%;}
.sPartyBuiding-resMove .box{position:relative!important;height:auto;white-space:nowrap;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: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}
.sPartyBuiding-resMove .box:after{display:none}
.sPartyBuiding-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}
.sPartyBuiding-resMove .item .pic{z-index:1;height:0;padding-bottom:56%;background-color:#f1f1f1;border-radius:5px}
.sPartyBuiding-resMove .item h3{z-index:2;padding:10px;font-size:14px;color:#333;text-align:center;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:18px}
.sPartyBuiding-resMove .item h3:after{z-index:-1;content:" ";position:absolute;left:0;bottom:0;right:0;height:2px;background-color:#0949ab}
.sPartyBuiding-resMove .paginationX1{margin-top:.6rem}
.sPartyBuiding-resMove .paginationX1 .btn.on{background-color:#d61608}
@media screen and (min-width: 1025px) {
	.sPartyBuiding-resMove .item h3,.sPartyBuiding-resMove .item h3:after{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
	.sPartyBuiding-resMove .item:hover .pic:after{-webkit-transform:none!important;transform:none!important;opacity:1}
	.sPartyBuiding-resMove .item:hover h3{color:#fff}
	.sPartyBuiding-resMove .item:hover h3:after{height:125%}
}
@media screen and (max-width: 1024px) {
	.sPartyBuiding-resMove .item:active .pic:after{-webkit-transform:none!important;transform:none!important;opacity:1}
	.sPartyBuiding-resMove .item:active h3{color:#fff}
	.sPartyBuiding-resMove .item:active h3:after{height:125%}  
}
.sPartyBuiding-list .item{width:48%;-webkit-box-sizing:border-box;box-sizing:border-box}
.sPartyBuiding-list .item:nth-child(2n+2){margin-left:4%}
.sPartyBuiding-list .item:nth-child(1n+3){margin-top:4%}
.sPartyBuiding-list .item .pic{height:0;padding-bottom:44.44444444%;background-color:#f1f1f1}
.sPartyBuiding-list .item .txt{margin-top:.4rem}
.sPartyBuiding-list .item .txt h3{color:#333;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;line-height:1.5em;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 18px;}
.sPartyBuiding-list .item .txt p{margin-top:.2rem;line-height:180%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666}
.sPartyBuiding-list .item .txt .moreX2{margin-top:.4rem;width: 120px;border: 1px solid;padding: 2% 2%;display: block;text-align: center;}
@media screen and (min-width: 1025px) {
	.sPartyBuiding-list .item .pic img,.sPartyBuiding-resMove .box .item .pic img{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
	.sPartyBuiding-list .item:hover .pic img,.sPartyBuiding-resMove .box .item:hover .pic img{-webkit-transform:scale(1.025);transform:scale(1.025)}
	.sPartyBuiding-list .item:hover h3{color:#f6aa00}
	.sPartyBuiding-list .item:hover .moreX2{-webkit-filter:grayscale(0);filter:grayscale(0);color:#f6aa00;}
}
@media screen and (max-width: 1024px) {
	.sPartyBuiding-list .item{width:49%}
	.sPartyBuiding-list .item:nth-child(2n+2){margin-left:2%}
	.sPartyBuiding-list .item:nth-child(1n+3){margin-top:2%}
	.sPartyBuiding-list .item:active h3{color:#d61608}
	.sPartyBuiding-list .item:active .moreX2{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transition:0s;transition:0s}
}
/*page*/
.pagination.paginationX1{height:10px;line-height:10px;position:relative;overflow:hidden;width:100%;z-index:3;text-align:center;white-space:nowrap}
.sPartyBuiding-resMove .paginationX1{margin-top:.6rem}
.pagination.paginationX1 .btn{display:inline-block;vertical-align:top;position:relative;z-index:1;margin:0 .16rem;width:10px;height:10px;border:0 solid #0949ab;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;border-radius:10px;background-color:#999}
.pagination.paginationX1 .btn>em{display:none}
.sPartyBuiding-resMove .paginationX1 .btn.on{background-color:#d61608}


 
.sProduct .sNews-view{background: #ffffff;}
.sProduct .sNews-view .sView-body img{display: block;width: 100%;}









/* index product */




.index-news-slide .shade{margin-top:2.60416667%;height:auto}
.index-news-slide .box{position:relative!important;height:auto;white-space:nowrap;font-size:0}
.index-news-slide .news{position:relative;overflow:hidden;display:inline-block;vertical-align:top;width:calc(25% - 6px);border:#eaeaea solid 2px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.index-news-slide .news .pic{z-index:1;height:0;padding-bottom:74.35897436%;background-color:#000;visibility:visible}
.index-news-slide .news .pic img{opacity:.5}
.index-news-slide .news .pic.load-error{background-image:none}
.index-news-slide .news .txt{position:absolute;z-index:2;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;padding:.6rem;white-space:normal;-webkit-transition:all 220ms ease 0s,all 220ms ease 0s;transition:all 220ms ease 0s,all 220ms ease 0s}
.index-news-slide .news .txt .time{font-family:Arial,sans-serif,'Microsoft YaHei','寰蒋闆呴粦'}
.index-news-slide .news .txt .time .d{text-indent:-1px}
.index-news-slide .news .txt .time .ym{font-size:14px}
.index-news-slide .news .txt h3{margin-top:.6rem;-webkit-transition:all 220ms ease 0s,all 220ms ease 0s;transition:all 220ms ease 0s,all 220ms ease 0s;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;line-height:1.25;font-size: 18px;}
.index-news-slide .news .txt p{margin-top:.3rem;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;height:48px;font-size: 14px;}
.index-news-slide .news .txt .more{display:block;margin-top:.4rem}
.hbg .op0{visibility:hidden;-webkit-transition:all 250ms cubic-bezier(.46,.03,.52,1) 0s;transition:all 250ms cubic-bezier(.46,.03,.52,1) 0s}
.index-news-slide .news:hover .txt, .index-news-slide .news:hover .txt h3 {
    color: #fff;
}
.ysqUEO .hbg:hover .zd {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.hbg:hover .op0 {
    -webkit-transition: all 250ms cubic-bezier(.46,.03,.52,1) 0s;
    transition: all 250ms cubic-bezier(.46,.03,.52,1) 0s;
    opacity: 1;
    visibility: visible;
}
.ysqUEO .hbg .zd{-webkit-transform:scale(1.5);transform:scale(1.5)}
.ysqUEO .hbg.hbgOn .zd,.ysqUEO .hbg:hover .zd{-webkit-transform:scale(1);transform:scale(1)}
.ysqUEO .scs.hbgOn img,.ysqUEO .scs:hover img,.ysqUEO .scst.hbgOn img,.ysqUEO .scst:hover img{-webkit-transform:scale(1.025);transform:scale(1.025)}
.ysqUEO .scs img{-webkit-transition-duration:.8s;transition-duration:.8s}
.ysqUEO .scst img{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.ysqUEO .tfx-3,.ysqUEO .tfx3,.ysqUEO .tfy-3,.ysqUEO .tfy3{-webkit-transition:all 220ms ease 0s,all 220ms ease 0s;transition:all 220ms ease 0s,all 220ms ease 0s}
.ysqUEO .tfy3:hover{-webkit-transform:translateY(3px);transform:translateY(3px)}
.ysqUEO .tfx3:hover{-webkit-transform:translateX(3px);transform:translateX(3px)}
/*.ysqUEO .tfy-3:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}*/
.ysqUEO .tfx-3:hover{-webkit-transform:translateX(-3px);transform:translateX(-3px)}
.ysqUEO .stereoUp{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}
.ysqUEO .stereoUp:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:1px 2px 4px 0 rgba(0,0,0,.25);box-shadow:1px 2px 4px 0 rgba(0,0,0,.25)}
.hbg .op0{visibility:hidden;-webkit-transition:all 250ms cubic-bezier(.46,.03,.52,1) 0s;transition:all 250ms cubic-bezier(.46,.03,.52,1) 0s}
.hbg.hbgOn .op0,.hbg:hover .op0{-webkit-transition:all 250ms cubic-bezier(.46,.03,.52,1) 0s;transition:all 250ms cubic-bezier(.46,.03,.52,1) 0s;opacity:1;visibility:visible}
.hbg.hbgOn .op0.htfn,.hbg:hover .op0.htfn{-webkit-transform:none!important;transform:none!important}
.hbg .front{z-index:3}
.hbg .behind{z-index:4}
.hbg .front,.hbg.hbgOn .behind,.hbg:hover .behind{-webkit-transition:all 250ms ease 0s;transition:all 250ms ease 0s;opacity:1;visibility:visible}
.hbg .behind,.hbg.hbgOn .front,.hbg:hover .front{-webkit-transition:all 250ms ease 0s;transition:all 250ms ease 0s}





.index-news-slide .news .txt .time .d{
    font-size: 48px;
}
.index-news-slide .news .txt .time .d {
    text-indent: -1px;
}
.index-news-slide .news .txt .time .ym {
    font-size: 14px;
}






.leftlogotel{float:left;text-align:left;padding-bottom:20px;color:#fff;width: 30%;}
.leftlogotel img{display:inline-block}
.leftlogotel p{margin-bottom:3%;opacity: .42}
.leftlogotel p.name{font-size:18px;padding:7% 0 0;letter-spacing:1.2px}
.leftlogotel p.phone{font-size:16px}
.leftlogotel p.phone span{display:inline-block}
.leftlogotel p.phone span.pho{opacity:.6;font-size:14px;line-height:180%}
.leftlogotel p.phone span.side{transform:translateY(-25px)}
.footershare{padding:20px 0 0 0;text-align:left;z-index:2;font-size:0}
#share a{width:36px;height:36px;display:inline-block;vertical-align:top;padding:0;float:none;margin:0 6px;background-repeat:no-repeat;background-position:center center}
#share a:first-child{margin-left:0}
#share a.shareweixin{background-image:url(../image/icon2.png)}
#share a.sharexinlang{background-image:url(../image/icon3.png)}
#share a.emial{background-image:url(../image/icon4.png)}
#share a.tel{background-image:url(../image/icon5.png)}

.frindlink{border-top:1px solid rgba(255,255,255,.12);margin:3% 0 0 0;padding:27px 0 0 2%;width: 100%;}
.frindlink p{padding:0 0 12px 0;line-height:28px}
.frindlink span{display:inline-block;vertical-align:top;background-color:rgba(255,255,255,.1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#cfd4d9;padding:0 12px}
.frindlink a{display:inline-block;vertical-align:top;font-size:14px;color:#fff;padding:0 6px;opacity: .42;}

.footer-t .fl{float: left;}
.footer-t .fr{float: right;}



.sNews-list.ysqRow{margin-bottom: 3%;margin-top: 5%;}

.proSide{padding:0 2%;background:#fff;}
.proSide .productside{margin-top: 0;}


@media screen and (max-width: 640px){
	.index-about .body .datas .col,.i3box,.index-news-slide .box{display: flex;flex-direction: column;}
	.i3box li{width: 100%;}
	.index-news-slide .news{width: 96% !important;border: none;}
	.hbg:hover .op0 {
    opacity: 0;
    visibility: visible;
	}
	.index-news-slide .news .txt .time,.index-news-slide .news .txt .more{display: none;}
	.index-news-slide .news{border: none !important;border-bottom: 1px solid #bdbdbd !important;}
	.index-news-slide .news .pic{padding-bottom: 40% !important;}
	.index-product .Tg .btn:last-child{display: none;}
	.index-news-slide .news:hover .txt, .index-news-slide .news:hover .txt h3 {color: #333;}
	.subpage-wrap.sAbout .fcate3,.subpage-wrap.sAbout .fguolist{display: none;}
	.imax{font-size: 16px !important}
	.sAbout-intro .imax strong {line-height: 180%;margin: 4% 0;}
	.gsgkBox3,.gsgkBox8,.sAbout-section5,.fchen,.productside,.caselist {}

	.honor .con .honor-list ul li{width: 100%;}
	.sTechnology{padding-top: 0;}
	.sIndustry-view .wrapX .left{padding-top: 0;}
	.sIndustry-view.sTechnology .subpage-head{margin-left: 0;margin-right: 0}
	.sIndustry-view .wrapX .right .slideBox .bd ul {min-height: 390px;}
	.sIndustry-view .wrapX .right .slideBox .bd ul::after{display: none;}

	.sIndustry-view .wrapX .right {margin-top: 6%;}

	.subpage-wrap.sIndustry-view{padding-top: 3.6rem;}
	.sIndustry-view .wrapX .right.companyIMG{min-height: 28vh;}

	.guanlist{display: flex;margin-top: 3%;}
	.guanlist li .lin {height: 32vh;}

	.whpage.hasani{padding-top: 6%;}

	.whpage h3.title{font-size: 26px;}
	.whpage h3.title i{display: none;}

	.sQuality-illustration p{display: none;}
	.whpage .intro{text-align: left;}

	.historyItem{padding-top: 10%;}
	.cate2 .cn {
	    font-size: 26px;
	    line-height: 180%;
	}
	.cer2 .cate2 p {
	    font-size: 18px;
	    line-height: 180%;
	}
	.lichenlist li .pic{display: none;}
	.lichenlist:before{left: 12%;}
	.lichenlist li .inner2{padding-left: 0;}
	.lichenlist li{background-position: left center;}

	.subpage-banner {
	    height: 9.8rem;
	}
	.logo-inter img {
	    margin: 9% auto 0;
	    display: block;
	    width: 36%;
	}
	.logo-inter .interduc {
	    text-align: center;
	    padding: 6% 0% 0;
		margin-left: 8%;
		margin-right: 8%;
	}
	.sCulture-list3 .col .contain .dd{padding: 0;line-height: 180%;}
	.whpage h3.title {
	    font-size: 22px;
	    padding: 0 8%;
	    line-height: 180%;
	}
	.whpage .intro{text-align: center;line-height: 180%;}
	.sCulture-brand .strangch{width: 100%;display: flex;justify-content: center;flex-direction: column;align-items: center;margin: 10% auto 0;}
	.sCulture-brand .strangch .oLi:nth-child(1n+2) {margin-left: 0;}
	.sCulture-brand .strangch .oLi{width: 100%;margin-bottom: 14%;}
	.sCulture-brand .strangch .oLi .icoImg{margin-left: -24px;}
	.sCulture-brand .strangch .oLi:after{border: none;}
	.index-axd {height: auto;padding-bottom: 0;}


	.footer-t .contain{display: flex;flex-direction: column;}
	.leftlogotel{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.footer-t .fqrcode{display: none;}



	.sAbout-intro{padding-top: 4%;}
	.subpage-wrap.sAbout::after{display: none;}


	.historym{display: none;}



	.sHonor{padding:10% 0 4%;}
	.sTechorp{padding:16% 0 4%;}
	.sSupply,.sTestce{padding: 10% 0 4%;}

	.sTechnology .wrapX p {line-height: 200%;font-size: 16px;}
	.honor {padding-bottom: 0;}

	.sTechnology .wrapX p br{display: none;}


	
	.lichenlist li .fzcon,.lichenlist li .tbcell{display: block;}
	.lichenlist li{text-align: left;}
	.lichenlist li .inner2{padding-right: 0 !important;}
	.lichenlist li .txt{font-size: 16px;}

	.lichenlist li .inner{height: auto;}
	.lichenlist li .year{font-style: unset;line-height: 180%;height: auto;font-size: 24px;}

	
	.lichenlist{margin-top: 0;}




	.logo-inter .interduc.culsec{margin:0;}
	.logo-inter .interduc.culsec .title{font-size: 20px;}

	.sAbout-intro .head img.encu{max-width: 76%;bottom: -0.48rem;}
	.sAbout-intro .head::after{display: none;}
	.sCulture-brand .strangch .oLi i {font-size: 18px;}
	.sCulture-brand .strangch .oLi p {font-size: 14px;}
	.sCulture-brand{padding-top: 10%;}
	.sCulture-brand,.sCulture-list3.dif2{display: none;}
	.sCulture-brand .strangch .oLi:last-child{margin-bottom: 0;}


	.sPartyBuiding .contain.w{width: 100%;padding: 0 2%;}
	.sPartyBuiding-resMove .shade {margin-top: 10%;}
	.sPartyBuiding{background-size: cover;}


	.index-axd{margin-top: 6%;}

	.sPartyBuiding-resMove .historyItem{padding-top: 2%}
	.sPartyBuiding-list .item .txt .moreX2 {padding: 5% 2%;}



	.newspic-scroll{height: auto;}
	.newslist1{float: left;width: 100%;}
	.newslist1 li a{padding-left: 0;}
	.newslist1 li .lin{padding:3% 2%;}
	.newslist1 li h3{font-size: 16px;}
	.newslist1 li .txt{text-align: left;}


	div.pageList{margin:6% auto;}
	div.pageList ul a{padding: 0 10px;border-radius: 0;-webkit-border-radius: 0;line-height: 32px;height: 32px;}



	.sContact-list{display: flex;flex-direction: column;padding: 0;}
	.sContact-list .item{width: 100%;margin-left: 0 !important;}
	.sContact-list{overflow-x: hidden;}
	.sContact-list .item, .sContact-list .item .dt, .sContact-list .item .dd{line-height: 180%;}
	.sContact-list .item .dt{font-size: 14px;}





	.sContact .sContact-list{display: none;}
	.phoneShow{display: block;padding: 0 2%;}	
	.phoneShow p{line-height: 180%;display: flex;font-size: 16px}
	.phoneShow p.info{font-size: 16px;margin-bottom: 2%;}
	.phoneShow p.whr{border-bottom: 1px solid rgba(0,0,0,.12);padding-bottom: 4%;}
	.phoneShow p.ptop{padding-top: 4%;}
	.phoneShow p.cur{color: #f6aa00;font-weight: bold;}
	.phoneShow p span:first-child{min-width: 4rem;}
	.phoneShow p span{display: inline-block;float: left;}

	.minsite{display: flex;margin-top: 4%;}
	.minsite a.more.moreX1{margin: 0 auto;/*background-color: #f6aa00;border:1px solid #f6aa00;*/} 



	.huaxi{padding: 14% 0 12%;}
	.huaxi .intro{max-width: 86%;margin: 6% auto;}
	.shanlist{display: none;}


	.sHealth-season6-intro{margin-top: 4%;}
	.sHealth-season6-intro .contain{width: 96%;}
	.sHealth-season6-intro .imax{max-height: 42vh;overflow: auto;background-image: url(../image/bgs-health-txt.png);background-position: right;}


	.hezuo .ganxie{font-size: 16px;line-height: 180%;text-indent: 2rem;}
	.liuyan input[type=text],.liuyan p label,.liuyan textarea{font-size: 14px;}
	.liuyan .hang{margin-bottom: 2%;}
	.liuyan textarea{line-height: 40px;padding-left: 3%;}

	.biaodan{padding: 4% 6%;}
	.liuyan .hang.fat p{display: flex;flex-direction: column;}
	.liuyan .hang.fat p em.v{margin-top: 2rem;}

	.biaodan{display: flex;flex-direction: column;justify-content: flex-start;font-size: 14px;line-height: 180%;}
	.hezuo{padding-bottom: 8%;}


	.sHr-intro .section .txt .wrapIn{font-size: 16px;}
	.sHealth-season6-list .item .dd .bgtable,.sHealth-season6-list .item .dd p br{display: none;}
	.sHealth-season6-list .item .dd p img{display: block;width: 100%;margin: 4% 0;}
	.sHealth-season6-list .item .dt{padding-top: 35px;padding-bottom: 35px;font-size: 18px;}
	.sHealth-season6-list .item .dt .arrow s{font-size: 26px;}
	.sHealth-season6-list .item{margin-top: 8%;}

	.techlist{padding-bottom: 0;}
}	






.lxout {
  margin: 80px 0 100px;
}
.lxtwo {
	margin-top: 5%;
  padding: 4% 44px 0;
  background: #fff;
  border: 1px solid #ddd;
}
.cate2 {
  position: relative;
  padding: 32px 0;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.cate2 .cn {
  float: left;
  font-size: 26px;
  color: #333;
}
.cate2 .right {
  float: right;
  max-height: 50px;
}
.lxcon {
  overflow: hidden;
  font-size: 0;
  padding: 30px 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: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lxcon div {
  display: inline-block;
  padding: 0 32px;
  height: 54px;
  font-size: 14px;
  color: #333;
  line-height: 54px;
  background-position: 0 17px;
  background-repeat: no-repeat;
}
.lxcon div a {
  display: inline-block;
  color: #333;
}
/*.lxcon div:hover {
  color: #f6aa00;
}
.lxcon div:hover a {
  color: #f6aa00;
}*/
.lxcon .lx1 {
  background-image: url('../image/lx1.png');background-size: 20px 20px;
}
.lxcon .lx2 {
  background-image: url('../image/lx2.png');background-size: 20px 20px;
}
.lxcon .lx3 {
  background-image: url('../image/lx3.png');background-size: 20px 20px;
}
.mapSection{width: 100%;height: 660px;display: flex;justify-content: center;align-items: center;background:#fff;border: 1px solid #ddd;box-sizing: border-box;margin: 3% 0;}
#map {
	width: 94%;
	height: 86%;
}
@media screen and (max-width: 750px) {
  .lxout {
    margin: 50px 0 70px;
  }
  .lxtwo {
    padding: 10px 24px;
  }
  .cate2 .cn {
    font-size: 32px;
  }
  .lxcon div {
    font-size: 30px;
    height: auto;
  }
  #map {
    height: 300px;
  }
}

.traffic{background: #fff;padding:3%;border: 1px solid #ddd;box-sizing: border-box;}

.traffic-item:not(:last-child) {
	margin-bottom: 3%;
}
.traffic-top {
  padding-bottom: 18px;
  border-bottom: 1px solid #f3f3f3;
}
.traffic-top b {
  display: block;
  float: left;
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ecf0f4;
  text-align: center;
}
.traffic-top b img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.traffic-top span {
  display: block;
  float: left;
  margin-left: 20px;
  color: #3f505f;
  font-size: 20px;
  line-height: 60px;
  transition: 0.35s;
}
.traffic-text {
  margin-top: 22px;
}
.traffic-text p {
  color: #6e777e;
  font-size: 14px;
  line-height: 2;
}




.lianxi {
  overflow: hidden;
}
.lxinfo {
 	width: 47.6658%;
 	padding: 3% 4%;
    box-sizing: border-box;
	background-color: rgba(125, 125, 125, .08);
	background-image: url(../image/dw_pc_con_bg.png);
	background-repeat: repeat;
	background-position: top left;    
}
.lxinfo1 {
  float: left;
}
.lxinfo p{color: #666;line-height: 220%;}
.lxinfo p a{color: #666;}
.lxinfo2 {
  float: right;
  position: relative;padding-bottom: 3.1%;
}
.lxinfo2 p{line-height: 210%;}
.mrb{margin-bottom: 2.2%;}
.slite{display: flex;}
.slite span{display: inline-block;}
.lxinfo h3{font-size: 26px;color: #333;line-height: 240%;position: relative;margin-bottom: 3%;padding-bottom: 2%;}
.lxinfo h3::after{content:"";width: 60px;height: 1px;background-color: #666;position: absolute;bottom:0;left: 0;}
.lxinfo2 .fqrcode {width: 120px;position: absolute;bottom: 11.6%;right: 8%;}
.lxinfo2 .fqrcode .pic{min-height: 120px;}
.lxinfo2 .fqrcode .pic img{display: block;width: 120px;height: auto;}
.lxinfo2 .fqrcode p{text-align: center;}



.index-product-resMove .multipleLine .item{display: block;float: left;width: 18.6%;}
.multipleLine{ overflow:hidden; position:relative; width:1005;}
.multipleLine .hd{ overflow:hidden; }
.multipleLine .hd .prev,.multipleLine .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("/template/default/static/css/images/icoUp.gif") no-repeat;}
.multipleLine .hd .next{ background:url("/template/default/static/css/images/icoDown.gif") no-repeat;  }
/*.multipleLine .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }*/
.multipleLine .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/template/default/static/css/images/icoCircle.gif") 0 -9px no-repeat; }
.multipleLine .hd ul li.on{ background-position:0 0; }

.multipleLine .hd ul{height: 10px; line-height: 10px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;display: flex;justify-content: center;}
.multipleLine .hd ul li{display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 6px; background-color: #dcdcdc; width: 10px; height: 10px; border-radius: 50%;}

.multipleLine .hd ul li.on{background-color: #b9bbba;}.index-product-resMove .pagination{height: 10px; line-height: 10px; position: absolute; bottom: -10px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.multipleLine .hd ul li{display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 0 6px; background-color: #dcdcdc; width: 10px; height: 10px; border-radius: 50%;}
.multipleLine .hd ul li.on{background-color: #b9bbba;}

.multipleLine .bd{height:auto; overflow:hidden;margin-bottom: 1.6%;}
.multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px;display: flex;flex-wrap: wrap;justify-content: space-between; }