@charset "utf-8";/*!  Project : 高于    +---------style.css----------+    |                            |    |    Author  |  yeshiqiu     |    |    Q__Q    |  337676937    |    |    Addr    |  SC_Chengdu   |    |    Date    |  2023.07.20   |    |                            |    +--!-_-!--------------!-_-!--+*/@media screen and (max-width:1024px) {
	.difdb_cls,.footer-b,.index-insight .w,.sHr-s2 .w,.sInsight-hotspot .w,.sProject-case .section,.sTeam-s1 .section {
		display: block!important
	}
}

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

.no-Safari .fwl {
	font-weight: lighter
}

.diflr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.diflr:after {
	display: none
}

@media screen and (max-width:1024px) {
	.diflr {
		display: block
	}

}

.tfn {
	-webkit-transform: none!important;
	transform: none!important
}

.tsn {
	-webkit-transition: none!important;
	transition: none!important
}

.tsi {
	-webkit-transition: inherit!important;
	transition: inherit!important
}

@media screen and (min-width:1025px) {
	.linkc1,.pcts {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}
}

.bgc0 {
	background-color: #000
}

.bgcf {
	background-color: #fff
}

.bgct {
	background-color: transparent
}

.bgca {
	background-color: #aaa
}

.bgcc {
	background-color: #ccc
}

.bgce {
	background-color: #eee
}

.bgcf1 {
	background-color: #f1f1f1
}

.bgcf5 {
	background-color: #f5f5f5
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url()
}

select {
	background-size: 12px auto;
	background-position: calc(100% - 12px) 50%;
	background-repeat: no-repeat
}

@-webkit-keyframes fadeInRightm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(33%,0,0);
		transform: translate3d(33%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(33%,0,0);
		transform: translate3d(33%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightm {
	-webkit-animation-name: fadeInRightm;
	animation-name: fadeInRightm
}

@-webkit-keyframes fadeInLeftm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-33%,0,0);
		transform: translate3d(-33%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-33%,0,0);
		transform: translate3d(-33%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftm {
	-webkit-animation-name: fadeInLeftm;
	animation-name: fadeInLeftm
}

@-webkit-keyframes fadeInUpm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-33%,0);
		transform: translate3d(0,-33%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-33%,0);
		transform: translate3d(0,-33%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpm {
	-webkit-animation-name: fadeInUpm;
	animation-name: fadeInUpm
}

@-webkit-keyframes fadeInDownm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,33%,0);
		transform: translate3d(0,33%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,33%,0);
		transform: translate3d(0,33%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownm {
	-webkit-animation-name: fadeInDownm;
	animation-name: fadeInDownm
}

@-webkit-keyframes fadeIns {
	0% {
		opacity: .5
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIns {
	0% {
		opacity: .5
	}

	to {
		opacity: 1
	}
}

.fadeIns {
	-webkit-animation-name: fadeIns;
	animation-name: fadeIns
}

@-webkit-keyframes dotShake {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-8%,0,0) rotate(-4deg);
		transform: translate3d(-8%,0,0) rotate(-4deg)
	}

	30% {
		-webkit-transform: translate3d(6.6%,0,0) rotate(2deg);
		transform: translate3d(6.6%,0,0) rotate(2deg)
	}

	45% {
		-webkit-transform: translate3d(-5.5%,0,0) rotate(-2deg);
		transform: translate3d(-5.5%,0,0) rotate(-2deg)
	}

	60% {
		-webkit-transform: translate3d(4.5%,0,0) rotate(1deg);
		transform: translate3d(4.5%,0,0) rotate(1deg)
	}

	75% {
		-webkit-transform: translate3d(-2%,0,0) rotate(-1deg);
		transform: translate3d(-2%,0,0) rotate(-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes dotShake {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-8%,0,0) rotate(-4deg);
		transform: translate3d(-8%,0,0) rotate(-4deg)
	}

	30% {
		-webkit-transform: translate3d(6.6%,0,0) rotate(2deg);
		transform: translate3d(6.6%,0,0) rotate(2deg)
	}

	45% {
		-webkit-transform: translate3d(-5.5%,0,0) rotate(-2deg);
		transform: translate3d(-5.5%,0,0) rotate(-2deg)
	}

	60% {
		-webkit-transform: translate3d(4.5%,0,0) rotate(1deg);
		transform: translate3d(4.5%,0,0) rotate(1deg)
	}

	75% {
		-webkit-transform: translate3d(-2%,0,0) rotate(-1deg);
		transform: translate3d(-2%,0,0) rotate(-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.dotShake {
	-webkit-animation-name: dotShake;
	animation-name: dotShake
}

@-webkit-keyframes rotate360 {
	0% {
		-webkit-transform: none!important;
		transform: none!important
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate360 {
	0% {
		-webkit-transform: none!important;
		transform: none!important
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.rotate360 {
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-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 AniDotScaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100%,50% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes AniDotScaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100%,50% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

.AniDotScaleOut {
	-webkit-animation-name: AniDotScaleOut;
	animation-name: AniDotScaleOut
}

@-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
}

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

.waitAniBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	-webkit-animation-duration: 2s!important;
	animation-duration: 2s!important
}

.waitAniBlock:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	background-color: currentColor
}

.waitAniBlock:before {
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%)
}

.waitAniBlock._dirv:before {
	-webkit-transform: translateY(-105%);
	transform: translateY(-105%)
}

.waitAniBlock.AniStart .hideBlock {
	-webkit-transition: all 0s ease-out 0s;
	transition: all 0s ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.waitAniBlock.AniStart:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .5s cubic-bezier(0,0,.3,.6) 0s;
	transition: all .5s cubic-bezier(0,0,.3,.6) 0s;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.waitAniBlock.AniStart._dirv:before {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.waitAniBlock.AniDid .hideBlock {
	-webkit-transition: all 0s ease-out 10ms;
	transition: all 0s ease-out 10ms;
	opacity: 1;
	visibility: visible
}

.waitAniBlock.AniDid:before {
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: all 480ms cubic-bezier(0,0,0,.8) 0s;
	transition: all 480ms cubic-bezier(0,0,0,.8) 0s;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.waitAniBlock.AniDid._dirv:before {
	-webkit-transform: translateY(105%);
	transform: translateY(105%)
}

.maxw100 {
	max-width: 100%
}

.maxh100 {
	max-height: 100%
}

.minw100 {
	min-width: 100%
}

.minh100 {
	min-height: 100%
}

.whi {
	width: inherit;
	height: inherit
}

.hScroll {
	width: 100%;
	font-size: 0;
	white-space: nowrap
}

.hScroll .overview,.hScroll .scrollBox {
	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
}

.oScroll {
	width: 100%;
	height: 100%
}

.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;
	z-index: 8;
	text-indent: -9999px;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	text-align: left!important
}

.enter,.reset {
	position: relative;
	overflow: hidden
}

.enter .iptBtn,.reset .iptBtn {
	display: block;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: rgba(255,255,255,0);
	font-size: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.kong {
	pointer-events: none
}

.aniSpan {
	position: static!important;
	min-height: 1px;
	display: block
}

.scs.hbgOn img,.scst.hbgOn img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media screen and (min-width:1025px) {
	.scs img,.scst img {
		-webkit-transition-duration: 330ms;
		transition-duration: 330ms
	}

	.scs:hover img,.scst:hover img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media screen and (max-width:1024px) {
	.scs:active img,.scst:active img {
		-webkit-transform: scale(1.025);
		transform: scale(1.025)
	}
}

.scst {
	-webkit-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0
}

.en {
	word-break: keep-all
}

.tdu {
	text-decoration: underline
}

.oh {
	position: relative;
	overflow: hidden
}

.oh2 {
	position: relative;
	overflow: visible
}

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

.dct,.unsel {
	-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 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.op1 {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.tapList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.tapList:after {
	display: none
}

.tapList .item {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.lhd5 {
	height: .5em
}

.reject {
	cursor: not-allowed
}

.poss {
	position: static!important
}

.emptyList {
	text-align: center;
	font-size: 120%;
	background-color: #f5f5f5;
	color: #222;
	font-weight: 700
}

.hidePoint {
	position: absolute;
	height: 0;
	visibility: hidden;
	top: 0;
	left: 0
}

.viewport {
	position: relative
}

.pc .viewport {
	overflow: hidden
}

#think_page_trace_open {
	display: none!important
}

.lazybox {
	z-index: 1
}

.lazybox:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(0,0,0,.6) rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.lazybox._loaded:before {
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.c1 {
	color: #014c7e
}

.bgc1 {
	background-color: #014c7e
}

.c2 {
	color: #014c7e
}

.bgc2 {
	background-color: #014c7e
}

.c3 {
	color: #9a0d0d
}

.bgc3 {
	background-color: #9a0d0d
}

.ca {
	color: #000
}

.cb {
	color: #414345
}

.cs {
	color: #717171
}

html {
	min-width: 320px
}

body {
	color: #414345;
	font: 14px/1 'Microsoft YaHei','微软雅黑','PingFang SC',PingFangSC-Regular,-apple-system,Arial,sans-serif
}

a {
	color: #000
}

a.on {
	color: #014c7e
}

@media screen and (min-width:1025px) {
	a:hover {
		color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	a:active {
		color: #014c7e
	}
}

.vmbox {
	font-size: 14px;
	line-height: 1
}

.imax {
	line-height: 2
}

@media screen and (max-width:1024px) {
	.imax {
		line-height: 1.75
	}
}

::-moz-selection {
	background: #014c7e;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #014c7e;
	color: #fff;
	text-shadow: none
}

.scroll-wrap {
	background-color: #fff
}

.lazybox:before {
	margin: -24px 0 0 -24px;
	width: 48px;
	height: 48px
}

.lazybox._s:before {
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px
}

@media screen and (max-width:1024px) {
	.lazybox:before {
		margin: -16px 0 0 -16px;
		width: 32px;
		height: 32px
	}

	.lazybox._s:before {
		margin: -12px 0 0 -12px;
		width: 24px;
		height: 24px
	}
}

.load-error {
	background-image: url(../images/error.gif)
}

.pc ::-webkit-scrollbar {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #fff
}

.pc ::-webkit-scrollbar-thumb {
	width: 8px;
	height: 8px;
	border-radius: 0;
	background-color: rgba(0,0,0,.25)
}

.pc ::-webkit-scrollbar-track {
	background: rgba(0,0,0,.05);
	border-radius: 0
}

.pc ::-webkit-scrollbar-corner {
	background: 0 0;
	height: 0;
	width: 0
}

.pc .scroll-wrap ::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

:root {
	--Hheader: 100px;
	--Hheader2: 100px;
	--padw: 12.5vw;
	--padw2: 6.25vw
}

:root .w {
	width: 75vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width:1600px) {
	:root {
		--padw: 9.375vw
	}

	:root .w {
		width: 81.25vw
	}
}

@media screen and (max-width:1440px) {
	:root {
		--padw: 6.25vw
	}

	:root .w {
		width: 87.5vw
	}
}

@media screen and (max-width:1280px) {
	:root {
		--padw2: 3.125vw
	}
}

@media screen and (max-width:1024px) {
	:root {
		--Hheader: 64px;
		--Hheader2: 64px;
		--padw: 15px;
		--padw2: 15px
	}

	:root .w {
		width: auto!important;
		width: calc(100% - 30px)!important;
		margin-left: auto!important;
		margin-right: auto!important
	}
}

.maxmw {
	width: auto;
	width: calc(100% - 30px);
	margin-left: auto!important;
	margin-right: auto!important
}

.sPaddingTop {
	padding-top: var(--Hheader)
}

.hidePoint {
	margin-top: calc(-1 * var(--Hheader2))
}

.header {
	height: var(--Hheader);
	line-height: var(--Hheader)
}

@media screen and (min-width:1025px) {
	._fixedNav {
		height: var(--Hheader2);
		line-height: var(--Hheader2)
	}
}

@media screen and (max-width:1024px) {
	.sPaddingTop {
		padding-top: 0
	}

	.scroll-wrap {
		padding-top: 64px;
		padding-bottom: 64px
	}
}

@media screen and (min-width:1025px) {
	.linkc1:hover {
		color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.linkc1:active {
		color: #014c7e
	}
}

html {
	font-size: 50px
}

@media screen and (min-width:1921px) {
	html {
		font-size: 50px
	}
}

@media screen and (max-width:1920px) {
	html {
		font-size: 2.60416667vw
	}
}

@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:750px) {
	html {
		font-size: 20px
	}
}

@media screen and (max-width:1024px) {
	.fzRes {
		font-size: 100px
	}
}

@media screen and (max-width:750px) {
	.fzRes {
		font-size: 90px
	}
}

@media screen and (max-width:700px) {
	.fzRes {
		font-size: 85px
	}
}

@media screen and (max-width:650px) {
	.fzRes {
		font-size: 80px
	}
}

@media screen and (max-width:600px) {
	.fzRes {
		font-size: 75px
	}
}

@media screen and (max-width:550px) {
	.fzRes {
		font-size: 70px
	}
}

@media screen and (max-width:500px) {
	.fzRes {
		font-size: 65px
	}
}

@media screen and (max-width:450px) {
	.fzRes {
		font-size: 60px
	}
}

.fz60 {
	font-size: 60px
}

@media screen and (max-width:1440px) {
	.fz60 {
		font-size: 48px
	}
}

@media screen and (max-width:1024px) {
	.fz60 {
		font-size: 36px
	}
}

@media screen and (max-width:750px) {
	.fz60 {
		font-size: 32px
	}
}

.fz48,.subpage-banner .p1 {
	font-size: 48px
}

@media screen and (max-width:1440px) {
	.fz48,.subpage-banner .p1 {
		font-size: 40px
	}
}

@media screen and (max-width:1024px) {
	.fz48,.subpage-banner .p1 {
		font-size: 32px
	}
}

@media screen and (max-width:750px) {
	.fz48,.subpage-banner .p1 {
		font-size: 28px
	}
}

.fz40,.index-about .pics .playBtn,.index-head .p1,.sAbout-s1 .digitalData .col,.sAbout-s1 .digitalData .vr,.sAbout-s4-tab .Tt .p1,.subpage-banner .playBtn {
	font-size: 40px
}

@media screen and (max-width:1440px) {
	.fz40,.index-about .pics .playBtn,.index-head .p1,.sAbout-s1 .digitalData .col,.sAbout-s1 .digitalData .vr,.sAbout-s4-tab .Tt .p1,.subpage-banner .playBtn {
		font-size: 36px
	}
}

@media screen and (max-width:1024px) {
	.fz40,.index-about .pics .playBtn,.index-head .p1,.sAbout-s1 .digitalData .col,.sAbout-s1 .digitalData .vr,.sAbout-s4-tab .Tt .p1,.subpage-banner .playBtn {
		font-size: 28px
	}
}

@media screen and (max-width:750px) {
	.fz40,.index-about .pics .playBtn,.index-head .p1,.sAbout-s1 .digitalData .col,.sAbout-s1 .digitalData .vr,.sAbout-s4-tab .Tt .p1,.subpage-banner .playBtn {
		font-size: 24px
	}
}

.fz36 {
	font-size: 36px
}

@media screen and (max-width:1440px) {
	.fz36 {
		font-size: 32px
	}
}

@media screen and (max-width:1024px) {
	.fz36 {
		font-size: 24px
	}
}

@media screen and (max-width:750px) {
	.fz36 {
		font-size: 22px
	}
}

#project_content .dt .this,.fz32,.index-head .p2,.sContact-s1-form .thead .sdt,.sContact-s2-way .dt,.sHonor-s2 .head,.sHr-s1 .head,.sHr-s2 .left .dt,.sHr-s3 .col,.sPp-head .p1,.sPp-spes .section .txtBox .title .this,.sProduct-sections .section .txtBox .title .this,.sProject-case .section .txtBox .title,.sView-head .title,.subpage-head .this {
	font-size: 32px
}

@media screen and (max-width:1440px) {
	#project_content .dt .this,.fz32,.index-head .p2,.sContact-s1-form .thead .sdt,.sContact-s2-way .dt,.sHonor-s2 .head,.sHr-s1 .head,.sHr-s2 .left .dt,.sHr-s3 .col,.sPp-head .p1,.sPp-spes .section .txtBox .title .this,.sProduct-sections .section .txtBox .title .this,.sProject-case .section .txtBox .title,.sView-head .title,.subpage-head .this {
		font-size: 28px
	}
}

@media screen and (max-width:1024px) {
	#project_content .dt .this,.fz32,.index-head .p2,.sContact-s1-form .thead .sdt,.sContact-s2-way .dt,.sHonor-s2 .head,.sHr-s1 .head,.sHr-s2 .left .dt,.sHr-s3 .col,.sPp-head .p1,.sPp-spes .section .txtBox .title .this,.sProduct-sections .section .txtBox .title .this,.sProject-case .section .txtBox .title,.sView-head .title,.subpage-head .this {
		font-size: 24px
	}
}

@media screen and (max-width:750px) {
	#project_content .dt .this,.fz32,.index-head .p2,.sContact-s1-form .thead .sdt,.sContact-s2-way .dt,.sHonor-s2 .head,.sHr-s1 .head,.sHr-s2 .left .dt,.sHr-s3 .col,.sPp-head .p1,.sPp-spes .section .txtBox .title .this,.sProduct-sections .section .txtBox .title .this,.sProject-case .section .txtBox .title,.sView-head .title,.subpage-head .this {
		font-size: 20px
	}
}

.fz28,.index-project-swiper .item .txt .p1,.sAbout-s3-swiper .item .txt .p1,.sProject-s1-swiper .item .txt .p1 {
	font-size: 28px
}

@media screen and (max-width:1440px) {
	.fz28,.index-project-swiper .item .txt .p1,.sAbout-s3-swiper .item .txt .p1,.sProject-s1-swiper .item .txt .p1 {
		font-size: 22px
	}
}

@media screen and (max-width:1024px) {
	.fz28,.index-project-swiper .item .txt .p1,.sAbout-s3-swiper .item .txt .p1,.sProject-s1-swiper .item .txt .p1 {
		font-size: 20px
	}
}

@media screen and (max-width:750px) {
	.fz28,.index-project-swiper .item .txt .p1,.sAbout-s3-swiper .item .txt .p1,.sProject-s1-swiper .item .txt .p1 {
		font-size: 18px
	}
}

.btn-x1 .sq3,.fz24,.index-about .bottom .body,.index-product .txtBox .title .this,.sHonor-s2 .body,.sHr-list .item .show .right,.sHr-list .item .spreadBtn,.sInsight-hotspot .right .title,.sNews-list .item .txtBox .title,.sProduct-intro .top .p,.sTeam-s1 .section .txtBox .dt,.sTeam-s2 .dt,.subpage-banner .p3 {
	font-size: 24px
}

@media screen and (max-width:1440px) {
	.btn-x1 .sq3,.fz24,.index-about .bottom .body,.index-product .txtBox .title .this,.sHonor-s2 .body,.sHr-list .item .show .right,.sHr-list .item .spreadBtn,.sInsight-hotspot .right .title,.sNews-list .item .txtBox .title,.sProduct-intro .top .p,.sTeam-s1 .section .txtBox .dt,.sTeam-s2 .dt,.subpage-banner .p3 {
		font-size: 20px
	}
}

@media screen and (max-width:1024px) {
	.btn-x1 .sq3,.fz24,.index-about .bottom .body,.index-product .txtBox .title .this,.sHonor-s2 .body,.sHr-list .item .show .right,.sHr-list .item .spreadBtn,.sInsight-hotspot .right .title,.sNews-list .item .txtBox .title,.sProduct-intro .top .p,.sTeam-s1 .section .txtBox .dt,.sTeam-s2 .dt,.subpage-banner .p3 {
		font-size: 18px
	}
}

.btn.btn-x2,.footer-b .middle .item .hide,.footer-fastnav .link .this,.footer-t .flogo,.fz20,.index-banner .birth .tips .this,.index-insight .left .df .link,.index-insight-swiper .item .txt .title,.index-product .txtBox .Tg .btn,.index-project-swiper .item .txt .p2,.sAbout-s3-swiper .item .txt .p2,.sInsight-hotspot .right .time,.sInsight-list .item .txt .title,.sLive-list .item .title,.sNews-list .item .txtBox .time,.sPp-tab0 .Tg .btn,.sPp-tab1 .Tg .btn,.sProject-s1-swiper .item .txt .p2,.sProject-s2-tab .Tg .btn,.sProject-s3 .left .list,.sProject-s3 .left .list .btn,.sProject-s4 .left .list .btn,.sVideo-list .item .txt .title,.sView-head .aside {
	font-size: 20px
}

@media screen and (max-width:1440px) {
	.btn.btn-x2,.footer-b .middle .item .hide,.footer-fastnav .link .this,.footer-t .flogo,.fz20,.index-banner .birth .tips .this,.index-insight .left .df .link,.index-insight-swiper .item .txt .title,.index-product .txtBox .Tg .btn,.index-project-swiper .item .txt .p2,.sAbout-s3-swiper .item .txt .p2,.sInsight-hotspot .right .time,.sInsight-list .item .txt .title,.sLive-list .item .title,.sNews-list .item .txtBox .time,.sPp-tab0 .Tg .btn,.sPp-tab1 .Tg .btn,.sProject-s1-swiper .item .txt .p2,.sProject-s2-tab .Tg .btn,.sProject-s3 .left .list,.sProject-s3 .left .list .btn,.sProject-s4 .left .list .btn,.sVideo-list .item .txt .title,.sView-head .aside {
		font-size: 18px
	}
}

@media screen and (max-width:1024px) {
	.btn.btn-x2,.footer-b .middle .item .hide,.footer-fastnav .link .this,.footer-t .flogo,.fz20,.index-banner .birth .tips .this,.index-insight .left .df .link,.index-insight-swiper .item .txt .title,.index-product .txtBox .Tg .btn,.index-project-swiper .item .txt .p2,.sAbout-s3-swiper .item .txt .p2,.sInsight-hotspot .right .time,.sInsight-list .item .txt .title,.sLive-list .item .title,.sNews-list .item .txtBox .time,.sPp-tab0 .Tg .btn,.sPp-tab1 .Tg .btn,.sProject-s1-swiper .item .txt .p2,.sProject-s2-tab .Tg .btn,.sProject-s3 .left .list,.sProject-s3 .left .list .btn,.sProject-s4 .left .list .btn,.sVideo-list .item .txt .title,.sView-head .aside {
		font-size: 16px
	}
}

#project_content .dd .section .sdt,.footer-t .fnav .item .sdt,.fz18,.imax,.index-banner .birth .cbox,.index-product .txtBox .abstract,.modal-searchForm .searchBox .enter,.sAbout-s1 .intro .right .imax,.sAbout-s2 .intro .right .imax,.sAbout-s2 .list3 .item .txt .sdt,.sContact-s1-form .thead .sdd,.sContact-s2-way .dd .col,.sHr-list .item .show .td,.sHr-s1 .body,.sInsight-hotspot .right .abstract,.sLive-list .item .abstract,.sNews-list .item .txtBox .abstract,.sPp-spes .section .txtBox .abstract,.sPp-tab0 .points-list .item .sdt,.sProduct-sections .section .txtBox .abstract,.sProject-s1 .intro .right .imax,.sProject-s2 .intro .right .imax,.sView-body .imax,.sView-foot>a,.subpage-crumbs {
	font-size: 18px
}

@media screen and (max-width:1440px) {
	#project_content .dd .section .sdt,.footer-t .fnav .item .sdt,.fz18,.imax,.index-banner .birth .cbox,.index-product .txtBox .abstract,.modal-searchForm .searchBox .enter,.sAbout-s1 .intro .right .imax,.sAbout-s2 .intro .right .imax,.sAbout-s2 .list3 .item .txt .sdt,.sContact-s1-form .thead .sdd,.sContact-s2-way .dd .col,.sHr-list .item .show .td,.sHr-s1 .body,.sInsight-hotspot .right .abstract,.sLive-list .item .abstract,.sNews-list .item .txtBox .abstract,.sPp-spes .section .txtBox .abstract,.sPp-tab0 .points-list .item .sdt,.sProduct-sections .section .txtBox .abstract,.sProject-s1 .intro .right .imax,.sProject-s2 .intro .right .imax,.sView-body .imax,.sView-foot>a,.subpage-crumbs {
		font-size: 16px
	}
}

#project_content .dd .section .sdd,.footer-t .fnav .item .sdd,.fz16,.index-insight-swiper .item .txt .time,.modal-searchForm .searchBox .skin,.sAbout-s1 .digitalData .col .sdd,.sAbout-s4-tab .Tt .p2,.sContact-s1-form .formItem .focus,.sHr-list .item .hide .imax,.sHr-list .item .show .td .sdt,.sHr-s3 .col .p2,.sInsight-list .item .txt .time,.sPp-swiper .item .wrapFloat .cbox,.sPp-tab0 .points-list .item .sdd,.sVideo-list .item .txt .time,body {
	font-size: 16px
}

@media screen and (max-width:1440px) {
	#project_content .dd .section .sdd,.footer-t .fnav .item .sdd,.fz16,.index-insight-swiper .item .txt .time,.modal-searchForm .searchBox .skin,.sAbout-s1 .digitalData .col .sdd,.sAbout-s4-tab .Tt .p2,.sContact-s1-form .formItem .focus,.sHr-list .item .hide .imax,.sHr-list .item .show .td .sdt,.sHr-s3 .col .p2,.sInsight-list .item .txt .time,.sPp-swiper .item .wrapFloat .cbox,.sPp-tab0 .points-list .item .sdd,.sVideo-list .item .txt .time,body {
		font-size: 14px
	}
}

.fz14 {
	font-size: 14px
}

@media screen and (max-width:1440px) {
	.fz14 {
		font-size: 12px
	}
}

@media screen and (min-width:1025px) {
	.m-link,.pc-hide {
		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,.05)
	}
}

@-webkit-keyframes fadeInDowns {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,35px,0);
		transform: translate3d(0,35px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDowns {
	0% {
		opacity: 0;
		-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 fadeInLefts {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-35px,0,0);
		transform: translate3d(-35px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLefts {
	0% {
		opacity: 0;
		-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 zoomIns {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.77,.77,.77);
		transform: scale3d(.77,.77,.77)
	}

	100%,50% {
		opacity: 1
	}
}

@keyframes zoomIns {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.77,.77,.77);
		transform: scale3d(.77,.77,.77)
	}

	100%,50% {
		opacity: 1
	}
}

.zoomIns {
	-webkit-animation-name: zoomIns;
	animation-name: zoomIns
}

@-webkit-keyframes clipInUp {
	0% {
		-webkit-clip-path: inset(0 0 100% 0);
		clip-path: inset(0 0 100% 0)
	}

	100% {
		-webkit-clip-path: inset(0);
		clip-path: inset(0)
	}
}

@keyframes clipInUp {
	0% {
		-webkit-clip-path: inset(0 0 100% 0);
		clip-path: inset(0 0 100% 0)
	}

	100% {
		-webkit-clip-path: inset(0);
		clip-path: inset(0)
	}
}

.clipInUp {
	-webkit-animation-name: clipInUp;
	animation-name: clipInUp
}

@-webkit-keyframes clipInDown {
	0% {
		-webkit-clip-path: inset(100% 0 0 0);
		clip-path: inset(100% 0 0 0)
	}

	100% {
		-webkit-clip-path: inset(0);
		clip-path: inset(0)
	}
}

@keyframes clipInDown {
	0% {
		-webkit-clip-path: inset(100% 0 0 0);
		clip-path: inset(100% 0 0 0)
	}

	100% {
		-webkit-clip-path: inset(0);
		clip-path: inset(0)
	}
}

.clipInDown {
	-webkit-animation-name: clipInDown;
	animation-name: clipInDown
}

@-webkit-keyframes flyaway {
	50% {
		-webkit-transform: translate(155%,-105%);
		transform: translate(155%,-105%);
		opacity: 0
	}

	50.01% {
		-webkit-transform: translate(-155%,105%);
		transform: translate(-155%,105%);
		opacity: 0
	}

	75% {
		-webkit-transform: none!important;
		transform: none!important;
		opacity: 1
	}
}

@keyframes flyaway {
	50% {
		-webkit-transform: translate(155%,-105%);
		transform: translate(155%,-105%);
		opacity: 0
	}

	50.01% {
		-webkit-transform: translate(-155%,105%);
		transform: translate(-155%,105%);
		opacity: 0
	}

	75% {
		-webkit-transform: none!important;
		transform: none!important;
		opacity: 1
	}
}

.word._ts {
	opacity: .25;
	color: #eee;
	font-weight: 700;
	font-size: 7.8125vw;
	z-index: -1;
	pointer-events: none;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	will-change: transform
}

.ysqUEO .word._ts {
	opacity: 1;
	color: #fff;
	-webkit-text-stroke: #eee 1px
}

.formItem {
	position: relative
}

.formItem .aftPD {
	position: absolute;
	left: 100%;
	top: 0;
	color: red;
	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: #999
}

.formItem .skin:-moz-placeholder {
	color: #999
}

.formItem .skin::-moz-placeholder {
	color: #999
}

.formItem .skin:-ms-input-placeholder {
	color: #999
}

.formItem .skin._focus {
	border-color: #2e9fd9!important
}

.formItem.red .skin {
	color: red;
	border-color: red
}

.formItem.red .skin::-webkit-input-placeholder {
	color: red
}

.formItem.red .skin:-moz-placeholder {
	color: red
}

.formItem.red .skin::-moz-placeholder {
	color: red
}

.formItem.red .skin:-ms-input-placeholder {
	color: red
}

.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:before {
	content: " ";
	z-index: 8;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.TAlert .contain {
	opacity: 0;
	-webkit-transition: all 330ms ease-out 0s;
	transition: all 330ms ease-out 0s;
	-webkit-transform: scale(.2);
	transform: scale(.2)
}

.TAlert.showUp:before {
	-webkit-transition: all 250ms ease-out .5s;
	transition: all 250ms ease-out .5s;
	opacity: 0;
	visibility: hidden
}

.TAlert.showUp .contain {
	opacity: 1;
	-webkit-transform: none!important;
	transform: none!important
}

.TAlert.hideOut .contain {
	opacity: 0;
	-webkit-transform: scale(.2)!important;
	transform: scale(.2)!important
}

.TAlert .contain {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	z-index: 9;
	background-color: #fff
}

.TAlert .contain .head {
	border-bottom: #ccc solid 1px;
	color: #333;
	background-color: #fff
}

.TAlert .contain .body {
	background-color: #fff;
	color: #555
}

.TAlert .contain .foot {
	position: relative;
	width: 100%;
	border-top: #ccc solid 1px
}

.TAlert .contain .foot .btn {
	position: absolute;
	top: 0;
	width: 50%;
	text-align: center;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.TAlert .contain .foot .btn.enter {
	left: 0;
	background-color: #014c7e;
	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
}

.TAlert.nohead .foot,.TAlert.nohead .head {
	display: none!important
}

.TAlert .contain {
	width: 320px;
	max-width: 90%;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	text-align: left;
	line-height: 1.4333;
	font-size: 16px;
	border-radius: 5px
}

.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: #333;
	font-family: 'Microsoft YaHei','微软雅黑',Arial,sans-serif;
	white-space: nowrap;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.ysqUEO .TAlert .contain .Tclose s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .TAlert .contain .Tclose s:after,.ysqUEO .TAlert .contain .Tclose s:before {
	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:after,.ysqUEO .TAlert .contain .Tclose s:before {
		-webkit-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s
	}

	.TAlert .contain .Tclose s:hover {
		color: #333
	}
}

@media screen and (max-width:1024px) {
	.TAlert .contain .Tclose s:active {
		color: #333
	}
}

.TAlert .contain .Tclose s:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.TAlert .contain .head {
	padding: 10px 15px
}

.TAlert .contain .body {
	padding: 15px;
	font-size: 14px
}

.TAlert .contain .foot {
	height: 40px
}

.TAlert .contain .foot .btn {
	overflow: hidden;
	z-index: 0;
	height: 40px;
	line-height: 40px;
	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 0s;
	transition: all 250ms ease-out 0s;
	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,.1)
}

.TAlert.modal-qrcode .contain {
	width: auto;
	overflow: visible
}

.TAlert.modal-qrcode .contain .head {
	padding: 0;
	border-bottom: none
}

.TAlert.modal-qrcode .contain .head .this {
	display: none
}

.TAlert.modal-qrcode .contain .Tclose {
	top: -40px;
	right: -5px
}

.TAlert.modal-qrcode .contain .Tclose s {
	color: #fff
}

.TAlert.modal-qrcode .contain .pic {
	width: 160px;
	height: 160px
}

.TAlert.modal-qrcode .contain .pic+p {
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px
}

.TAlert.modal-qrcode .contain .foot {
	display: none!important
}

.pageListBox {
	padding-top: 1.6rem;
	padding-bottom: 2rem
}

.pageListBox .pageList {
	position: relative;
	line-height: 36px;
	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;
	vertical-align: top
}

.pageListBox .pageList ul li {
	margin: 0 4px;
	font-size: 14px
}

.pageListBox .pageList li>a,.pageListBox .pageList li>span {
	display: block;
	min-width: 16px;
	height: 36px;
	padding: 0 10px;
	font-family: Arial,sans-serif,'Microsoft YaHei','微软雅黑';
	color: #333;
	font-size: 14px;
	z-index: 2;
	position: relative;
	background-color: #fff;
	color: #333;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.pageListBox .pageList li>a:after,.pageListBox .pageList li>span:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #ddd solid 1px;
	z-index: -1
}

.pageListBox .pageList li.active>a,.pageListBox .pageList li.active>span {
	background-color: #014c7e;
	color: #fff
}

.pageListBox .pageList li.active>a:after,.pageListBox .pageList li.active>span:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.pageListBox .pageList li.disabled>a,.pageListBox .pageList li.disabled>span {
	background-color: #eee;
	cursor: not-allowed
}

.pageListBox .pageList li a:active:after {
	-webkit-transition: all 0s ease-out 0s!important;
	transition: all 0s ease-out 0s!important;
	opacity: 1!important;
	visibility: visible!important;
	border-color: #fff
}

@media screen and (min-width:1025px) {
	.pageListBox .pageList a:hover {
		background-color: #014c7e;
		color: #fff
	}

	.pageListBox .pageList a:hover:after {
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}
}

@media screen and (max-width:1024px) {
	.pageListBox .pageList {
		overflow-x: auto;
		overflow-y: hidden
	}

	.pageListBox .pageList a:active {
		background-color: #014c7e;
		color: #fff;
		-webkit-transition: none!important;
		transition: none!important
	}

	.pageListBox .pageList a:active:after {
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}
}

@media screen and (max-width:750px) {
	.pageListBox .pageList ul li {
		margin-left: 4px;
		margin-right: 4px
	}
}

.scrollAjax .loadDiv {
	display: none
}

.ysqUEO .aBtnSc,.ysqUEO .aBtnScw,.ysqUEO .aBtnbt,.ysqUEO .aBtnlr {
	position: relative;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.ysqUEO .aBtnSc:after,.ysqUEO .aBtnScw:after,.ysqUEO .aBtnbt:after,.ysqUEO .aBtnlr:after {
	content: " ";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	display: block!important
}

.ysqUEO .aBtnSc:after {
	background-color: rgba(255,255,255,.1);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	width: 150%;
	padding-bottom: 150%;
	-webkit-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

@media screen and (min-width:1025px) {
	.ysqUEO .aBtnSc:hover:after {
		-webkit-transition: all 350ms ease-in 0s;
		transition: all 350ms ease-in 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%)
	}
}

@media screen and (max-width:1024px) {
	.ysqUEO .aBtnSc:active:after {
		-webkit-transition: all 10ms ease-in 0s;
		transition: all 10ms ease-in 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%)
	}
}

.ysqUEO .aBtnScw {
	position: relative;
	overflow: hidden
}

.ysqUEO .aBtnScw:after {
	background-color: rgba(0,0,0,.25);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	width: 150%;
	padding-bottom: 150%;
	-webkit-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0);
	-webkit-transition: all 0s ease-out 0s;
	transition: all 0s ease-out 0s;
	opacity: 0;
	visibility: hidden
}

@media screen and (min-width:1025px) {
	.ysqUEO .aBtnScw:hover:after {
		-webkit-transition: all .5s ease 0s;
		transition: all .5s ease 0s;
		opacity: 1;
		visibility: visible;
		background-color: transparent;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%)
	}
}

@media screen and (max-width:1024px) {
	.ysqUEO .aBtnScw:active:after {
		-webkit-transition: all 10ms ease 0s;
		transition: all 10ms ease 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%)
	}
}

.ysqUEO .aBtnlr:after {
	background-color: #014c7e;
	left: 100%;
	top: 0;
	width: 0;
	height: 100%
}

@media screen and (min-width:1025px) {
	.ysqUEO .aBtnlr:after {
		-webkit-transition: all 480ms ease-out 0s;
		transition: all 480ms ease-out 0s
	}

	.ysqUEO .aBtnlr:hover:after {
		width: 100%;
		left: 0;
		-webkit-transition: left 0s ease-out 0s,width 220ms ease-out 0s;
		transition: left 0s ease-out 0s,width 220ms ease-out 0s
	}
}

@media screen and (max-width:1024px) {
	.ysqUEO .aBtnlr:active:after {
		width: 100%;
		left: 0;
		-webkit-transition: left 0s ease-out 0s,width 10ms ease-out 0s;
		transition: left 0s ease-out 0s,width 10ms ease-out 0s
	}
}

.ysqUEO .aBtnbt:after {
	background-color: #014c7e;
	bottom: 100%;
	height: 0;
	left: 0;
	width: 100%
}

@media screen and (min-width:1025px) {
	.ysqUEO .aBtnbt:after {
		-webkit-transition: all 480ms ease-out 0s;
		transition: all 480ms ease-out 0s
	}

	.ysqUEO .aBtnbt:hover:after {
		bottom: 0;
		height: 100%;
		-webkit-transition: bottom 0s ease-out 0s,height 220ms ease-out 0s;
		transition: bottom 0s ease-out 0s,height 220ms ease-out 0s
	}
}

@media screen and (max-width:1024px) {
	.ysqUEO .aBtnbt:active:after {
		bottom: 0;
		height: 100%;
		-webkit-transition: bottom 0s ease-out 0s,height 10ms ease-out 0s;
		transition: bottom 0s ease-out 0s,height 10ms ease-out 0s
	}
}

.jwlink {
	opacity: .7
}

.swiper-fns {
	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;
	height: 20px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.swiper-fns:after {
	display: none
}

.swiper-fns .ctrs {
	position: relative;
	height: 20px;
	width: 50px;
	margin-right: 16px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swiper-fns .ctrs .ctr[aria-disabled=true] {
	opacity: .6;
	cursor: not-allowed
}

.swiper-fns .swiper-scrollbar {
	width: 100%;
	height: 2px;
	background-color: transparent
}

.swiper-fns .swiper-scrollbar:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	background-color: #cfd6da;
	width: 100%
}

.swiper-fns .swiper-scrollbar .swiper-scrollbar-drag {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	height: 2px;
	background-color: #024d7f;
	border-radius: 2px
}

._loaded .swiper-fns {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.icon-gt {
	position: relative;
	z-index: 1;
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: currentColor
}

.icon-gt s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体','宋体_GB2312'!important;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .icon-gt s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	text-align: left
}

.ysqUEO .icon-gt s:after,.ysqUEO .icon-gt s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 2px;
	margin-top: -1px;
	background-color: currentColor;
	margin-left: -6px;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ysqUEO .icon-gt s:before {
	-webkit-transform: rotate(-44deg) translateX(1px);
	transform: rotate(-44deg) translateX(1px)
}

.ysqUEO .icon-gt s:after {
	-webkit-transform: rotate(44deg) translateX(1px);
	transform: rotate(44deg) translateX(1px)
}

@media screen and (min-width:1025px) {
	.icon-gt:hover {
		color: currentColor
	}

	.icon-gt:hover s:before {
		-webkit-transform: rotate(-44deg);
		transform: rotate(-44deg)
	}

	.icon-gt:hover s:after {
		-webkit-transform: rotate(44deg);
		transform: rotate(44deg)
	}
}

@media screen and (max-width:1024px) {
	.icon-gt:active {
		color: currentColor
	}

	.icon-gt:active s:before {
		-webkit-transform: rotate(-44deg);
		transform: rotate(-44deg)
	}

	.icon-gt:active s:after {
		-webkit-transform: rotate(44deg);
		transform: rotate(44deg)
	}
}

.btn.btn-close {
	width: 40px;
	height: 40px
}

.btn.btn-close s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 36px;
	font-size: 30px;
	color: #000;
	font-family: 'Microsoft YaHei','微软雅黑',Arial,sans-serif;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.ysqUEO .btn.btn-close s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .btn.btn-close s:after,.ysqUEO .btn.btn-close s:before {
	pointer-events: none!important;
	content: " ";
	position: absolute;
	left: 5px;
	width: 30px;
	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 .btn.btn-close s:before {
	top: 9px;
	-webkit-transform: rotate(45deg) translate(5.79898987px,0);
	transform: rotate(45deg) translate(5.79898987px,0);
	top: 3px
}

.ysqUEO .btn.btn-close s:after {
	bottom: 9px;
	-webkit-transform: rotate(-45deg) translate(5.79898987px,0);
	transform: rotate(-45deg) translate(5.79898987px,0);
	bottom: 3px
}

@media screen and (min-width:1025px) {
	.ysqUEO .btn.btn-close s:after,.ysqUEO .btn.btn-close s:before {
		-webkit-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s
	}

	.btn.btn-close s:hover {
		color: #000
	}
}

@media screen and (max-width:1024px) {
	.btn.btn-close s:active {
		color: #000
	}
}

.btn.btn-close s:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

.btn-x1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	padding: .3rem .6rem;
	border: #cfd6da solid 1px;
	line-height: 28px;
	background-color: #fff;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.btn-x1 .sq3 {
	margin-right: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	color: #014c7e
}

.btn-x1 .sq3>s {
	width: .5em;
	height: .5em;
	background-color: currentColor;
	-webkit-transition: .2s;
	transition: .2s
}

.btn-x1 .sq3>s:nth-child(1n+2) {
	margin-left: .5em
}

.btn-x1 .sq3>s:nth-child(1) {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}

.btn-x1 .sq3>s:nth-child(2) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.btn-x1 .sq3>s:nth-child(3) {
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms
}

.btn-x1 .this {
	font-size: 16px;
	color: #000
}

@media screen and (min-width:1025px) {
	.btn-x1 {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.btn-x1:hover {
		background-color: #014c7e;
		border-color: #014c7e
	}

	.btn-x1:hover .sq3,.btn-x1:hover .this {
		color: #fff
	}

	.btn-x1:hover .sq3>s {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}

@media screen and (max-width:1024px) {
	.btn-x1 {
		padding: padding: 5px 10px;
	}

	.btn-x1:active {
		background-color: #014c7e;
		border-color: #014c7e
	}

	.btn-x1:active .sq3,.btn-x1:active .this {
		color: #fff
	}
}

.btn.btn-x2 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.btn.btn-x2 .rarr {
	margin-right: .25rem;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 50%;
    color: #fff;
    border: #014c7e solid 1px;
    -webkit-transition: inherit !important;
    transition: inherit !important;
}
.btn.btn-x2 .rarr i{
	font-size: 20px;
    font-weight: bold;
}

.btn.btn-x2 .icon-play {
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	position: relative;
	z-index: 1;
	margin-right: .5rem;
	border: #fff solid 1px;
	border-radius: 50%
}

.btn.btn-x2 .icon-play>s {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	width: 32px;
	height: 32px
}

.btn.btn-x2 .icon-play>s:after,.btn.btn-x2 .icon-play>s:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3.2px;
	margin-top: -6px;
	overflow: hidden;
	width: 0;
	height: 0;
	border-width: 6px 8px;
	border-color: transparent transparent transparent #fff;
	border-style: dashed dashed dashed solid;
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s
}

.btn.btn-x2 .icon-play.paused>s:before {
	margin-left: -3.6px;
	border-width: 0 2px;
	height: 12px
}

.btn.btn-x2 .icon-play.paused>s:after {
	margin-left: 1.2px;
	border-width: 0 2px;
	height: 12px
}

.btn.btn-x2 .this {
	font-size: 14px;
	font-weight: 700
}

@media screen and (min-width:1025px) {
	.btn.btn-x2:hover .rarr {
		background-color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.btn.btn-x2:active .rarr {
		background-color: #014c7e
	}
}

.btn.btn-flyaway:hover path {
	-webkit-animation-name: flyaway;
	animation-name: flyaway;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-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: none;
	animation-fill-mode: none
}

.ctr.ctr-navLR {
	z-index: 20;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	color: #014c7e;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ctr.ctr-navLR s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体','宋体_GB2312'!important;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-navLR s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-navLR s:after,.ysqUEO .ctr.ctr-navLR s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	margin-top: -1px;
	background-color: #014c7e;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-navLR:hover {
		color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-navLR:active {
		color: #014c7e
	}
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-navLR:hover s:after,.ysqUEO .ctr.ctr-navLR:hover s:before {
		background-color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-navLR:active s:after,.ctr.ctr-navLR:active s:before {
		background-color: #014c7e
	}
}

.ysqUEO .ctr.ctr-navLR.prev s:after,.ysqUEO .ctr.ctr-navLR.prev s:before {
	margin-left: -3px;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-navLR.prev s:before {
	-webkit-transform: rotate(-38deg) translateX(-1px);
	transform: rotate(-38deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.prev s:after {
	-webkit-transform: rotate(38deg) translateX(-1px);
	transform: rotate(38deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.next s:after,.ysqUEO .ctr.ctr-navLR.next s:before {
	margin-left: -7px;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-navLR.next s:before {
	-webkit-transform: rotate(-38deg) translateX(1px);
	transform: rotate(-38deg) translateX(1px)
}

.ysqUEO .ctr.ctr-navLR.next s:after {
	-webkit-transform: rotate(38deg) translateX(1px);
	transform: rotate(38deg) translateX(1px)
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-navLR.prev:hover s:before {
		-webkit-transform: rotate(-42deg) translateX(-1px);
		transform: rotate(-42deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-navLR.prev:hover s:after {
		-webkit-transform: rotate(42deg) translateX(-1px);
		transform: rotate(42deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-navLR.next:hover s:before {
		-webkit-transform: rotate(-42deg) translateX(1px);
		transform: rotate(-42deg) translateX(1px)
	}

	.ysqUEO .ctr.ctr-navLR.next:hover s:after {
		-webkit-transform: rotate(42deg) translateX(1px);
		transform: rotate(42deg) translateX(1px)
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-navLR.prev:active s:before {
		-webkit-transform: rotate(-42deg) translateX(-1px);
		transform: rotate(-42deg) translateX(-1px)
	}

	.ctr.ctr-navLR.prev:active s:after {
		-webkit-transform: rotate(42deg) translateX(-1px);
		transform: rotate(42deg) translateX(-1px)
	}

	.ctr.ctr-navLR.next:active s:before {
		-webkit-transform: rotate(-42deg) translateX(1px);
		transform: rotate(-42deg) translateX(1px)
	}

	.ctr.ctr-navLR.next:active s:after {
		-webkit-transform: rotate(42deg) translateX(1px);
		transform: rotate(42deg) translateX(1px)
	}
}

.ctr.ctr-navLR.prev {
	left: 0
}

.ctr.ctr-navLR.next {
	right: 0
}

.ctr.ctr-navLR.reject {
	display: none
}

.ctr.ctr-lrSVG {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

.ctr.ctr-lrSVG:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.47 8.375H1v3.25h11.47V16.5L19 10l-6.53-6.5v4.875z' fill='%23000'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.ctr.ctr-lrSVG.prev {
	left: 0
}

.ctr.ctr-lrSVG.prev:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.ctr.ctr-lrSVG.next {
	right: 0
}

.ctr.ctr-rotateMove {
	display: none;
	z-index: 20;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	color: #262626;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ctr.ctr-rotateMove:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px #d9d9d9;
	border-radius: inherit;
	background-color: #fff
}

.ctr.ctr-rotateMove.prev {
	left: 0
}

.ctr.ctr-rotateMove.next {
	right: 0
}

@media screen and (min-width:1025px) {
	.ctr.ctr-rotateMove:before {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.ctr.ctr-rotateMove:hover {
		color: #fff
	}

	.ctr.ctr-rotateMove:hover:before {
		background-color: #014c7e!important
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-rotateMove {
		margin-top: -20px;
		width: 40px;
		height: 40px
	}

	.ctr.ctr-rotateMove:active {
		color: #fff
	}

	.ctr.ctr-rotateMove:active:before {
		background-color: #014c7e!important
	}
}

.ctr.ctr-rotateMove s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体','宋体_GB2312'!important;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-rotateMove s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-rotateMove s:after,.ysqUEO .ctr.ctr-rotateMove s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 2px;
	margin-top: -1px;
	background-color: #262626;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-rotateMove:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-rotateMove:active {
		color: #fff
	}
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-rotateMove:hover s:after,.ysqUEO .ctr.ctr-rotateMove:hover s:before {
		background-color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-rotateMove:active s:after,.ctr.ctr-rotateMove:active s:before {
		background-color: #fff
	}
}

.ysqUEO .ctr.ctr-rotateMove.prev s:after,.ysqUEO .ctr.ctr-rotateMove.prev s:before {
	margin-left: -2px;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-rotateMove.prev s:before {
	-webkit-transform: rotate(-40deg) translateX(-1px);
	transform: rotate(-40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-rotateMove.prev s:after {
	-webkit-transform: rotate(40deg) translateX(-1px);
	transform: rotate(40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-rotateMove.next s:after,.ysqUEO .ctr.ctr-rotateMove.next s:before {
	margin-left: -6px;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-rotateMove.next s:before {
	-webkit-transform: rotate(-40deg) translateX(1px);
	transform: rotate(-40deg) translateX(1px)
}

.ysqUEO .ctr.ctr-rotateMove.next s:after {
	-webkit-transform: rotate(40deg) translateX(1px);
	transform: rotate(40deg) translateX(1px)
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-rotateMove.prev:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-rotateMove.prev:hover s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-rotateMove.next:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ysqUEO .ctr.ctr-rotateMove.next:hover s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-rotateMove.prev:active s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ctr.ctr-rotateMove.prev:active s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ctr.ctr-rotateMove.next:active s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ctr.ctr-rotateMove.next:active s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

.ctr.ctr-banner {
	display: none;
	z-index: 20;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	-webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	color: #707075
}

.ctr.ctr-banner:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #e8e9e9;
	z-index: -1;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ctr.ctr-banner.prev {
	left: 0
}

.ctr.ctr-banner.next {
	right: 0
}

@media screen and (min-width:1025px) {
	.ctr.ctr-banner:hover {
		color: #fff
	}

	.ctr.ctr-banner:hover:after {
		background-color: #014c7e!important
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-banner {
		width: 40px;
		height: 40px;
		margin-top: -20px
	}

	.ctr.ctr-banner s {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}

	.ctr.ctr-banner:active {
		color: #fff;
		-webkit-transition: 0s;
		transition: 0s
	}

	.ctr.ctr-banner:active:after {
		background-color: #014c7e!important;
		-webkit-transition: 0s;
		transition: 0s
	}
}

.ctr.ctr-banner s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体','宋体_GB2312'!important;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-banner s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-banner s:after,.ysqUEO .ctr.ctr-banner s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin-top: -1px;
	background-color: #707075;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-banner:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-banner:active {
		color: #fff
	}
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-banner:hover s:after,.ysqUEO .ctr.ctr-banner:hover s:before {
		background-color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-banner:active s:after,.ctr.ctr-banner:active s:before {
		background-color: #fff
	}
}

.ysqUEO .ctr.ctr-banner.prev s:after,.ysqUEO .ctr.ctr-banner.prev s:before {
	margin-left: -4px;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-banner.prev s:before {
	-webkit-transform: rotate(-44deg) translateX(-1px);
	transform: rotate(-44deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-banner.prev s:after {
	-webkit-transform: rotate(44deg) translateX(-1px);
	transform: rotate(44deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-banner.next s:after,.ysqUEO .ctr.ctr-banner.next s:before {
	margin-left: -8px;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-banner.next s:before {
	-webkit-transform: rotate(-44deg) translateX(1px);
	transform: rotate(-44deg) translateX(1px)
}

.ysqUEO .ctr.ctr-banner.next s:after {
	-webkit-transform: rotate(44deg) translateX(1px);
	transform: rotate(44deg) translateX(1px)
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-banner.prev:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-banner.prev:hover s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-banner.next:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ysqUEO .ctr.ctr-banner.next:hover s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-banner.prev:active s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ctr.ctr-banner.prev:active s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ctr.ctr-banner.next:active s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ctr.ctr-banner.next:active s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

.ctr.ctr-fang {
	display: none;
	z-index: 20;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 48px;
	height: 80px;
	-webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	color: #fff
}

.ctr.ctr-fang:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	z-index: -1;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.ctr.ctr-fang.prev {
	left: 0
}

.ctr.ctr-fang.next {
	right: 0
}

@media screen and (min-width:1025px) {
	.ctr.ctr-fang:hover {
		color: #fff
	}

	.ctr.ctr-fang:hover:after {
		background-color: #014c7e!important
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-fang {
		width: 32px;
		height: 48px;
		margin-top: -24px
	}

	.ctr.ctr-fang s {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}

	.ctr.ctr-fang:active {
		color: #fff;
		-webkit-transition: 0s;
		transition: 0s
	}

	.ctr.ctr-fang:active:after {
		background-color: #014c7e!important;
		-webkit-transition: 0s;
		transition: 0s
	}
}

@media screen and (max-width:750px) {
	.ctr.ctr-fang {
		width: 28px;
		height: 40px;
		margin-top: -20px
	}
}

.ctr.ctr-fang s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体','宋体_GB2312'!important;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-fang s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-fang s:after,.ysqUEO .ctr.ctr-fang s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	margin-top: -1px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-fang:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-fang:active {
		color: #fff
	}
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-fang:hover s:after,.ysqUEO .ctr.ctr-fang:hover s:before {
		background-color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-fang:active s:after,.ctr.ctr-fang:active s:before {
		background-color: #fff
	}
}

.ysqUEO .ctr.ctr-fang.prev s:after,.ysqUEO .ctr.ctr-fang.prev s:before {
	margin-left: -6px;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-fang.prev s:before {
	-webkit-transform: rotate(-40deg) translateX(-1px);
	transform: rotate(-40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-fang.prev s:after {
	-webkit-transform: rotate(40deg) translateX(-1px);
	transform: rotate(40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-fang.next s:after,.ysqUEO .ctr.ctr-fang.next s:before {
	margin-left: -10px;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-fang.next s:before {
	-webkit-transform: rotate(-40deg) translateX(1px);
	transform: rotate(-40deg) translateX(1px)
}

.ysqUEO .ctr.ctr-fang.next s:after {
	-webkit-transform: rotate(40deg) translateX(1px);
	transform: rotate(40deg) translateX(1px)
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-fang.prev:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-fang.prev:hover s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-fang.next:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ysqUEO .ctr.ctr-fang.next:hover s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-fang.prev:active s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ctr.ctr-fang.prev:active s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ctr.ctr-fang.next:active s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ctr.ctr-fang.next:active s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

.ctr.ctr-yuan {
	display: none;
	z-index: 20;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	color: #014c7e;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ctr.ctr-yuan:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px #014c7e;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	color: #014c7e;
	background-color: #fff;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none
}

.ctr.ctr-yuan.prev {
	left: 0
}

.ctr.ctr-yuan.next {
	right: 0
}

@media screen and (min-width:1025px) {
	.ctr.ctr-yuan:hover {
		background-color: #014c7e!important;
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-yuan:active {
		background-color: #014c7e!important;
		color: #fff;
		-webkit-transition: 0s;
		transition: 0s
	}
}

.ctr.ctr-yuan s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体','宋体_GB2312'!important;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-yuan s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-yuan s:after,.ysqUEO .ctr.ctr-yuan s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin-top: -1px;
	background-color: #014c7e;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-yuan:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-yuan:active {
		color: #fff
	}
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-yuan:hover s:after,.ysqUEO .ctr.ctr-yuan:hover s:before {
		background-color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-yuan:active s:after,.ctr.ctr-yuan:active s:before {
		background-color: #fff
	}
}

.ysqUEO .ctr.ctr-yuan.prev s:after,.ysqUEO .ctr.ctr-yuan.prev s:before {
	margin-left: -4px;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-yuan.prev s:before {
	-webkit-transform: rotate(-40deg) translateX(-1px);
	transform: rotate(-40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-yuan.prev s:after {
	-webkit-transform: rotate(40deg) translateX(-1px);
	transform: rotate(40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-yuan.next s:after,.ysqUEO .ctr.ctr-yuan.next s:before {
	margin-left: -8px;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-yuan.next s:before {
	-webkit-transform: rotate(-40deg) translateX(1px);
	transform: rotate(-40deg) translateX(1px)
}

.ysqUEO .ctr.ctr-yuan.next s:after {
	-webkit-transform: rotate(40deg) translateX(1px);
	transform: rotate(40deg) translateX(1px)
}

@media screen and (min-width:1025px) {
	.ysqUEO .ctr.ctr-yuan.prev:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-yuan.prev:hover s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ysqUEO .ctr.ctr-yuan.next:hover s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ysqUEO .ctr.ctr-yuan.next:hover s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-yuan.prev:active s:before {
		-webkit-transform: rotate(-50deg) translateX(-1px);
		transform: rotate(-50deg) translateX(-1px)
	}

	.ctr.ctr-yuan.prev:active s:after {
		-webkit-transform: rotate(50deg) translateX(-1px);
		transform: rotate(50deg) translateX(-1px)
	}

	.ctr.ctr-yuan.next:active s:before {
		-webkit-transform: rotate(-50deg) translateX(1px);
		transform: rotate(-50deg) translateX(1px)
	}

	.ctr.ctr-yuan.next:active s:after {
		-webkit-transform: rotate(50deg) translateX(1px);
		transform: rotate(50deg) translateX(1px)
	}
}

.pagination.swiper-pagination-bullets {
	display: block
}

.pagination.pagination-banner {
	z-index: 3;
	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
}

.pagination.pagination-banner:after {
	display: none
}

.pagination.pagination-banner .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	border-radius: 10px;
	background-color: #fff;
	opacity: .5
}

.pagination.pagination-banner .btn em {
	display: none
}

.pagination.pagination-banner .btn.on {
	opacity: 1
}

.pagination.pagination-dot {
	z-index: 3;
	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;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.pagination.pagination-dot:after {
	display: none
}

.pagination.pagination-dot .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	border-radius: 10px;
	background-color: #fff;
	opacity: .6
}

.pagination.pagination-dot .btn em {
	display: none
}

.pagination.pagination-dot .btn.on {
	opacity: 1
}

.pagination.pagination-yuan {
	z-index: 3;
	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;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.pagination.pagination-yuan:after {
	display: none
}

.pagination.pagination-yuan .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 10px;
	height: 10px;
	-webkit-transition: all 480ms ease-out 0s,all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 480ms ease-out 0s;
	border: 10px 10px 0 0;
	border-style: solid;
	border-color: #fff;
	margin: 0 6px;
	border-radius: 10px
}

.pagination.pagination-yuan .btn:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #014c7e;
	border-radius: inherit
}

.pagination.pagination-yuan .btn em {
	display: none
}

.pagination.pagination-yuan .btn.on {
	background-color: #014c7e;
	border-color: #014c7e
}

.pagination.pagination-changtiao {
	z-index: 3;
	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;
	position: relative;
	overflow: hidden;
	width: 100%
}

.pagination.pagination-changtiao:after {
	display: none
}

.pagination.pagination-changtiao .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 22px;
	height: 3px;
	background-color: #ccc;
	border-radius: 5px;
	margin: 0 2px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.pagination.pagination-changtiao .btn em {
	display: none
}

.pagination.pagination-changtiao .btn.on {
	width: 3px;
	background-color: #014c7e
}

.pagination.pagination-daxiaoYuan {
	z-index: 3;
	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;
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%
}

.pagination.pagination-daxiaoYuan:after {
	display: none
}

.pagination.pagination-daxiaoYuan .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 16px;
	height: 16px;
	margin: 0 0 0 16px
}

.pagination.pagination-daxiaoYuan .btn:after,.pagination.pagination-daxiaoYuan .btn:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pagination.pagination-daxiaoYuan .btn:before {
	margin-left: -2px;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: #014c7e
}

.pagination.pagination-daxiaoYuan .btn:after {
	margin-left: -8px;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border: #014c7e solid 1px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.pagination.pagination-daxiaoYuan .btn em {
	display: none
}

.pagination.pagination-daxiaoYuan .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
}

.modal-searchForm {
	/* display: none; */
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99921;
	overflow: hidden;
	/* background-color: rgba(0,0,0,.8) */
}
.ysqUEO .modal-searchForm .contain {
	opacity: 0;
	-webkit-transition: all 330ms ease-out 0s;
	transition: all 330ms ease-out 0s;
	-webkit-transform: translate(-50%,-50%) scale(.2);
	transform: translate(-50%,-50%) scale(.2)
}

.ysqUEO .modal-searchForm.showUp .contain {
	opacity: 1;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.ysqUEO .modal-searchForm.hideOut .contain {
	opacity: 0;
	-webkit-transform: translate(-50%,-50%) scale(.2)!important;
	transform: translate(-50%,-50%) scale(.2)!important
}

.modal-searchForm .contain {
	z-index: 20;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    width: 600px;
    max-width: 90%;
    height: auto;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgb(0 0 0 / 70%);
}

.modal-searchForm .Tclose {
	position: absolute;
    top: 0;
    right: 5px;
    width: 40px;
    height: 40px;
    top: 5px;
}

.modal-searchForm .Tclose s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 36px;
	font-size: 24px;
	color: #fff;
	font-family: 'Microsoft YaHei','微软雅黑',Arial,sans-serif;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.ysqUEO .modal-searchForm .Tclose s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .modal-searchForm .Tclose s:after,.ysqUEO .modal-searchForm .Tclose s:before {
	pointer-events: none!important;
	content: " ";
	position: absolute;
	left: 8px;
	width: 24px;
	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 .modal-searchForm .Tclose s:before {
	top: 12px;
	-webkit-transform: rotate(45deg) translate(4.55634919px,0);
	transform: rotate(45deg) translate(4.55634919px,0);
	top: 6px
}

.ysqUEO .modal-searchForm .Tclose s:after {
	bottom: 12px;
	-webkit-transform: rotate(-45deg) translate(4.55634919px,0);
	transform: rotate(-45deg) translate(4.55634919px,0);
	bottom: 6px
}

@media screen and (min-width:1025px) {
	.ysqUEO .modal-searchForm .Tclose s:after,.ysqUEO .modal-searchForm .Tclose s:before {
		-webkit-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s
	}

	.modal-searchForm .Tclose s:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.modal-searchForm .Tclose s:active {
		color: #fff
	}
}

.modal-searchForm .Tclose s:hover {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

.modal-searchForm .searchBox {
	padding: 20px
}

.modal-searchForm .searchBox .skin {
	width: 270px;
	height: 28px;
	line-height: 28px;
	padding: 9px 14px;
	border: #ccc solid 1px;
	border-radius: 6px;
	background-color: #fff
}

.modal-searchForm .searchBox .enter {
	margin-top: 15px;
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: #014c7e;
	color: #fff;
	text-align: center;
	border-radius: 6px
}

.modal-download {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	background-color: rgba(0,0,0,.7);
	overflow: hidden
}

.ysqUEO .modal-download .contain {
	opacity: 0;
	-webkit-transition: all 330ms ease-out 0s;
	transition: all 330ms ease-out 0s;
	-webkit-transform: scale(1) translate(-50%,0);
	transform: scale(1) translate(-50%,0)
}

.ysqUEO .modal-download:before {
	content: " ";
	z-index: 18;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ysqUEO .modal-download.showUp .contain {
	opacity: 1;
	-webkit-transform: scale(1) translate(-50%,-50%);
	transform: scale(1) translate(-50%,-50%)
}

.ysqUEO .modal-download.showUp:before {
	-webkit-transition: all 250ms ease-out .5s;
	transition: all 250ms ease-out .5s;
	opacity: 0;
	visibility: hidden
}

.ysqUEO .modal-download.hideOut .contain {
	opacity: 0;
	-webkit-transform: scale(1) translate(-50%,-120%)!important;
	transform: scale(1) translate(-50%,-120%)!important
}

.ysqUEO .modal-download.hideOut .Tclose {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.modal-download .Tclose {
	display: block;
	position: relative
}

.modal-download .contain {
	z-index: 20;
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 90%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding: 1.2rem;
	width: 720px
}

@media screen and (max-width:1024px) {
	.modal-download .contain {
		padding: 30px 20px;
		width: 480px
	}
}

.modal-project {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	background-color: rgba(0,0,0,.7);
	overflow: hidden
}

.ysqUEO .modal-project .contain {
	opacity: 0;
	-webkit-transition: all 330ms ease-out 0s;
	transition: all 330ms ease-out 0s;
	-webkit-transform: scale(1) translate(-50%,0);
	transform: scale(1) translate(-50%,0)
}

.ysqUEO .modal-project:before {
	content: " ";
	z-index: 18;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ysqUEO .modal-project.showUp .contain {
	opacity: 1;
	-webkit-transform: scale(1) translate(-50%,-50%);
	transform: scale(1) translate(-50%,-50%)
}

.ysqUEO .modal-project.showUp:before {
	-webkit-transition: all 250ms ease-out .5s;
	transition: all 250ms ease-out .5s;
	opacity: 0;
	visibility: hidden
}

.ysqUEO .modal-project.hideOut .contain {
	opacity: 0;
	-webkit-transform: scale(1) translate(-50%,-120%)!important;
	transform: scale(1) translate(-50%,-120%)!important
}

.ysqUEO .modal-project.hideOut .Tclose {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.modal-project .Tclose {
	display: block;
	position: relative
}

.modal-project .contain {
	z-index: 20;
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 90%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding: 1.6rem 1.8rem;
	width: 1140px
}

@media screen and (max-width:1024px) {
	.modal-project .contain {
		padding: 40px 30px;
		width: 800px
	}
}

#project_content .dt {
	position: relative;
	z-index: 1;
	padding-right: 48px;
	line-height: 1.5
}

#project_content .dt .this {
	color: #000;
	font-weight: 700
}

#project_content .dt .btn-close {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#project_content .dd {
	margin-top: .8rem
}

#project_content .dd .section {
	line-height: 2
}

#project_content .dd .section .sdt {
	color: #000;
	font-weight: 700
}

#project_content .dd .section .sdd {
	margin-top: 5px;
	color: #414345;
	line-height: 2
}

#project_content .dd .section:nth-child(1n+2) {
	margin-top: .8rem
}

#project_content .df {
	margin-top: .6rem;
	text-align: center
}

.swiper-container {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	-webkit-transition-property: all;
	transition-property: all
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container:before {
	pointer-events: none
}

body.compensate-for-scrollbar {
	overflow: hidden
}

.fancybox-active {
	height: auto
}

.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute!important;
	top: -9999px;
	visibility: hidden
}

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: 0;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	z-index: 99992
}

.fancybox-container * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
	transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .9;
	-webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
	transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
	direction: ltr;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .25s ease,visibility 0s ease .25s;
	transition: opacity .25s ease,visibility 0s ease .25s;
	visibility: hidden;
	z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	-webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
	transition: opacity .25s ease 0s,visibility 0s ease 0s;
	visibility: visible
}

.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-toolbar {
	right: 0;
	top: 0
}

.fancybox-stage {
	direction: ltr;
	overflow: visible;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 99994
}

.fancybox-is-open .fancybox-stage {
	overflow: hidden
}

.fancybox-slide {
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	white-space: normal;
	width: 100%;
	z-index: 99994
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
	display: block
}

.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-slide--html {
	padding: 6px
}

.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
	-webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
	animation-timing-function: cubic-bezier(.5,0,.14,1);
	-webkit-backface-visibility: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-container [data-selectable=true] {
	cursor: text
}

.fancybox-image,.fancybox-spaceball {
	background-color: transparent;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%
}

.fancybox-slide--video .fancybox-content {
	background: #000
}

.fancybox-slide--map .fancybox-content {
	background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
	background: #fff
}

.fancybox-iframe,.fancybox-video {
	background-color: transparent;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}

.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0
}

.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%
}

.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0
}

.fancybox-button {
	background: rgba(30,30,30,.6);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	-webkit-transition: color .2s;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
	color: #ccc
}

.fancybox-button:hover {
	color: #fff
}

.fancybox-button:focus {
	outline: 0
}

.fancybox-button.fancybox-focus {
	outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: 0;
	cursor: not-allowed;
	opacity: .5!important
}

.fancybox-button div {
	height: 100%
}

.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%
}

.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
	display: none
}

.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	z-index: 99998
}

.fancybox-close-small {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	opacity: .8;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401
}

.fancybox-close-small:hover {
	color: #fff;
	opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 10px;
	right: 0;
	top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none
}

.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px
}

.fancybox-navigation .fancybox-button div {
	padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	left: env(safe-area-inset-left);
	padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0;
	right: env(safe-area-inset-right)
}

.fancybox-caption {
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
	background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 75px 44px 25px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996
}

@supports (padding:max(0px)) {
	.fancybox-caption {
		padding: 75px 44px 25px 44px
	}
}

.fancybox-caption--separate {
	margin-top: -50px
}

.fancybox-caption__body {
	max-height: 50vh;
	overflow: auto;
	pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none
}

.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline
}

.fancybox-loading {
	-webkit-animation: a 1s linear infinite;
	animation: a 1s linear infinite;
	background-color: transparent;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999
}

@-webkit-keyframes a {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes a {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.fancybox-animated {
	-webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
	transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
	transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(1.5,1.5,1.5);
	transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(.5,.5,.5);
	transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
	transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
	transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
	transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
	transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px
	}

	.fancybox-slide--image {
		padding: 6px 0
	}

	.fancybox-close-small {
		right: -6px
	}

	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px
	}

	.fancybox-caption {
		padding-left: 12px;
		padding-right: 12px
	}
    @supports (padding:max(0px)) {
		.fancybox-caption{padding-left: 12px;
		padding-right: 12px
	}
}}

.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center
}

.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px
}

.fancybox-share p {
	margin: 0;
	padding: 0
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
	color: #fff
}

.fancybox-share__button:hover {
	text-decoration: none
}

.fancybox-share__button--fb {
	background: #3b5998
}

.fancybox-share__button--fb:hover {
	background: #344e86
}

.fancybox-share__button--pt {
	background: #bd081d
}

.fancybox-share__button--pt:hover {
	background: #aa0719
}

.fancybox-share__button--tw {
	background: #1da1f2
}

.fancybox-share__button--tw:hover {
	background: #0d95e8
}

.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px
}

.fancybox-share__button svg path {
	fill: #fff
}

.fancybox-share__input {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: 0;
	padding: 10px 15px;
	width: 100%
}

.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	width: 212px;
	z-index: 99995
}

.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block
}

.fancybox-show-thumbs .fancybox-inner {
	right: 212px
}

.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px
}

.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0,0,0,.1);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px
}

.fancybox-thumbs__list a:before {
	border: 2px solid #ff5268;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
	transition: all .2s cubic-bezier(.25,.46,.45,.94);
	z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
	opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
	opacity: 1
}

@media (max-width:576px) {
	.fancybox-thumbs {
		width: 110px
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 110px
	}

	.fancybox-thumbs__list a {
		max-width: calc(100% - 10px)
	}
}[data-fancybox-close]:hover svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.albums_temp_bgf .fancybox-content {
	background-color: #fff!important
}

.fancy_zoomer {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.fancy_zoomer:after,.fancy_zoomer:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	display: block
}

.fancy_zoomer:before {
	z-index: 2;
	background-color: rgba(0,0,0,.2);
	border-radius: inherit
}

.fancy_zoomer:after {
	z-index: 3;
	background-image: url("data:image/svg+xml,%3Csvg width=\'32\' height=\'32\' viewBox=\'0 0 32 32\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M28.727 28.312l-4.341-4.341C26.619 21.635 28 18.479 28 15c0-7.168-5.832-13-13-13S2 7.832 2 15s5.832 13 13 13c2.969 0 5.701-1.012 7.892-2.694l4.42 4.42a.998.998 0 0 0 1.707-.707 1 1 0 0 0-.292-.707zM4 15C4 8.935 8.935 4 15 4s11 4.935 11 11-4.935 11-11 11S4 21.065 4 15z\' fill=\'%23fff\'/%3E%3Cpath d=\'M19.556 14H16v-3.5a1 1 0 0 0-2 0V14h-3.5a1 1 0 0 0 0 2H14v3.5a1 1 0 0 0 2 0V16h3.556a1 1 0 0 0 0-2z\' fill=\'%23fff\'/%3E%3C/svg%3E");
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transform: scale(0);
	transform: scale(0)
}

@media screen and (min-width:1025px) {
	.fancy_zoomer:hover:after,.fancy_zoomer:hover:before {
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}
}

@media screen and (max-width:1024px) {
	.fancy_zoomer:active:after,.fancy_zoomer:active:before {
		-webkit-transition: all 50ms ease-out 0s;
		transition: all 50ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}
}

@media screen and (max-width:1024px) {
	.fancybox-slide {
		padding: 32px
	}

	.fancybox-infobar {
		height: 32px;
		line-height: 32px;
		min-width: 32px;
		font-size: 12px;
		white-space: nowrap
	}

	.fancybox-infobar>span {
		margin: 0 -.1em
	}

	.fancybox-button {
		width: 32px;
		height: 32px;
		padding: 6px
	}

	.fancybox-caption {
		padding: 48px 32px 10px 32px
	}

	.fancybox-navigation .fancybox-button {
		width: 64px;
		height: 94px
	}
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 40;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.header .contain {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
    padding: 0 var(--padw);
	padding: 0 var(--padw2);
}

.header .contain:after {
	display: none
}

.header .bg {
	display: none;
	z-index: 5;
	height: var(--Hheader2)
}

.header .logo {
	-ms-flex-negative: 0;
	flex-shrink: 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: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	margin-left: 0;
	margin-right: 0;
}

.header .logo:after {
	display: none
}

.header .logo ._img {
	position: relative;
	height: 66px;
	width: 140px
}

.header .logo ._img img {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-filter: drop-shadow(0px 2px 0px rgba(255,255,255,0.7));
    filter: drop-shadow(0px 2px 0px rgba(255,255,255,0.7));
}

.header .logo ._img .front {
	position: relative;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.header .logo ._img .behind {
	position: absolute;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}


.header_zs_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-right: auto;
}
.header_zs_box li{
    margin: 0 10px;
    position: relative;
    cursor: pointer;
}
.header_zs_box li img{
	display: block;
    height: 40px;
    -webkit-filter: drop-shadow(0px 2px 0px rgba(255,255,255,0.7));
    filter: drop-shadow(0px 2px 0px rgba(255,255,255,0.7));
}
.header_zs_box li .header_zs_list{
    width: 250px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 69px;
    display: none;
    z-index: 999;
}
.header_zs_box li .header_zs_list img{width: 100%;height: auto;display: block;}
.header_zs_box li:hover .header_zs_list{display: block;}

.header_phone{display: flex;justify-content: flex-start;align-items: center;height: 100%;}
.header_phone i{
    font-size: 34px;color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.header_phone h2{
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    margin-left: 15px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.header_phone h2 span{
    font-size: 22px;color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.header_phone_nav{display: none;justify-content: flex-end;align-items: center;height: 13.8vw;}









.header .secNav {
	display: none
}

.header .navbtn {
	display: none
}

.header .fns {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	z-index: 2;
	margin-right: 0;
	margin-left: auto
}

.header .fns:after {
	display: none
}

.header .fns .item {
	z-index: 1;
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.header .fns .item:after {
	display: none
}

.header .fns .item:nth-child(1n+2) {
	margin-left: .5rem
}

.header .fns .item .btn {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	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: currentColor;
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s
}

.header .fns .item .btn:after {
	display: none
}

.header .fns .item .btn .icon {
    font-size: 20px;
}
.header .fns .item .btn .this {
	margin-left: .3rem;
	white-space: nowrap
}

.header .fns .item .hide {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -44px;
	width: 88px;
	padding: 10px 0;
	background-color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20%);
	transform: translateY(20%)
}

.header .fns .item .hide .btn {
	display: block;
	color: #414345;
	padding: .12rem .4rem;
	font-size: 16px;
	line-height: 1.5;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.header .fns .item .hide .btn.on {
	color: #014c7e;
	font-weight: 700
}

@media screen and (min-width:1025px) {
	.header .fns .item .hide .btn:hover {
		color: #014c7e;
		font-weight: 700
	}
}

@media screen and (max-width:1024px) {
	.header .fns .item .hide .btn:active {
		color: #014c7e;
		font-weight: 700;
		-webkit-transition: all 40ms ease-out 0s;
		transition: all 40ms ease-out 0s
	}
}

.header .fns .item .hide._show {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

@media screen and (min-width:1281px) {
	.header .firNav .firItem .link1 {
		padding: 0 1.5625vw
	}
}

@media screen and (min-width:1025px) {
	.header .firNav {
		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: 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
	}

	.header .firNav:after {
		display: none
	}

	.header .firNav .firItem {
		position: relative
	}

	.header .firNav .firItem .link1 {
		position: relative;
		overflow: hidden;
		z-index: 2;
		display: block;
		padding: 0 1.04166667vw;
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s;
		font-size: 16px
	}

	.header .secNav {
		position: absolute;
		top: 100%;
		left: 50%;
		min-width: 200vw;
		z-index: 30;
		text-align: left;
		-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.1);
		box-shadow: 0 5px 6px 0 rgba(0,0,0,.1);
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		display: none
	}

	.header .secNav .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: 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
	}

	.header .secNav .col:after {
		display: none
	}

	.header .secNav .secItem {
		position: relative
	}

	.header .secNav .secItem .link2 {
		position: relative;
		z-index: 1;
		display: block;
		line-height: 20px;
		padding: 10px 20px;
		font-size: 16px
	}

	.header .fns .item:hover .btn._sc .icon {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.header .fns .item:hover .btn.btn-searchTg .icon {
        color: #014c7e;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.header,.header .icon {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.header .contain {
		z-index: 1
	}

	.header .contain:before {
		content: " ";
		z-index: -1;
		pointer-events: none;
		position: absolute;
		left: var(--padw2);
		right: var(--padw2);
		bottom: 0;
		height: 1px;
		background-color: #eee;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}

	.header .firNav .firItem {
		z-index: 3
	}

	.header .firNav .firItem.on,.header .firNav .firItem:hover {
		z-index: 8
	}

	.header .secNav {
		background-color: #fff
	}

	.header .secNav .link {
		color: #000;
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.header .secNav .intro {
		display: none
	}

	.header .secNav .secItem.on .link,.header .secNav .secItem:hover .link {
		color: #014c7e
	}

	.header .secNav .wrapIn {
		padding: 10px 0;
		text-align: center;
		white-space: normal
	}

	.header._skin_1,.header._skin_1 a {
		color: #000
	}

	.header._skin_1 .logo ._img .front {
		position: relative;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}

	.header._skin_1 .logo ._img .behind {
		position: absolute;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible
	}

	.header._skin_2,.header._skin_2 a {
		color: #fff
	}

	.header._skin_2:before {
		content: " ";
		z-index: -1;
		pointer-events: none;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));
		background: linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%)
	}
	.header._fixedNav,.header:hover {
		background-color: #fff;
		-webkit-box-shadow: 0 4px 10px 0 rgba(203,199,199,.2);
		box-shadow: 0 4px 10px 0 rgba(203,199,199,.2)
	}

	.header._fixedNav,.header._fixedNav a,.header:hover,.header:hover a {
		color: #000
	}

	.header._fixedNav:before,.header:hover:before {
		display: none
	}

	.header._fixedNav .logo ._img .front,.header:hover .logo ._img .front {
		position: relative;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}

	.header._fixedNav .logo ._img .behind,.header:hover .logo ._img .behind {
		position: absolute;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible
	}

	.header._fixedNav .firNav .firItem .link1,
    .header:hover .firNav .firItem .link1,
    .header._fixedNav .header_phone h2,
    .header:hover .header_phone h2{
		color: #000
	}

	.header._fixedNav .firNav .firItem.on,.header._fixedNav .firNav .firItem:hover,.header:hover .firNav .firItem.on,.header:hover .firNav .firItem:hover {
		z-index: 8
	}

	.header._fixedNav .firNav .firItem.on .link1,
    .header._fixedNav .firNav .firItem:hover .link1,
    .header:hover .firNav .firItem.on .link1,
    .header:hover .firNav .firItem:hover .link1,
    .header._fixedNav .header_phone i,
    .header._fixedNav .header_phone h2 span,
    .header:hover .header_phone i,
    .header:hover .header_phone h2 span
    {
		color: #014c7e;
		text-decoration: none
	}
	.header._fixedNav .fns svg.icon,.header:hover .fns svg.icon {
		color: #014c7e;
	}

	.header:hover .contain:before {
		-webkit-transition: all 250ms ease-out .1s;
		transition: all 250ms ease-out .1s;
		opacity: 1;
		visibility: visible
	}
}

@media screen and (max-width:1024px) {
	.header {
		background-color: #fff;
		-webkit-box-shadow: 0 4px 10px 0 rgba(203,199,199,.2);
		box-shadow: 0 4px 10px 0 rgba(203,199,199,.2)
	}

	.header .contain {
		position: static!important;
		padding-right: 47px
	}

	.header .bg {
		position: fixed!important;
		background-color: rgba(0,0,0,.2)
	}

	.header .logo ._img {
		height: 44px;
		width: 124px
	}

	.header .logo ._img .front {
		position: relative;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}

	.header .logo ._img .behind {
		position: absolute;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible
	}

	.header .fns {
		margin-right: 15px
	}

	.header .navbtn {
		z-index: 45;
		position: absolute;
		overflow: hidden;
		display: block;
		right: 15px;
		top: 16px;
		padding: 6px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0,0,0,.04);
		-webkit-transition: all 480ms ease-out 0s;
		transition: all 480ms ease-out 0s
	}

	.header .navbtn>s {
		position: absolute;
		left: 6px;
		display: block;
		width: 20px;
		height: 4px;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-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>s:after,.header .navbtn>s:before,.header .navbtn>s>s {
		content: " ";
		position: absolute;
		top: 0;
		border-radius: 50%;
		background-color: #014c7e;
		width: 4px;
		height: 4px;
		display: block;
		-webkit-transition: inherit!important;
		transition: inherit!important
	}

	.header .navbtn>s:before {
		left: 0
	}

	.header .navbtn>s:after {
		right: 0
	}

	.header .navbtn>s>s {
		left: 50%;
		margin-left: -2px
	}

	.header .navbtn .i1 {
		top: 6px
	}

	.header .navbtn .i2 {
		top: 50%;
		margin-top: -2px;
		-webkit-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0
	}

	.header .navbtn .i3 {
		bottom: 6px
	}

	.navShow .header .navbtn {
		position: fixed;
		z-index: 80;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}

	.navShow .header .navbtn .i1>s {
		opacity: 0
	}

	.navShow .header .navbtn .i2:after,.navShow .header .navbtn .i2:before {
		opacity: 0
	}

	.navShow .header .navbtn .i3>s {
		opacity: 0
	}

	.header .firNav {
		position: fixed;
		z-index: 29;
		right: 0;
		width: 100%;
		overflow-y: auto;
		text-align: center;
		padding-bottom: 94px;
		padding-top: 94px;
		height: auto;
		top: 0;
		bottom: 0;
		margin: auto;
		background-color: #014c7e;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}

	.header .firNav .link {
		display: block;
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(255,255,255,.03);
		color: #fff
	}

	.header .firNav .firItem {
		position: relative;
		overflow: hidden;
		padding: 0 8px;
		width: 100%;
		line-height: 2.5em;
		font-size: 18px;
		min-height: 2.5em;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.header .firNav .firItem.on>.link {
		background-color: rgba(255,255,255,.08)
	}

	.header .firNav .firItem.on .secNav {
		display: block;
		background-color: rgba(255,255,255,.02)
	}

	.header .firNav .firItem.on .ctr {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.header .firNav .secNav {
		padding: 12px 0!important;
		line-height: 40px;
		font-size: 16px;
		display: none
	}

	.header .firNav .secNav .intro {
		display: none!important
	}

	.header .firNav .secNav .col {
		display: block
	}

	.header .firNav .secNav .secItem {
		position: relative;
		z-index: 1;
		line-height: 40px;
		display: block;
		white-space: nowrap;
		color: #777
	}

	.header .firNav .secNav .secItem.on .link2 {
		opacity: 1;
		font-weight: 700
	}

	.header .firNav .secNav .secItem .link2 {
		opacity: .8
	}

	.header .firNav .secNav .secItem .link2:active {
		opacity: .9
	}

	.header .firNav .secNav+.ctr {
		display: block
	}

	.header .firNav.fadeOutLeft {
		-webkit-transition: all 330ms ease-out 0s;
		transition: all 330ms ease-out 0s;
		-webkit-transform: translateX(-100%)!important;
		transform: translateX(-100%)!important
	}

	.navShow .header .bg {
		display: block
	}

	.navShow .header .contain {
		z-index: 8
	}

	.navShow .firNav {
		-webkit-transition: all 480ms ease-out 0s;
		transition: all 480ms ease-out 0s;
		-webkit-transform: none!important;
		transform: none!important
	}

	.navShow .navbtn>s:after,.navShow .navbtn>s:before,.navShow .navbtn>s>s {
		background-color: #fff
	}
}

.floatBar {
	position: fixed;
	z-index: 31;
	top: 150%;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	right: 5px
}

.floatBar .item {
	display: block;
	position: relative;
	min-width: 36px;
	height: 36px;
	margin-bottom: 1px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.11);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.11)
}
.floatBar .item .btn-searchTg{
	display: block;
}
.floatBar .item,.floatBar .item .come,.floatBar .item .stay {
	min-height: 36px;
	line-height: 36px;
	padding: 10px
}

.floatBar .item .stay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: #014c7e;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	width: 36px
}

.floatBar .item .come {
	position: absolute;
	right: 56px;
	top: 0;
	text-align: right;
	color: #fff;
	background-color: #014c7e;
	-webkit-transform: translateX(-3px);
	transform: translateX(-3px);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap
}

.floatBar .item .come._txt {
	padding-left: 15px;
	padding-right: 15px
}

.floatBar .item .icon {
	width: 36px;
	height: 36px;
    font-size: 26px;
    text-align: center;
	display: block
}

.floatBar .item .qrcode {
	width: 100px;
	height: 100px;
	padding: 5px;
	background-color: #014c7e;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 1px 0 rgba(0,0,0,.2)
}

.floatBar .item .qrcode img {
	display: block;
	width: 100%;
	height: 100%
}

.floatBar .item .stay {
	background-color: #fff;
    color: #014c7e;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.floatBar .item .stay i {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}
.floatBar .item .stay svg.icon  {
	color: #014c7e
}

.floatBar .item._spe .stay {
	background-color: #014c7e;
	color: #fff
}

.floatBar .item._spe .stay i {
	color: #fff
}

.floatBar .item .write .hr {
	position: absolute;
	left: 12px;
	bottom: 9px;
	width: 16px;
	height: 1px;
	background-color: #fff;
	pointer-events: none
}

.floatBar .item .p {
	display: none
}

@media screen and (min-width:1025px) {
	.floatBar .item:hover .stay {
		background-color: #014c7e;
        color: #fff;
	}
	.floatBar .item:hover .come {
		-webkit-transform: none!important;
		transform: none!important;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible
	}

	.floatBar .item:hover._spe .stay {
		background-color: #cd4f52
	}
}

@media screen and (max-width:1024px) {
	.floatBar .item .come {
		display: none!important
	}
}

.index-banner {
	position: relative;
	overflow: hidden;
	font-size: 100vh
}

.index-banner .shade {
	height: 1em;
	font-size: 1em
}

.index-banner .item {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	background-color: #eee;
	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
}

.index-banner .item:after {
	display: none
}

.index-banner .item .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.index-banner .item.on .bg {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 6s ease-out 0s;
	transition: all 6s ease-out 0s
}

.index-banner .item .contain {
    font-size: 18px;
	margin-top: -.4rem;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(35%);
	transform: translateX(35%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.index-banner .item .contain img{
	max-width: 880px;
}
.index-banner .item:nth-child(1) .contain{
	-webkit-transform: translateY(35%);
	transform: translateY(35%);
    text-align: center;
}
.index-banner .item:nth-child(1) .contain img{
    max-width: 90%;
}
.index-banner .item .contain .word {
	display: block;
	max-width: 100%;
	pointer-events: none
}

.index-banner .item.leave .contain {
	-webkit-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	-webkit-transition: all .8s ease-out 0s;
	transition: all .8s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-35%);
	transform: translateX(-35%)
}
.index-banner .item.leave .contain2 {
	-webkit-transform: translateY(-35%);
	transform: translateY(-35%);
}

.index-banner .item.come .contain {
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0
}

.index-banner .item.on .contain {
	-webkit-transition: all .8s ease-out 0s;
	transition: all .8s ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.index-banner .birth {
	z-index: 6;
	position: absolute;
	left: 0;
	right: 50vw;
	bottom: -1px;
	padding: .3rem 0;
	height: 80px;
	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;
	background-color: #fff;
	padding-left: var(--padw)
}

.index-banner .birth:after {
	display: none
}

.index-banner .birth:before {
	content: " ";
	position: absolute;
	right: -3.64583333vw;
	top: 50%;
	border-left: #000 solid 3.64583333vw;
	border-right: #fff solid 3.64583333vw;
	height: 1px;
	width: 0
}

.index-banner .birth .ctrs {
	position: absolute;
	left: var(--padw);
	bottom: 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: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	font-size: 14px
}

.index-banner .birth .ctrs:after {
	display: none
}

.index-banner .birth .ctrs .ctr-banner {
	position: relative;
	top: 0;
	margin-top: 0
}

.index-banner .birth .ctrs .ctr-banner.next {
	margin-left: 1px
}

.index-banner .birth .ctrs .pagination-dot {
	margin-left: .5rem;
	position: relative;
	width: auto
}

.index-banner .birth .cbox {
	display: flex;
}
.birth .cbox .rzlink img{
    height: 60px;
}
.birth .cbox .form{ width: 100%; height: 50px; background: #fff; position: relative; }
.birth .cbox .form .input1{ 
    text-indent: 68px;
    height: 50px;
    line-height: 50px;
    color: #393939;
    font-size: 13px;
    width: calc(100% - 100px);
    border: 1px solid #014c7e;
    background: url(../images/search.png) 18px center no-repeat;
}
.birth .cbox .form .btn1{ 
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #014c7e;
    border: 1px solid #014c7e;
    font-size: 16px;
    cursor: pointer;
}
.birth .cbox .keywords{
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
}
.birth .cbox .keywords a{ padding-right: 15px; }



.rzlink{
    height: 76px;
    margin-left: 50px;
    position: absolute;
    left: 100%;
    margin-left: 18vw;
    width: 15.625vw;
}
.rzlink a{
    z-index: 0;
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 76px;
    line-height: 76px;
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    font-weight: bolder;
    background: #014c7e;
    width: 180px;
    vertical-align: top;
    border-radius: 10px;
}
.rzlink a i{width: 30px;display: inline-block;height: auto;vertical-align: middle;margin-right: 10px;}
.rzlink a .bks{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    font-size: 0;
    box-sizing: border-box;
}
.rzlink a .bks img{
    width: 90%;
    height: 90%;
    object-fit: contain;
}













.index-banner .birth .cbox .p1 {
	color: #014c7e;
	font-weight: 700
}

.index-banner .birth .cbox .p2 {
	color: #000
}

.index-banner .birth .tips {
	position: absolute;
	left: 100%;
	margin-left: 3.125vw;
	width: 15.625vw;
	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
}

.index-banner .birth .tips:after {
	display: none
}

.index-banner .birth .tips .mouse {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 1.04166667vw
}

.index-banner .birth .tips .mouse:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 10.313h-1.818a8.573 8.573 0 0 0-2.397-5.967A8.058 8.058 0 0 0 15 1.875c-2.17 0-4.251.889-5.785 2.471a8.573 8.573 0 0 0-2.397 5.966H5C5 7.578 6.054 4.955 7.929 3.02 9.804 1.086 12.348 0 15 0s5.196 1.086 7.071 3.02S25 7.577 25 10.313zM15 30c-2.652 0-5.196-1.087-7.071-3.02C6.054 25.046 5 22.422 5 19.687v-7.5h1.818v7.5c0 2.238.862 4.384 2.397 5.967A8.058 8.058 0 0 0 15 28.125c2.17 0 4.251-.889 5.785-2.471a8.573 8.573 0 0 0 2.397-5.966v-7.5H25v7.5c0 2.735-1.054 5.358-2.929 7.292C20.196 28.913 17.652 30 15 30z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: 28px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.index-banner .birth .tips .mouse>s {
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 8px;
	width: 2px;
	height: 6px;
	background-color: #fff;
	-webkit-animation: wheelMove 1s infinite;
	animation: wheelMove 1s infinite
}

@-webkit-keyframes wheelMove {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	33%,66% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,8px,0);
		transform: translate3d(0,8px,0)
	}
}

@keyframes wheelMove {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	33%,66% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,8px,0);
		transform: translate3d(0,8px,0)
	}
}

.index-banner .birth .tips .this {
	font-weight: 700;
	color: #fff;
	font-family: Arial,sans-serif,'Microsoft YaHei','微软雅黑'
}

@media screen and (max-width:1024px) {
	.index-banner .shade {
		padding-bottom: 62.5%;
		height: 0
	}

	.index-banner .birth {
		position: relative;
		right: 0;
		height: auto;
		padding: 10px 15px;
		border-bottom: #ccc solid 1px
	}

	.index-banner .birth:before {
		display: none
	}

	.index-banner .birth .tips {
		display: none
	}

	.index-banner .birth .cbox .p {
		display: inline;
		margin-right: 6px
	}

	.index-banner .birth .ctrs {
        left: 0;
        /* right: 5px; */
        top: -40px;
        /* -webkit-transform: translateY(-50%); */
        /* transform: translateY(-50%); */
        padding: 0 12px;
	}

	.index-banner .birth .ctrs .ctr-banner {
		position: absolute;
		top: 50%;
		margin-top: -20px
	}

	.index-banner .birth .ctrs .ctr-banner.prev {
		left: 0;
		display: none !important;
	}

	.index-banner .birth .ctrs .ctr-banner.next {
		right: 0;
		margin-left: 0;
		display: none !important;
	}

	.index-banner .birth .ctrs .ctr-banner:after {
		display: none
	}

	.index-banner .birth .ctrs .ctr-banner:active>s:after,.index-banner .birth .ctrs .ctr-banner:active>s:before {
		background-color: #014c7e;
		-webkit-transition: 0s;
		transition: 0s
	}

	.index-banner .birth .ctrs .pagination-dot {
		margin-left: 0
	}

	.index-banner .birth .ctrs .pagination-dot .btn {
		background-color: #ddd;
		opacity: 1
	}

	.index-banner .birth .ctrs .pagination-dot .btn.on {
		background-color: #014c7e
	}
}















.index-section {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 2.8rem 0
}

.index-head .p1 {
	color: #000;
	font-weight: 700
}

.index-head .hr {
	width: 80px;
	height: 2px;
	background-color: #014c7e;
	margin: .3rem 0 .4rem
}

.index-head .p2 {
	color: #000;
	font-weight: 700
}

@media screen and (max-width:1024px) {
	.index-head .hr {
		width: 60px
	}
}
.index-about{
    background: -webkit-linear-gradient(0deg, #fefefe 0, #f5f6f6 100%);
    background: linear-gradient(0deg, #fefefe 0, #f5f6f6 100%);
    position: relative;
}
.index-about::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../images/world2.png) no-repeat center bottom / 80% auto;
    opacity: 0.5;
}
.fcate1 {
    text-align: center;
    position: relative;
    padding-bottom: .5rem;
    margin-bottom: 1.5rem;
  }
  .fcate1 .cn {
    font-size: 40px;
    color: #333;
    margin-bottom: .4rem;
  }
  .fcate1 .cn2 {
    font-size: 50px;
    color: #231f20;
    line-height: 66px;
    font-weight: bold;
  }
  .fcate1:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    margin-left: -40px;
    border-radius: 2px;
    width: 80px;
    height: 2px;
    background-color: #014c7e;
  }
  .guolist1 {
    overflow: hidden;
    font-size: 0;
    text-align: center;
    margin-bottom: 70px;
  }
  .guolist1 li {
    display: inline-block;
    width: 300px;
    max-width: 25%;
  }
  .guolist1 li a {
    display: block;
    padding: 0 10px;
    color: #231f20;
  }
  .guolist1 h3 {
    font-size: 48px;
    font-weight: bold;
    line-height: 92px;
    height: 92px;
  }
  .guolist1 h3 span {
    font-family: "Microsoft Yahei";
    display: inline-block;
    height: 100%;
    color: #014c7e;
  }
  .guolist1 h3 span:first-letter {
    font-size: 80px;
    margin-right: 5px;
  }
  .guolist1 h3 s {
    font-size: 30px;
    text-decoration: none;
    vertical-align: top;
  }
  .guolist1 .txt {
    font-size: 16px;
    line-height: 30px;
  }
  @media screen and (max-width: 1024px) {
    .fcate1 .cn {
      font-size: 30px;
    }
    .fcate1 .cn2 {
      font-size: 40px;
    }
  }
  @media screen and (max-width: 960px) {
    .guolist1 li {
      width: 50%;
      max-width: none;
    }
  }
  @media screen and (max-width: 750px) {
    .fabout {
      padding: 70px 0 80px;
    }
    .fcate1 {
      padding-bottom: 12px;
    }
    .fcate1 .cn {
      font-size: 20px;
      line-height: 40px;
    }
    .fcate1 .cn2 {
      font-size: 30px;
      line-height: 56px;
    }
  }
  @media screen and (max-width: 640px) {
    .guolist1 h3 {
      font-size: 30px;
    }
    .guolist1 h3 span:first-letter {
      font-size: 60px;
    }
  }

.index-about .intro {
	position: relative;
	text-align: center;
	line-height: 2;
	font-size: 18px;
	margin-bottom: 1.4rem;
}
.index-about .intro .left {
	width: 30.55555556%;
	padding: .8rem 0
}

.index-about .intro .right {
	width: 62.5%
}

.index-about .pics {
	z-index: 1;
	position: relative;
	margin-top: 1.2rem
}

.index-about .pics .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: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.index-about .pics .list:after {
	display: none
}

.index-about .pics .list .item {
	position: relative;
	z-index: 1;
	background-color: #eee
}

.index-about .pics .list .item .pic {
	height: 0;
	background-color: #fff
}

.index-about .pics .list .item:nth-child(1) {
	width: 40.13888889%;
	margin-top: 2.12rem
}

.index-about .pics .list .item:nth-child(1) .pic {
	padding-bottom: 80.96885813%
}

.index-about .pics .list .item:nth-child(2) {
	width: 31.66666667%;
	margin-top: .4rem
}

.index-about .pics .list .item:nth-child(2) .pic {
	padding-bottom: 110.0877193%
}

.index-about .pics .list .item:nth-child(3) {
	width: 23.19444444%;
	margin-top: 4.5rem
}

.index-about .pics .list .item:nth-child(3) .pic {
	padding-bottom: 116.76646707%
}

.index-about .pics .word {
	position: absolute;
	left: 85vw;
	top: 17.70833333vw;
	opacity: .6;
	z-index: 9
}

.ysqUEO .index-about .pics .word {
	color: transparent
}

.index-about .pics .playBtn {
	z-index: 8;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2em;
	height: 2em;
	background-color: #014c7e;
	color: #fff
}

.index-about .pics .playBtn .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.4em 0 0 -.4em;
	width: .8em;
	height: .8em
}

.index-about .bottom {
	text-align: center;
	margin-top: 1.8rem
}

.index-about .bottom .body {
	line-height: 2;
	color: #000;
	width: 37.5em;
	max-width: 85%;
	margin-left: auto;
	margin-right: auto
}

.index-about .bottom .btn-x1 {
	margin-top: 0
}

.index-about .bottom .word {
	position: absolute;
	left: 105%;
	bottom: -.25em
}

@media screen and (max-width:1024px) {
	.index-about .intro .left {
		padding: 0;
		position: relative
	}

	.index-about .intro .right {
		margin-top: 1.2rem
	}

	.index-about .intro .word {
		left: 15px;
		bottom: -.25em;
		right: 0;
		text-align: right;
		top: auto;
		opacity: .6
	}

	.index-about .intro .word br {
		display: none
	}

	.index-about .pics .pic {
		background-color: #f1f1f1!important
	}

	.index-about .pics .word {
		left: 25%
	}

	.index-about .bottom .word {
		left: 25%
	}
}

.index-project {
    padding: 2.8rem 0;
    background: url(../images/sbbg.jpg) no-repeat fixed center;
}
.index-project .word {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	top: .25em;
	right: 100%
}
.index-project .index-head .p1, .index-project .index-head .p2{
    color: #fff;
}
.index-project .index-head .hr{
    background-color: #fff;
}
.index-project .intro {
    display: flex;
    align-items: end;
}
.index-project .right .link{
    margin-right: 3.125vw;
}
.index-project .right .link .this{
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s;
}
.index-project .right .link:hover .this{ 
    font-size: 22px;
    font-weight: 700;
}
.index-project .right .link:hover:after{
    background: #fff;
    color: #fff;
}
.index-project-swiper {
	position: relative;
	overflow: hidden;
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.index-project-swiper .swiper-container {
	z-index: 1
}

.index-project-swiper .swiper-wrapper {
	z-index: 2
}

.index-project-swiper .item {
	position: relative;
	overflow: hidden;
	width: calc(100vw/3)
}

.index-project-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 80%;
	background-color: #eee
}

.index-project-swiper .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(0,0,0,0)),to(rgba(0,0,0,.71)));
	background: linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.71) 100%)
}

.index-project-swiper .item .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .5rem;
	color: #fff;
	z-index: 6
}

.index-project-swiper .item .txt .p1 {
	font-weight: 700;
	line-height: 1.25
}

.index-project-swiper .item .txt .p1>span:nth-child(3) {
	display: block
}

.index-project-swiper .item .txt .p2 {
	margin-top: .4rem;
	line-height: 1.5
}

.index-project-swiper .item .txt .btn-x2 {
	margin-top: .4rem
}

.index-project-swiper .swiper-fns {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	/* margin-top: 1rem */
}

@media screen and (min-width:1025px) {

	.index-project-swiper .item:hover .txt .btn-x2 .rarr {
		background-color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.index-project-swiper .item:last-child {
		margin-right: 0
	}

	.index-project-swiper .item:active .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.index-project-swiper .swiper-fns {
		right: 0
	}
}

.index_fwlc_box{
	padding: 1.4rem 0;
    position: relative;
    overflow: hidden;
}
.index_fwlc_box .word {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: .25em;
    right: 100%;
}
.index_fwlc_box .index-head{
    text-align: center;
}
.index_fwlc_box .index-head .hr{
    margin: .3rem auto .4rem;
}
.index_fwlc_ul{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.index_fwlc_ul li{
    width: 23%;
    height: 140px;
    border: 1px solid #e5e5e5;
    position: relative;
}
.index_fwlc_ul_box{width: 100%;height: 100%;overflow: hidden;position: relative;}
.index_fwlc_ul_box h2{font-size: 24px;color: #333333;text-align: center;margin-top: 68px;}
.index_fwlc_ul li span{width: 80px;height: 80px;background: #014c7e;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;margin-left: -40px;top: -40px;z-index: 2;}
.index_fwlc_ul li span i{
    font-size: 2.4em;
    color: #fff;
    transition: all .3s;
}
.index_fwlc_ul li:hover i{
    transform: rotateY(180deg);
}
.index_fwlc_ul_box strong{
    display: block;
    font-size: 80px;
    font-weight: bold;
    font-family: arial;
    color: #f6f7f7;
    position: absolute;
    right: 20px;
    bottom: -30px;
    z-index: 1;
}












.index-insight {
	z-index: 2;
	padding: 2.8rem 0;
	background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f5f6f6));
	background: linear-gradient(180deg,#fefefe 0,#f5f6f6 100%)
}

.index-insight .w {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.index-insight .w:after {
	display: none
}

.index-insight .left {
	width: 20vw;
	line-height: 1.5
}

.index-insight .left .dd {
	margin-top: 1.2rem
}

.index-insight .left .dd .imax {
	color: #414345
}

.index-insight .left .dd .btn-x1 {
	margin-top: .8rem
}

.index-insight .left .df {
	margin-top: 4.16666667vw
}

.index-insight .left .df .link {
	display: inline-block;
	vertical-align: top;
	line-height: 2em;
	height: 2em
}

.index-insight .left .df .link .this {
	font-size: 1em;
	color: #414345
}

.index-insight .left .df .link:nth-child(1n+2) {
	margin-left: 3.125vw
}

.index-insight .right {
	width: 62vw;
	position: relative
}

.index-insight .word {
	position: absolute;
	bottom: 100%;
	right: 100vw;
	margin-bottom: -.2em
}

@media screen and (min-width:1025px) {
	.index-insight .w {
		width: 100%;
		padding-left: var(--padw)
	}

	.index-insight .left {
		padding: .5rem 0
	}

	.index-insight .left .dd .imax {
		line-height: 2em;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		max-height: 6em;
		height: 6em
	}

	.index-insight .left .df .link .this {
		-webkit-transition: all 80ms ease-out 0s;
		transition: all 80ms ease-out 0s
	}

	.index-insight .left .df .link:hover .this {
		font-size: 1.2em;
		font-weight: 700;
		color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.index-insight .left {
		width: 100%
	}

	.index-insight .left .df .link:active .this {
		font-size: 1.2em;
		font-weight: 700;
		color: #014c7e
	}

	.index-insight .right {
		width: 100%;
		margin-top: 1.2rem;
		padding-bottom: 20px
	}

	.index-insight .word {
		opacity: .4!important;
		margin-bottom: -.25em;
		right: 15px
	}
}

.index-insight-swiper {
	position: relative;
	width: 100%;
	z-index: 2
}

.index-insight-swiper .swiper-container {
	z-index: 1
}

.index-insight-swiper .swiper-wrapper {
	z-index: 2
}

.index-insight-swiper .item {
	position: relative;
	overflow: hidden;
	width: 40.36458333vw;
	margin-right: 1.5625vw;
	z-index: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.index-insight-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 72%;
	background-color: #f1f1f1
}

.index-insight-swiper .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: 100% 200%;
	background-position: 0 0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(22.5%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.71)),to(rgba(0,0,0,.71)));
	background-image: linear-gradient(180deg,rgba(0,0,0,0) 22.5%,rgba(0,0,0,.71) 50%,rgba(0,0,0,.71) 100%);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.index-insight-swiper .item .txt {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .8rem .6rem;
	color: #fff;
	font-size: 0
}

.index-insight-swiper .item .txt .title {
	margin-top: .3rem;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 3em
}

.index-insight-swiper .item .txt .btn-x2 {
	margin-top: -2em;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.index-insight-swiper .item:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	z-index: 7;
	left: 100%;
	width: 0;
	bottom: 0;
	height: 4px;
	background-color: #014c7e
}

@media screen and (min-width:1025px) {
	.index-insight-swiper .item:hover .pic:after {
		background-position: 0 25%
	}

	.index-insight-swiper .item:hover .txt .btn-x2 {
		margin-top: .5rem;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}

	.index-insight-swiper .item:hover .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.index-insight-swiper .item:hover: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
	}
}

@media screen and (max-width:1024px) {
	.index-insight-swiper .item .txt {
		padding: 20px
	}

	.index-insight-swiper .item .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.index-insight-swiper .item:active:after {
		left: 0;
		width: 100%;
		-webkit-transition: 0s;
		transition: 0s
	}
}

.index-insight-swiper .swiper-fns {
	position: absolute;
	left: 0;
	right: var(--padw);
	top: 100%;
	margin-top: 1rem
}

@media screen and (max-width:1024px) {
	.index-insight-swiper .swiper-fns {
		right: 0
	}
}

.index-test {
	position: relative;
	z-index: 1
}
















.index-product {
	position: relative;
	z-index: 1
}

.index-product .word {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	top: .25em;
	right: 100%
}

.index-product .w {
	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-product .w:after {
	display: none
}

.index-product-tab._loaded .ctr-banner {
	display: block
}

.index-product .picBox {
	width: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.index-product .picBox .box {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.index-product .picBox .box.on {
	position: relative;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important;
	z-index: 9
}

.index-product .picBox .pic {
	width: 100%;
	height: 100%;
	background-color: #f1f1f1
}

.index-product .txtBox {
	width: 50%;
	position: relative;
	z-index: 3;
	padding-top: 1.2rem
}

.index-product .txtBox .Tg {
	position: relative;
	z-index: 1;
	/* padding-left: 80px; */
	height: 40px;
	line-height: 40px
}

.index-product .txtBox .Tg ._quote {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 35px;
	height: 33px
}

.index-product .txtBox .Tg .btn {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	z-index: 1
}

.index-product .txtBox .Tg .btn:nth-child(1n+2) {
	margin-left: 1rem
}

.index-product .txtBox .Tg .btn:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	left: 100%;
	width: 0;
	bottom: 0;
	height: 2px;
	background-color: #fff
}

.index-product .txtBox .Tg .btn.on {
	font-weight: 700
}

.index-product .txtBox .Tg .btn.on: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
}

.index-product .txtBox .txt {
    position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4vw 6.25vw 4vw 3vw;
	margin-bottom: -1px;
	margin-right: -3.125vw;
	background-color: #014c7e;
}
.index-product .txtBox .txt::before{
    content: '';
    position: absolute;
    right: 5%;
    bottom: 8%;
    width: 180px;
    height: 140px;
    background: url(../images/logof.png) no-repeat center / 100%;
    opacity: 0.5;
}
.index-product .txtBox .txt,.index-product .txtBox .txt a {
	color: #fff
}

.index-product .txtBox .abstract {
    position: relative;
    margin-top: 2.08333333vw;
    line-height: 2.4;
    height: 8em;
    overflow-y: auto;
    padding-right: 20px;
    margin-right: -20px;
    box-sizing: border-box;
    width: 100%;
}
.index-product .txtBox .abstract .link {
    position: relative;
    margin-right: 1.25em;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 14px;
    color: #fff;
    font-size: 16px;
    width: 46%;
    box-sizing: border-box;
    margin-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.7;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.index-product .txtBox .abstract .link:hover{
    opacity: 1;
}
.index-product .txtBox .abstract .link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.index-product .txtBox .abstract::-webkit-scrollbar-thumb,
.project_cnt .project_con::-webkit-scrollbar-thumb,
.projectList::-webkit-scrollbar-thumb {
	background-color: #02a342;
	border-radius: 0
}

.index-product .txtBox .abstract::-webkit-scrollbar-track,
.project_cnt .project_con::-webkit-scrollbar-track,
.projectList::-webkit-scrollbar-track{
	background: #fff
}


.index-product .txtBox .hr {
	display: block;
	width: 80px;
	height: 2px;
	background-color: #fff;
	margin-top: .8rem
}

.index-product .txtBox .title {
	line-height: 1.5;
	margin-top: 1rem
}
.index-product .txtBox .title i{
	margin-right: .6rem;
    font-size: 52px;
}
.index-product .txtBox .title .icon {
	width: 52px;
	height: 52px;
	margin-right: .6rem;
	color: #fff
}

.index-product .txtBox .title .icon circle,.index-product .txtBox .title .icon path {
	stroke: #fff
}

.index-product .txtBox .title .this {
	font-weight: 700
}

.index-product .txtBox .ctrs {
	position: absolute;
	right: -97px;
	bottom: -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	font-size: 14px
}

.index-product .txtBox .ctrs:after {
	display: none
}

.index-product .txtBox .ctrs .ctr-banner {
	position: relative;
	top: 0;
	margin-top: 0
}

.index-product .txtBox .ctrs .ctr-banner.next {
	margin-left: 1px
}

@media screen and (min-width:1025px) {
	.index-product .icon,.index-product .pic img {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	/* .index-product:nth-child(2n+2) .txtBox .txt {
		background-color: #fff;
		background-image: none
	} */

	.index-product .txtBox .title:hover .icon {
		-webkit-transform: rotate(360deg) scale(1.05);
		transform: rotate(360deg) scale(1.05)
	}
}

@media screen and (max-width:1600px) {
	.index-product .txtBox .txt {
		padding-bottom: 3.125vw
	}
}

@media screen and (max-width:1024px) {
	.index-product .w {
		display: block
	}

	.index-product .picBox {
		width: 100%;
		margin-top: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.index-product .picBox .pic {
		width: 100%;
		height: 0!important;
		padding-bottom: 68.33333333%
	}

	.index-product .txtBox {
		width: 100%;
		margin-top: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 0
	}

	.index-product .txtBox .txt {
		margin: 0!important;
		padding: 1.2rem 1rem
	}

	.index-product .txtBox .Tg {
		/* padding-left: 40px */
	}

	.index-product .txtBox .Tg ._quote {
		width: 26px;
		height: 24px;
		top: 8px
	}

	.index-product .txtBox .title .icon {
		width: 40px;
		height: 40px
	}

	.index-product .txtBox .hr {
		width: 64px
	}

	.index-product .txtBox .abstract {
		height: auto;
		line-height: 1.75
	}

	.index-product .txtBox .ctrs {
		display: none!important
	}

	.index-product .word {
		right: 15px!important;
		left: auto!important;
		top: auto!important;
		bottom: 0!important;
		margin-top: 68.33333333%;
		z-index: 6;
		opacity: .2!important;
		margin-right: .1em
	}
}

.footer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: #014c7e
}

.footer,.footer a {
	color: #fff
}

.footer-fastnav {
	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;
	border: #cfd6da solid 1px;
	background-color: #fff
}

.footer-fastnav:after {
	display: none
}

.footer-fastnav .link {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .9rem var(--padw2);
	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: #000
}

.footer-fastnav .link:after {
	display: none
}

.footer-fastnav .link .this {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	margin-right: 1em;
	line-height: 1.5
}

.footer-fastnav .link .icon {
	content: " ";
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.footer-fastnav .link .icon path {
	fill: currentColor
}

.footer-fastnav .link:nth-child(1n+2) {
	border-left: #cfd6da solid 1px
}

@media screen and (min-width:1025px) {
	.footer-fastnav .link {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.footer-fastnav .link:hover {
		background-color: #014c7e;
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.footer-fastnav .link:active {
		background-color: #014c7e;
		color: #fff
	}
}

.footer-t {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
	padding: 1.8rem var(--padw2) 1.4rem;
}

.footer-t:after {
	display: none
}

.footer-t .flogo {
	width: 11em;
	height: 4em
}

.footer-t .fnav {
	margin: 0 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.footer-t .fnav:after {
	display: none
}

.footer-t .fnav .item {
	line-height: 1.5
}

.footer-t .fnav .item,.footer-t .fnav .item a {
	color: #fff
}

.footer-t .fnav .item .sdt {
	font-weight: 700;
	margin-bottom: 1em
}

.footer-t .fnav .item .sdd {
	opacity: .75
}

.footer-t .fnav .item .sdd .secItem:nth-child(1n+2) {
	margin-top: 10px
}

.footer-t .fnav .item:nth-child(1n+2) {
	margin-left: 4.16666667vw
}

.footer-t .fcontact {
	line-height: 1.5;
	text-align: right
}

.footer-t .fcontact .p:nth-child(1n+2) {
	margin-top: 1em
}

.footer-t .fcontact .p0 {
	font-weight: 700;
	margin-bottom: 1em
}

/* .footer-t .fcontact ._email {
	color: #014c7e;
	font-weight: 700
} */

.footer-t .fcontact ._address {
	max-width: 20em
}

.footer-t .fcontact ._tel {
	font-weight: 700
}

@media screen and (max-width:1024px) {
	.footer-t {
		display: block;
		padding: 3em 0 1em;
		text-align: center
	}

	.footer-t .fnav {
		display: none
	}

	.footer-t .fcontact {
		text-align: center;
		margin-top: 1rem
	}

	.footer-t .fcontact ._address {
		max-width: 100%;
		font-size: 14px;
	}
}

.footer-b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	padding: .6rem var(--padw2);
	line-height: 1.6
}

.footer-b:after {
	display: none
}

.footer-b .left {
	width: 32%;
	text-align: left
}

.footer-b .right {
	width: 30%;
	text-align: right
}

.footer-b .middle {
	width: 32%;
	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: 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
}

.footer-b .middle:after {
	display: none
}

.footer-b .middle .item {
	position: relative;
	z-index: 1;
	margin: 0 1.04166667vw
}

.footer-b .middle .item .show {
	cursor: pointer
}

.footer-b .middle .item .show .icon {
	width: 24px;
	height: 24px
}

.footer-b .middle .item .hide {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -2.5em;
	width: 5em;
	height: 5em;
	margin-bottom: 10px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.footer-b .middle .item .hide .qrcode {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.footer-b .middle .item:hover .hide {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

@media screen and (max-width:1024px) {
	.footer-b {
		/*margin-top: -1.2rem*/
	}

	.footer-b>div {
		text-align: center!important
	}

	.footer-b .left {
		width: 100%
	}

	.footer-b .right {
		width: 100%;
		margin-top: .6rem
	}

	.footer-b .middle {
		width: 100%;
		margin-top: .6rem
	}
}

.subpage-top {
	position: relative;
	z-index: 1
}
.subpage-top .rzlink{
	left: 26%;
    bottom: 37%;
    margin: 0;
    width: 180px;
    z-index: 20;
}
.subpage-top .cmabox{
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 2;
    width: 100%;
    text-align: right;
}
.subpage-top .cmabox img{
	height: 280px;
}
.subpage-banner {
	position: relative;
	overflow: hidden;
	z-index: 2;
	height: 10rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	text-align: center;
	background-color: #999
}

.subpage-banner .w {
	text-align: left;
	position: relative;
	margin-top: 1rem;
	color: #fff
}

.subpage-banner .words {
	position: relative;
	z-index: 1;
	font-size: 14px
}

.subpage-banner .p1 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 700
}

.subpage-banner .p2 {
	text-transform: capitalize;
	font-style: normal;
	font-weight: 700;
	font-size: 7.8125vw;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .25
}

.ysqUEO .subpage-banner .p2 {
	opacity: 1;
	color: transparent;
	-webkit-text-stroke: rgba(238,238,238,.4) 1px
}

.subpage-banner .p3 {
	line-height: 1.5;
	margin-top: .5em
}

.subpage-banner .playBtn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: .8rem;
	z-index: 8;
	width: 1.6em;
	height: 1.6em;
	color: #fff;
	border-radius: 50%;
	border: #014c7e solid 2px
}

.subpage-banner .playBtn .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.4em 0 0 -.4em;
	width: .8em;
	height: .8em
}

.subpage-banner .w.tac .p1 {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.subpage-banner[ysq-100hfz] {
	font-size: 100vh;
	height: 1em
}

@media screen and (max-width:1024px) {
	.subpage-banner {
		height: 12rem
	}

	.subpage-banner .w {
		margin-top: 0
	}

	.subpage-banner[ysq-100hfz] {
		height: 12rem
	}
}

.subpage-crumbs {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 5;
	padding: .6rem 0;
	line-height: 24px;
	height: 24px
}

.subpage-crumbs,.subpage-crumbs a {
	color: #fff
}

.subpage-crumbs .w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.subpage-crumbs .w .icon {
    font-size: 1em;
    margin-right: 5px;
}

.subpage-crumbs .w>a,.subpage-crumbs .w>span {
	margin-right: 8px
}

@media screen and (max-width:1024px) {
	.subpage-crumbs {
		position: relative;
		background-color: #eaeaea
	}

	.subpage-crumbs,.subpage-crumbs a {
		color: #000
	}
}

.subpage-nav {
	position: relative;
    text-align: center;
    z-index: 6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* margin-bottom: .8rem; */
    background: #f4f4f4;
}

.subpage-nav._bindjs {
	padding: 0 46px
}

.subpage-nav .link2 {
	position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    width: 8em;
    height: 1.4rem;
    line-height: 1.4rem;
    -webkit-transition: all 320ms ease-out 0s, all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s, all 320ms ease-out 0s;
    margin: 0 0.5rem;
    font-weight: 700;
}

.subpage-nav .link2:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	background-color: #014c7e;
}

.subpage-nav .link2.on:after,.subpage-nav .link2:hover:after{
	width: 100%;
}

@media screen and (max-width:1024px) {
	.subpage-nav .ctr.ctr-navLR {
		display: none!important
	}
}

.subpage-wrap {
	position: relative;
	z-index: 1
}

.subpage-wrap .loadDiv {
	padding-bottom: 2rem
}

.subpage-wrap._padTB {
	padding: 1.6rem 0 2rem;
	overflow: hidden;
}

.subpage-wrap._padTB .loadDiv {
	padding-bottom: 0
}

.subpage-wrap._padTB .subpage-axd {
	margin-bottom: -2rem;
	margin-top: 1.6rem
}

.subpage-wrap._padTB .pageListBox {
	padding-bottom: 0
}

.subpage-section {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.subpage-fixnav {
	position: fixed;
	right: 1.82291667%;
	top: 100%;
	z-index: 30;
	padding: 1.5625vw 0
}

.subpage-fixnav .link2 {
	display: block;
	font-size: 14px;
	color: #6c757d;
	text-align: right;
	line-height: 20px
}

.subpage-fixnav .link2:nth-child(1n+2) {
	margin-top: 3.125vw
}

.subpage-fixnav .link2:hover {
	color: #000
}

.subpage-fixnav .link2.active {
	color: #014c7e
}

@media screen and (max-width:1440px) {
	.subpage-fixnav {
		display: none
	}
}

.subpage-head .this {
	color: #000;
	font-weight: 700;
	line-height: 1.5
}

.subpage-head .this:after {
	content: " ";
	display: block;
	margin-top: .5rem;
	width: 1.6rem;
	height: 2px;
	background-color: #014c7e
}

.subpage-search {
	position: relative;
	width: 300px;
	height: 40px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1.2rem
}

.subpage-search .skin {
	width: 230px;
	height: 38px;
	line-height: 38px;
	padding: 0 48px 0 20px;
	border: #d9d9d9 solid 1px;
	border-radius: 40px;
	background-color: #fff
}

.subpage-search .skin::-webkit-input-placeholder {
	color: #bbb
}

.subpage-search .skin:-moz-placeholder {
	color: #bbb
}

.subpage-search .skin::-moz-placeholder {
	color: #bbb
}

.subpage-search .skin:-ms-input-placeholder {
	color: #bbb
}

.subpage-search .enter {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 36px;
	height: 36px;
	background-color: #014c7e;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 14.25a6.375 6.375 0 1 0 0-12.75 6.375 6.375 0 0 0 0 12.75z' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12.458 12.458l3.182 3.182' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	text-indent: -9999px
}

.subpage-search .enter:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

@media screen and (max-width:1024px) {
	.subpage-search {
		margin-left: auto;
		margin-right: 0
	}
}

.sProject-wrap .subpage-section {
	padding: 2.8rem 0
}

.sProject-s1 .intro {
	position: relative;
	z-index: 2
}

.sProject-s1 .intro .left {
	width: 41.66666667%
}

.sProject-s1 .intro .right {
	width: 50%
}

.sProject-s1 .intro .right .imax {
	color: #414345
}

@media screen and (max-width:1024px) {
	.sProject-s1 .right {
		margin-top: 1.2rem
	}
}

.sProject-s1-swiper {
	position: relative;
	width: 100%;
	z-index: 1;
	margin-top: 1rem;
	margin-bottom: 1.6rem
}

.sProject-s1-swiper .word {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	left: 140%;
	top: 0;
	margin-top: -4.6875vw
}

.sProject-s1-swiper .swiper-container {
	z-index: 1;
	overflow: visible
}

.sProject-s1-swiper .swiper-wrapper {
	z-index: 2
}

.sProject-s1-swiper .item {
	position: relative;
	overflow: hidden;
	width: 31.25vw;
	margin-right: 1.5625vw
}

.sProject-s1-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 93.33333333%;
	background-color: #eee
}

.sProject-s1-swiper .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(0,0,0,0)),to(rgba(0,0,0,.71)));
	background: linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.71) 100%)
}

.sProject-s1-swiper .item .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 1.2rem;
	color: #fff;
	z-index: 6;
	text-transform: capitalize
}

.sProject-s1-swiper .item .txt .p1 {
	font-weight: 700;
	line-height: 1.25
}

.sProject-s1-swiper .item .txt .p1>span:nth-child(1) {
	display: block
}

.sProject-s1-swiper .item .txt .p2 {
	margin-top: .4rem;
	line-height: 1.5
}

.sProject-s1-swiper .item .txt .btn-x2 {
	margin-top: .8rem
}

.sProject-s1-swiper .swiper-fns {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 1rem
}

@media screen and (min-width:1025px) {
	.sProject-s1-swiper .item .btn-x2 {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.sProject-s1-swiper .item:hover .txt .btn-x2 .rarr {
		background-color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.sProject-s1-swiper .item:last-child {
		margin-right: 0
	}

	.sProject-s1-swiper .item:active .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.sProject-s1-swiper .swiper-fns {
		right: 0
	}
}

.sProject-s2 {
	background-color: #f6f7f7
}

.sProject-s2 .intro {
	position: relative;
	z-index: 2
}

.sProject-s2 .intro .left {
	width: 41.66666667%
}

.sProject-s2 .intro .right {
	width: 50%
}

.sProject-s2 .intro .right .imax {
	color: #414345
}

@media screen and (max-width:1024px) {
	.sProject-s2 .right {
		margin-top: 1.2rem
	}
}

.sProject-s2-tab {
	margin-top: 1.2rem
}

.sProject-s2-tab .Tg {
	border-bottom: #ebebeb solid 1px
}

.sProject-s2-tab .Tg .btn {
	display: inline-block;
	vertical-align: top;
	padding: .4rem 0;
	line-height: 40px;
	height: 40px;
	width: auto
}

.sProject-s2-tab .Tg .btn .this {
	color: #6c757d;
	-webkit-transition: all 80ms ease-out 0s;
	transition: all 80ms ease-out 0s;
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0;
	display: inline-block;
	vertical-align: top;
	font-size: .8em
}

.sProject-s2-tab .Tg .btn:nth-child(1n+2) {
	margin-left: 1.2rem
}

.sProject-s2-tab .Tg .btn.on .this,.sProject-s2-tab .Tg .btn:hover .this {
	color: #014c7e;
	font-weight: 700;
	-webkit-transform: none!important;
	transform: none!important;
	font-size: 1em
}

.sProject-s2-tab .Tt {
	position: relative;
	z-index: 2;
	margin-top: 1.2rem;
	height: 0;
	padding-bottom: 40%
}

.sProject-s2-tab .Tt .box {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1ms ease-out 0s;
	transition: all 1ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sProject-s2-tab .Tt .box.on {
	-webkit-transition: all 1ms ease-out 0s;
	transition: all 1ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important;
	z-index: 9
}

.sProject-s2-tab .Tt .pic {
	width: 100%;
	height: 100%;
	background-color: #f1f1f1
}

.sProject-s2-tab .Tt .word {
	position: absolute;
	z-index: 11;
	pointer-events: none;
	left: 105%;
	bottom: 0;
	line-height: 1.5;
	opacity: .6
}

.ysqUEO .sProject-s2-tab .Tt .word {
	color: transparent
}

@media screen and (max-width:1024px) {
	.sProject-s2-tab .Tg .btn .this {
		font-size: 16px!important
	}

	.sProject-s2-tab .Tt {
		padding-bottom: 50%
	}

	.sProject-s2-tab .Tt .word {
		left: auto;
		right: .25em;
		opacity: .6
	}
}

.sProject-s3 {
	padding: 2.3rem 0!important
}

.sProject-s3 .left {
	width: 50%;
	padding: .5rem 0
}

.sProject-s3 .left .abstract {
	margin-top: 4.16666667vw
}

.sProject-s3 .left .abstract .imax {
	color: #414345
}

.sProject-s3 .left .list {
	margin-top: 4.16666667vw;
	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;
	width: 22em;
	margin-bottom: -1rem;
	margin-right: -.8rem
}

.sProject-s3 .left .list:after {
	display: none
}

.sProject-s3 .left .list .btn {
	width: 9em;
	margin-right: 2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1rem;
	line-height: 1.5
}

.sProject-s3 .left .list .btn .this {
	font-size: .9em;
	color: #6c757d;
	-webkit-transition: all 80ms ease-out 0s;
	transition: all 80ms ease-out 0s
}

.sProject-s3 .left .list .btn:hover .this {
	font-size: 1em;
	color: #014c7e;
	font-weight: 700
}

.sProject-s3 .right {
	width: 41.66666667%
}

.sProject-s3 .right .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 93%;
	background-color: #f1f1f1
}

.sProject-s3 .word {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	left: 105%;
	bottom: 0;
	line-height: 1.25;
	opacity: .6
}

.ysqUEO .sProject-s3 .word {
	color: transparent
}

@media screen and (max-width:1024px) {
	.sProject-s3 {
		padding: 2.8rem 0!important
	}

	.sProject-s3 .w {
		position: relative
	}

	.sProject-s3 .left {
		padding: 0
	}

	.sProject-s3 .left .list {
		width: 100%
	}

	.sProject-s3 .left .list .btn {
		width: auto
	}

	.sProject-s3 .left .list .btn .this {
		font-size: 14px!important
	}

	.sProject-s3 .right {
		margin-top: 1.2rem
	}

	.sProject-s3 .right .pic {
		padding-bottom: 62.5%
	}

	.sProject-s3 .word {
		left: auto;
		right: .25em;
		opacity: .4;
		z-index: 11
	}
}

.sProject-s4 {
	padding: 0!important
}

.sProject-s4 .w {
	position: relative;
	padding: 0;
	width: 100%
}

.sProject-s4 .left {
	z-index: 6
}

.sProject-s4 .left .list {
	margin-top: 3.38541667vw;
	margin-bottom: -2.08333333vw
}

.sProject-s4 .left .list .btn {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 2.08333333vw;
	line-height: 1.5em;
	min-width: 15em
}

.sProject-s4 .left .list .btn .this {
	font-size: .9em;
	color: #fff;
	-webkit-transition: all 80ms ease-out 0s;
	transition: all 80ms ease-out 0s;
	display: inline-block;
	vertical-align: top
}

.sProject-s4 .left .list .btn:hover .this {
	font-size: 1em;
	color: #014c7e!important;
	font-weight: 700
}

.sProject-s4 .Tt {
	position: relative;
	z-index: 1;
	width: 100%
}

.sProject-s4 .Tt .box {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sProject-s4 .Tt .box.on {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important;
	z-index: 9
}

.sProject-s4 .Tt .pic {
	width: 100%;
	height: 100%;
	background-color: #f1f1f1
}

.sProject-s4 .Tt .word {
	position: absolute;
	z-index: 11;
	pointer-events: none;
	left: 105%;
	bottom: 0;
	line-height: 1.25;
	opacity: .6
}

.ysqUEO .sProject-s4 .Tt .word {
	color: transparent
}

@media screen and (min-width:1025px) {
	.sProject-s4 .left {
		position: relative;
		padding: 2.8rem 9.375vw 7.29166667vw var(--padw);
		min-height: 16rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: 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
	}

	.sProject-s4 .left:after {
		display: none
	}

	.sProject-s4 .left:before {
		content: " ";
		z-index: -1;
		pointer-events: none;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),color-stop(110%,rgba(0,0,0,0)));
		background: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 110%);
		-webkit-filter: blur(22px);
		filter: blur(22px)
	}

	.ysqUEO .sProject-s4 .left:before {
		background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),color-stop(110%,rgba(0,0,0,0)));
		background: linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 110%);
		-webkit-backdrop-filter: blur(22px);
		backdrop-filter: blur(22px);
		-webkit-filter: none;
		filter: none
	}

	.sProject-s4 .Tt {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}
}

@media screen and (max-width:1024px) {
	.sProject-s4 {
		padding: 2.8rem 0!important;
		background-color: #f6f7f7
	}

	.sProject-s4 .left {
		position: relative;
		padding: 0 15px
	}

	.sProject-s4 .left .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: 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;
		margin-right: -.8rem
	}

	.sProject-s4 .left .list:after {
		display: none
	}

	.sProject-s4 .left .list .btn {
		width: auto;
		margin-right: .8rem;
		min-width: 0
	}

	.sProject-s4 .left .list .btn .this {
		color: #6c757d;
		font-size: 14px!important
	}

	.sProject-s4 .Tt {
		position: relative;
		padding-bottom: 62.5%;
		margin-top: 1.2rem
	}

	.sProject-s4 .Tt .word {
		left: auto;
		right: .25em;
		opacity: .4
	}
}

.sProject-case .section {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 2.4rem 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: 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
}

.sProject-case .section:after {
	display: none
}

.sProject-case .section .picBox {
	width: 14.4rem
}

.sProject-case .section .picBox .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 72.22222222%;
	background-color: #eee
}

.sProject-case .section .txtBox {
	width: calc(100% - 14.4rem);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 10.4rem
}

.sProject-case .section .txtBox ::-webkit-scrollbar {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #fff
}

.sProject-case .section .txtBox ::-webkit-scrollbar-thumb {
	width: 4px;
	height: 4px;
	border-radius: 0;
	background-color: #014c7e
}

.sProject-case .section .txtBox ::-webkit-scrollbar-track {
	background: #d9d9d9;
	border-radius: 0
}

.sProject-case .section .txtBox ::-webkit-scrollbar-corner {
	background: 0 0;
	height: 0;
	width: 0
}

.sProject-case .section .txtBox .txt {
	width: 100%
}

.sProject-case .section .txtBox .title {
	color: #000;
	line-height: 40px;
	font-weight: 700
}

.sProject-case .section .txtBox .content {
	margin-top: .8rem;
	overflow-y: auto;
	padding-right: 2.60416667vw;
	margin-right: -2.60416667vw;
	max-height: calc(9.6rem - 40px)
}

.sProject-case .section .txtBox .content .imax p+p {
	margin-top: 1em
}

.sProject-case .section .txtBox .btn-x1 {
	margin-top: 1rem
}

.sProject-case .section .txtBox._pdf .content {
	max-height: calc(8rem - 70px)
}

.sProject-case .section:nth-child(2n+1) {
	padding-left: var(--padw);
	background-color: #fff
}

.sProject-case .section:nth-child(2n+1):before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/bgs-pjt-anli.png);
	background-size: contain;
	background-position: 50% 100%;
	background-repeat: no-repeat
}

.sProject-case .section:nth-child(2n+1) .picBox {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.sProject-case .section:nth-child(2n+1) .txtBox {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	padding-right: 6.25vw
}

.sProject-case .section:nth-child(2n+2) {
	padding-right: var(--padw);
	background-color: #fafafa
}

.sProject-case .section:nth-child(2n+2) .picBox {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.sProject-case .section:nth-child(2n+2) .txtBox {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	padding-left: 6.25vw
}

@media screen and (max-width:1024px) {
	.sProject-case .section {
		padding: 0!important
	}

	.sProject-case .section .picBox {
		width: 100%
	}

	.sProject-case .section .txtBox {
		width: 100%;
		padding: 1.2rem .8rem!important;
		height: auto
	}

	.sProject-case .section .txtBox .content {
		max-height: none!important;
		padding-right: 0;
		margin-right: 0
	}

	.sProject-case .section:nth-child(1n+2) {
		margin-top: 1.6rem
	}
}

.sPp-wrap .sContact-s1 {
	padding-bottom: 2rem;
	padding-top: 1.6rem
}

.sPp-section {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 2rem 0 3.2rem
}

.sPp-section:nth-child(2n+1) {
	background-color: #fff
}

.sPp-section:nth-child(2n+2) {
	background-color: #f7f8f8;
	background-image: url(../images/bgs-pp-s3.jpg);
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat
}

.sPp-section:nth-child(2n+2) .word._ts {
	color: #fff;
	opacity: .5
}

.ysqUEO .sPp-section:nth-child(2n+2) .word._ts {
	opacity: 1;
	color: transparent;
	-webkit-text-stroke: #fff 1px
}

.sPp-section .sPp-spes {
	margin-top: 0;
	margin-bottom: -1.2rem
}

.sPp-head {
	text-align: center;
	margin-bottom: 1.2rem
}

.sPp-head .p1 {
	color: #000;
	line-height: 1.5;
	font-weight: 700
}

.sPp-head .hr {
	margin-top: .4rem;
	width: 1.6rem;
	height: 2px;
	background-color: #014c7e;
	margin-left: auto;
	margin-right: auto
}

.sPp-lr .left {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sPp-lr .right {
	background-color: #f1f1f1
}

.sPp-lr .right .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 75%
}

@media screen and (min-width:1025px) {
	.sPp-lr {
		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-left: var(--padw);
		padding-right: 0;
		width: 100%!important
	}

	.sPp-lr:after {
		display: none
	}

	.sPp-lr .left {
		width: calc(100% - 43.75vw);
		padding-right: 9.375vw;
		height: 32vw
	}

	.sPp-lr .left .points-list {
		max-height: calc(32vw - 2rem)
	}

	.sPp-lr .right {
		width: 43.75vw
	}
}

@media screen and (max-width:1024px) {
	.sPp-lr .right {
		margin-top: 1.2rem
	}

	.sPp-lr .right .pic {
		padding-bottom: 62.5%
	}
}

.sPp-tab0 .Tg {
	position: relative;
	z-index: 1
}

.sPp-tab0 .Tg:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4
}

.sPp-tab0 .Tg .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	line-height: 2em;
	height: 2em;
	font-weight: 700;
	color: #000;
	opacity: .3;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	padding-bottom: .4rem
}

.sPp-tab0 .Tg .btn .this {
	font-size: 1em;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sPp-tab0 .Tg .btn:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	left: 100%;
	width: 0;
	bottom: 0;
	height: 3px;
	background-color: #014c7e
}

.sPp-tab0 .Tg .btn.on {
	color: #014c7e;
	opacity: 1!important;
	font-weight: 700!important
}

.sPp-tab0 .Tg .btn.on:after {
	left: 0!important;
	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
}

.sPp-tab0 .Tg .btn:nth-child(1n+2) {
	margin-left: 5.20833333vw
}

.sPp-tab0 .Tt {
	position: relative;
	margin-top: 1rem
}

.sPp-tab0 .Tt ::-webkit-scrollbar {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #fff
}

.sPp-tab0 .Tt ::-webkit-scrollbar-thumb {
	width: 4px;
	height: 4px;
	border-radius: 0;
	background-color: #014c7e
}

.sPp-tab0 .Tt ::-webkit-scrollbar-track {
	background: #d9d9d9;
	border-radius: 0
}

.sPp-tab0 .Tt ::-webkit-scrollbar-corner {
	background: 0 0;
	height: 0;
	width: 0
}

.sPp-tab0 .Tt .box {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sPp-tab0 .Tt .box.on {
	position: relative;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important;
	z-index: 9
}

.sPp-tab0 .points-list {
	padding-right: .6rem;
	margin-right: -.6rem;
	overflow-y: auto
}

.sPp-tab0 .points-list .item {
	position: relative;
	z-index: 1;
	line-height: 1.5
}

.sPp-tab0 .points-list .item .sdt {
	font-weight: 700;
	padding-left: 20px;
	position: relative;
	color: #014c7e;
	margin-bottom: 10px
}

.sPp-tab0 .points-list .item .sdt:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #014c7e
}

.sPp-tab0 .points-list .item .sdd {
	line-height: 2;
	color: #414345;
	text-align: justify
}

.sPp-tab0 .points-list .item:nth-child(1n+2) {
	margin-top: .6rem
}

.sPp-tab0._skin2 .Tg {
	text-align: center
}

.sPp-tab0._skin2 .Tg .btn {
	padding-bottom: 0;
	opacity: .5;
	font-weight: 400
}

.sPp-tab0._skin2 .Tg .btn:after {
	left: 50%;
	height: 2px
}

.sPp-tab0._skin2 .Tg .btn.on .this {
	font-size: 1.2em
}

.sPp-tab0._skin2 .Tg .btn.on:after {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sPp-tab0._skin2 .Tg:before {
	display: none
}

.sPp-tab0._nojs .Tg {
	display: none
}

@media screen and (max-width:1024px) {
	.sPp-tab0 .Tg {
		text-align: center
	}

	.sPp-tab0 .Tt {
		margin-top: 30px
	}
}

.sPp-tab1 {
	margin-top: 1.2rem
}

.sPp-tab1 .Tg {
	position: relative;
	z-index: 1;
	height: 40px;
	line-height: 40px
}

.sPp-tab1 .Tg ._quote {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 35px;
	height: 33px
}

.sPp-tab1 .Tg .btn {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	z-index: 1;
	color: #414345
}

.sPp-tab1 .Tg .btn:nth-child(1n+2) {
	margin-left: 1rem
}

.sPp-tab1 .Tg .btn:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	left: 100%;
	width: 0;
	bottom: 0;
	height: 2px;
	background-color: #014c7e;
}

.sPp-tab1 .Tg .btn.on {
	font-weight: 700;
	color: #014c7e
}

.sPp-tab1 .Tg .btn.on: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
}

.sPp-tab1 .Tt ::-webkit-scrollbar {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #fff
}

.sPp-tab1 .Tt ::-webkit-scrollbar-thumb {
	width: 4px;
	height: 4px;
	border-radius: 0;
	background-color: #014c7e
}

.sPp-tab1 .Tt ::-webkit-scrollbar-track {
	background: #d9d9d9;
	border-radius: 0
}

.sPp-tab1 .Tt ::-webkit-scrollbar-corner {
	background: 0 0;
	height: 0;
	width: 0
}

.sPp-swiper .swiper-container {
	padding: 0 10px 10px;
	margin: 0 -10px -10px;
	z-index: 1
}

.sPp-swiper .swiper-wrapper {
	z-index: 2
}

.sPp-swiper .item {
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-align: center;
	width: 100%;
	margin-right: 20%;
	border-radius: 12px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sPp-swiper .item:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/bgs-pp-s2-item.png);
	background-size: auto 2.6rem;
	background-position: 100% 0;
	background-repeat: no-repeat
}

.sPp-swiper .item .wrapIn {
	padding: 60px 15px 40px
}

.sPp-swiper .item .wrapIn .icon {
	width: 72px;
	height: 72px
}

.sPp-swiper .item .wrapIn .sdt {
	margin-top: .6em;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	color: #014c7e
}

.sPp-swiper .item .wrapFloat {
	z-index: 6;
	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: 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;
	padding: .6rem 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sPp-swiper .item .wrapFloat:after {
	display: none
}

.sPp-swiper .item .wrapFloat .cbox {
	line-height: 2;
	text-align: justify;
	max-height: 100%;
	overflow-y: auto;
	padding-right: 10px;
	margin-right: -10px
}

.sPp-swiper .item ::-webkit-scrollbar {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #fff
}

.sPp-swiper .item ::-webkit-scrollbar-thumb {
	width: 4px;
	height: 4px;
	border-radius: 0;
	background-color: #d9d9d9
}

.sPp-swiper .item ::-webkit-scrollbar-track {
	background: #9a0d0d;
	border-radius: 0
}

.sPp-swiper .item ::-webkit-scrollbar-corner {
	background: 0 0;
	height: 0;
	width: 0
}

.sPp-swiper._loaded .ctr {
	display: block
}

.sPp-swiper._jcc .swiper-wrapper {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media screen and (min-width:1025px) {
	.sPp-swiper .item .wrapIn {
		height: 120px
	}

	.sPp-swiper .item .wrapFloat {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #014c7e;
		color: #fff;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(105%);
		transform: translateY(105%)
	}

	.sPp-swiper .item:hover .wrapFloat {
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}
}

@media screen and (max-width:1024px) {
	.sPp-swiper .item .wrapIn {
		padding: 35px 15px 10px
	}

	.sPp-swiper .item .wrapIn .icon {
		width: 60px;
		height: 60px
	}

	.sPp-swiper .item .wrapIn .sdt {
		font-size: 18px
	}

	.sPp-swiper .item .wrapFloat {
		color: #414345;
		padding: 10px 25px 30px
	}

	.sPp-swiper .item .wrapFloat .cbox {
		line-height: 1.75
	}
}

.sPp-spes {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.sPp-spes .section {
	position: relative;
	z-index: 1;
}

.sPp-spes .section .word {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	top: 0
}

.sPp-spes .section .w {
	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
}

.sPp-spes .section .w:after {
	display: none
}

.sPp-spes .section .picBox {
	width: 54.16666667%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1
}

.sPp-spes .section .picBox .pic {
	width: 100%;
	height: 100%;
	background-color: #f1f1f1
}

.sPp-spes .section .txtBox {
	width: 45.83333333%;
	position: relative;
	z-index: 3;
	padding-top: 1.2rem
}

.sPp-spes .section .txtBox .txt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.4rem 2rem;
	margin-bottom: -1px;
	background-color: #f4f4f4;
}

.sPp-spes .section .txtBox .title {
	line-height: 1.5
}

.sPp-spes .section .txtBox .title i {
	font-size: 52px;
	margin-right: .6rem;
	color: #014c7e;
}

.sPp-spes .section .txtBox .title .this {
	color: #000;
	font-weight: 700
}

.sPp-spes .section .txtBox .abstract {
	margin-top: 2.08333333vw;
	line-height: 2;
	color: #414345;
	height: 8em;
	overflow-y: auto;
	padding-right: 20px;
	margin-right: -20px;
	text-align: justify
}

.sPp-spes .section .txtBox .btn-x1 {
	margin-top: .6rem
}

.sPp-spes .section._l .picBox {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.sPp-spes .section._l .txtBox .txt {
	margin-right: -6.25vw
}

.sPp-spes .section._l .word {
	right: 100%
}

.sPp-spes .section._r .txtBox .txt {
	margin-left: -6.25vw
}

.sPp-spes .section._r .word {
	left: 100%
}

.sPp-spes .section:nth-child(1n+2) {
	margin-top: 1.2rem
}

.sPp-spes .section.dn+.section {
	margin-top: 0
}

@media screen and (min-width:1025px) {
	.sPp-spes .section .icon,.sPp-spes .section .pic img {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.sPp-spes .section:nth-child(2n+2) .txtBox .txt {
		background-color: #fff;
		background-image: none
	}

	.sPp-spes .section:hover .title>.icon {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.sPp-spes .section:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media screen and (max-width:1600px) {
	.sPp-spes .section .txtBox .txt {
		padding-bottom: 3.125vw
	}
}

@media screen and (max-width:1024px) {
	.sPp-spes .section {
		padding: 0
	}

	.sPp-spes .section .w {
		display: block
	}

	.sPp-spes .section .picBox {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sPp-spes .section .picBox .pic {
		width: 100%;
		height: 0!important;
		padding-bottom: 68.33333333%
	}

	.sPp-spes .section .txtBox {
		width: 100%;
		margin-top: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 0
	}

	.sPp-spes .section .txtBox .txt {
		margin: 0!important;
		padding: 1.2rem 1rem
	}

	.sPp-spes .section .txtBox .title .icon {
		width: 48px;
		height: 48px
	}

	.sPp-spes .section .txtBox .abstract {
		height: auto;
		line-height: 1.75
	}

	.sPp-spes .section .word {
		right: 15px!important;
		left: auto!important;
		top: auto!important;
		bottom: 0!important;
		margin-top: 68.33333333%;
		z-index: 6;
		opacity: .3
	}
}


.proshowcon{
	padding-top: 1rem;
}
.proshowcon .tit{
	background: #f4f4f4;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 0.6rem;
}
.proshowcon .tit h6{
    font-size: 20px;
    font-weight: 700;
    padding: 25px 40px;
    display: inline-block;
    background: #014c7e;
    color: #fff;
}
.proshowcon .tit a{
    padding: 0px .5rem;
}
.proshowcon .tit .btn.btn-x2 .rarr{
	color: #014c7e;
}
.proshowcon .tit .btn.btn-x2:hover .rarr{
	color: #fff;
}
.proshowcon .index-project-swiper{
	margin-top: 0;
}
.proshowcon .flowlist{
    padding-top: 0;
    /* margin: 0 -22px; */
}













.sInsight-hotspot {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 1.2rem;
	background-color: #f5f6f6;
	margin-bottom: 1.2rem
}

.sInsight-hotspot .w {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.sInsight-hotspot .w:after {
	display: none
}

.sInsight-hotspot .left {
	width: 12rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.sInsight-hotspot .right {
	padding: 15px 0;
	width: calc(100% - 12rem);
	padding-left: 1.2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sInsight-hotspot .right .time {
	color: #414345;
	line-height: 1.5
}

.sInsight-hotspot .right .title {
	margin-top: 2.60416667vw;
	color: #000;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.5;
	font-weight: 700
}

.sInsight-hotspot .right .abstract {
	margin-top: 2.08333333vw;
	color: #414345;
	line-height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 4em
}

.sInsight-hotspot .right .btn-x1 {
	margin-top: 2.60416667vw
}

@media screen and (max-width:1024px) {
	.sInsight-hotspot .left {
		width: 100%
	}

	.sInsight-hotspot .right {
		width: 100%;
		margin-top: .4rem;
		padding: 20px;
		margin-bottom: -20px
	}

	.sInsight-hotspot .right .title {
		margin-top: .6rem
	}

	.sInsight-hotspot .right .abstract {
		margin-top: .6rem
	}

	.sInsight-hotspot .right .btn-x1 {
		margin-top: .8rem
	}
}

.sInsight-hotspot-switch {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.sInsight-hotspot-switch .shade {
	padding-bottom: 66%
}

.sInsight-hotspot-switch .item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.sInsight-hotspot-switch .item .pic {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.sInsight-hotspot-switch .pagination-dot {
	bottom: .6rem
}

.sInsight-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: 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;
	margin-top: 1.2rem
}

.sInsight-list:after {
	display: none
}

.sInsight-list .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.sInsight-list .item:nth-child(1n+1) {
	width: 32%;
	margin-left: 2%;
	margin-top: 0
}

.sInsight-list .item:nth-child(3n+1) {
	margin-left: 0
}

.sInsight-list .item:nth-child(1n+4) {
	margin-top: 1.66666667%
}

.sInsight-list .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 66.10169492%;
	background-color: #f1f1f1
}

.sInsight-list .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: 100% 200%;
	background-position: 0 0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(22.5%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.71)),to(rgba(0,0,0,.71)));
	background-image: linear-gradient(180deg,rgba(0,0,0,0) 22.5%,rgba(0,0,0,.71) 50%,rgba(0,0,0,.71) 100%);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sInsight-list .item .txt {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .8rem .6rem;
	color: #fff;
	font-size: 0
}

.sInsight-list .item .txt .title {
	margin-top: .3rem;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 3em
}

.sInsight-list .item .txt .btn-x2 {
	margin-top: -2em;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.sInsight-list .item:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	z-index: 7;
	left: 100%;
	width: 0;
	bottom: 0;
	height: 4px;
	background-color: #014c7e
}

.sInsight-list .item.emptyList {
	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;
	height: 4rem;
	width: 100%
}

.sInsight-list .item.emptyList:after {
	display: none
}

.sInsight-list .item.emptyList:after {
	display: none
}

.sInsight-list .item:nth-child(3n+1) {
	-webkit-animation-delay: 120ms;
	animation-delay: 120ms
}

.sInsight-list .item:nth-child(3n+2) {
	-webkit-animation-delay: 240ms;
	animation-delay: 240ms
}

.sInsight-list .item:nth-child(3n+3) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms
}

@media screen and (min-width:1025px) {
	.sInsight-list .item:hover .pic:after {
		background-position: 0 25%
	}

	.sInsight-list .item:hover .txt .btn-x2 {
		margin-top: .5rem;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}

	.sInsight-list .item:hover .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.sInsight-list .item:hover: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
	}
}

@media screen and (max-width:1024px) {
	.sInsight-list .item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sInsight-list .item:nth-child(1n+1) {
		width: 48.5%;
		margin-left: 3%;
		margin-top: 0
	}

	.sInsight-list .item:nth-child(2n+1) {
		margin-left: 0
	}

	.sInsight-list .item:nth-child(1n+3) {
		margin-top: 4.5%
	}

	.sInsight-list .item .txt {
		padding: 20px
	}

	.sInsight-list .item .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.sInsight-list .item:active:after {
		left: 0;
		width: 100%;
		-webkit-transition: 0s;
		transition: 0s
	}
}

@media screen and (max-width:750px) {
	.sInsight-list .item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sInsight-list .item:nth-child(1n+1) {
		width: 100%;
		margin-left: 0;
		margin-top: 0
	}

	.sInsight-list .item:nth-child(1n+1) {
		margin-left: 0
	}

	.sInsight-list .item:nth-child(1n+2) {
		margin-top: 3%
	}
}

.equip-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: 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;
    /* margin-top: 1.2rem; */
}
.equip-list .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.equip-list .item:nth-child(1n+1) {
	width: 32%;
	margin-left: 2%;
	margin-top: 0
}

.equip-list .item:nth-child(3n+1) {
	margin-left: 0
}

.equip-list .item:nth-child(1n+4) {
	margin-top: 2%
}
.equip-list .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 80%;
	background-color: #eee
}

.equip-list .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(0,0,0,0)),to(rgba(0,0,0,.71)));
	background: linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.71) 100%)
}

.equip-list .item .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .5rem;
	color: #fff;
	z-index: 6
}

.equip-list .item .txt .p1 {
	font-weight: 700;
	line-height: 1.25
}

.equip-list .item .txt .p1>span:nth-child(3) {
	display: block
}

.equip-list .item .txt .p2 {
	margin-top: .4rem;
	line-height: 1.5
}

.equip-list .item .txt .btn-x2 {
	margin-top: .4rem;
	-webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.equip-list .item:hover .txt .btn-x2 .rarr{
	background-color: #014c7e;
}













.sVideo-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: 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;
	margin-top: 1.2rem
}

.sVideo-list:after {
	display: none
}

.sVideo-list .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.sVideo-list .item:nth-child(1n+1) {
	width: 32%;
	margin-left: .83333333%;
	margin-top: 0
}

.sVideo-list .item:nth-child(3n+1) {
	margin-left: 0
}

.sVideo-list .item:nth-child(1n+4) {
	margin-top: 1.66666667%
}

.sVideo-list .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 66.10169492%;
	background-color: #f1f1f1
}

.sVideo-list .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: 100% 200%;
	background-position: 0 0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(22.5%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.71)),to(rgba(0,0,0,.71)));
	background-image: linear-gradient(180deg,rgba(0,0,0,0) 22.5%,rgba(0,0,0,.71) 50%,rgba(0,0,0,.71) 100%);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sVideo-list .item .txt {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	right: 0;
	padding: .8rem .6rem;
	color: #fff;
	font-size: 0
}

.sVideo-list .item .txt .title {
	margin-top: .3rem;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 3em
}

.sVideo-list .item .txt .btn-x2 {
	margin-top: -2em;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.sVideo-list .item:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	z-index: 7;
	left: 100%;
	width: 0;
	bottom: 0;
	height: 4px;
	background-color: #014c7e
}

.sVideo-list .item.emptyList {
	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;
	height: 4rem;
	width: 100%
}

.sVideo-list .item.emptyList:after {
	display: none
}

.sVideo-list .item.emptyList:after {
	display: none
}

.sVideo-list .item:nth-child(3n+1) {
	-webkit-animation-delay: 120ms;
	animation-delay: 120ms
}

.sVideo-list .item:nth-child(3n+2) {
	-webkit-animation-delay: 240ms;
	animation-delay: 240ms
}

.sVideo-list .item:nth-child(3n+3) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms
}

@media screen and (min-width:1025px) {
	.sVideo-list .item:hover .pic:after {
		background-position: 0 25%
	}

	.sVideo-list .item:hover .txt .btn-x2 {
		margin-top: .5rem;
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}

	.sVideo-list .item:hover .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.sVideo-list .item:hover: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
	}
}

@media screen and (max-width:1024px) {
	.sVideo-list .item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sVideo-list .item:nth-child(1n+1) {
		width: 48.5%;
		margin-left: 3%;
		margin-top: 0
	}

	.sVideo-list .item:nth-child(2n+1) {
		margin-left: 0
	}

	.sVideo-list .item:nth-child(1n+3) {
		margin-top: 4.5%
	}

	.sVideo-list .item .txt {
		padding: 20px
	}

	.sVideo-list .item .txt .btn-x2 .rarr {
		background-color: #014c7e
	}

	.sVideo-list .item:active:after {
		left: 0;
		width: 100%;
		-webkit-transition: 0s;
		transition: 0s
	}
}

@media screen and (max-width:750px) {
	.sVideo-list .item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sVideo-list .item:nth-child(1n+1) {
		width: 100%;
		margin-left: 0;
		margin-top: 0
	}

	.sVideo-list .item:nth-child(1n+1) {
		margin-left: 0
	}

	.sVideo-list .item:nth-child(1n+2) {
		margin-top: 3%
	}
}



.aboutintro{
	position: relative;
	padding: 2rem 0 2rem;
	overflow: hidden;
}
.about .index-head{
	text-align: center;
}
.about .index-head .hr{
	margin: .5rem auto;
}
.about1 {
	padding-bottom: 1rem;
}
.aboutcon {
	/* color: #475244; */
	line-height: 2;
    font-size: 18px;
	margin: 1.2rem auto 0;
	/* text-align: center; */
	text-indent: 2em;
  }
.guolist21 {
	overflow: hidden;
	font-size: 0;
	text-align: center;
  }
  .guolist21 li {
	display: inline-block;
	width: 25%;
  }
  .guolist21 li a {
	display: block;
	padding: 45px 10px 63px;
	border-left: 1px solid #ebebeb;
	color: #231f20;
	position: relative;
  }
  .guolist21 li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 54px;
	z-index: 0;
	width: 1px;
	height: 80px;
	background-color: #014c7e;
  }
  .guolist21 li:first-child a {
	border-left: 0 none;
  }
  .guolist21 li:first-child a:before {
	display: none;
  }
  .guolist21 h3 {
	font-size: 48px;
	font-weight: bold;
	line-height: 92px;
	height: 92px;
  }
  .guolist21 h3 span {
	display: inline-block;
	height: 100%;
	color: #014c7e;
  }
  .guolist21 h3 span:first-letter {
	font-size: 80px;
	margin-right: 5px;
  }
  .guolist21 h3 s {
	font-size: 30px;
	text-decoration: none;
	vertical-align: top;
  }
  .guolist21 .txt {
	font-size: 16px;
	line-height: 30px;
  }
  @media screen and (max-width: 960px) {
	.guolist21 li {
	  width: 50%;
	}
	.guolist21 li:nth-child(3) a {
	  border-left: 0 none;
	}
	.guolist21 li:nth-child(3) a:before {
	  display: none;
	}
  }
  @media screen and (max-width: 750px) {
	.about2 {
	  /*padding: 50px 0 80px;*/
	}
  }
  @media screen and (max-width: 640px) {
	.guolist21 li a {
	  padding: 35px 10px 53px;
	}
	.guolist21 h3 {
	  font-size: 30px;
	}
	.guolist21 h3 span:first-letter {
	  font-size: 60px;
	}
  }
  #canvasRoom {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	bottom: -40%;
	left: 0px;
	z-index: 0;
	pointer-events: none;
  }




.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
  

.course, .abpartner{
	padding-top: 2rem;
	padding-bottom: 2rem;
	overflow: hidden;
	background: #f4f4f4;
}
.courseList{margin-top: 1.6rem;margin-bottom: .6rem;position: relative;}
.courseSwiper{width: 80%;box-shadow:0 0 .4rem rgba(102, 102, 102, .15);  overflow: hidden;  margin: auto;}
.courseSwiper ._item{opacity: .2;transform: scale(.68); transition:all 1.3s cubic-bezier(0.96, 0.08, 0.3, 1.07);}
.courseSwiper .swiper-slide.active ._item{opacity: 1;transform: none;}
.courseSwiper ._item ._times{width:4rem;background-color: #014c7e;justify-content: center;align-items: center;
font-size: .62rem;line-height: 1;color: #fff;font-family: "CenturyGothic";font-weight: bold;}
.courseSwiper ._item ._info{padding: .7rem;background-color: #fff;}
.courseSwiper ._item ._info ._name{font-weight: bold;color: #014c7e;}
.courseSwiper ._item ._info ._line{    
    font-size: 18px;
    margin-right: 2.5em;
    line-height: 2;
    display: inline-block;
    padding-left: 14px;
    position: relative;
	transition: all .3s;
}
.courseSwiper ._item ._info ._line::before{
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333;
}
.courseSwiper ._item ._info ._line:hover{
	color: #014c7e;
}
.courseSwiper ._item ._info ._line:hover::before{
    background-color: #014c7e;
}
.courseList .coursePage{position: absolute;top: 50%;transform: translateY(-50%);width: .6rem;height: .6rem;
text-align: center;line-height: .6rem;font-size: .42rem;color: #ddd;transition: all .3s ease-out;}
.courseList .coursePrev{left:0;}
.courseList .courseNext{right:0;}
.btn_hidden{opacity:0;visibility:hidden;}

.courseTab{padding: 2rem 0;    overflow: hidden;}
.courseTabSwiper{overflow: initial !important;}
.courseTabSwiper .swiper-slide{width: 20%;}
.courseTabSwiper.swiper-backface-hidden .swiper-slide{
	transform:none;
}
.courseTabSwiper ._item{
	position: relative;
	width: 100%;
	height: 0;
	/* border-bottom: 1px solid #ddd; */
	/* position: relative;width: 0;height: 0;padding: 0 2rem; */
}
.courseTabSwiper ._item ._line{
	position: absolute;
	width: 100%;
	height: .6rem;
	right: 50%;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	pointer-events: none;
/* display: none; */
}
.courseTabSwiper .swiper-slide:first-of-type ._item ._line{display: none;}
.courseTabSwiper ._item ._line:before,
.courseTabSwiper ._item ._line:after{content: ''; position:absolute;top:0;left:0;width: 100%;height: 100%;}
.courseTabSwiper ._item ._line:before{background-color: #ddd;}
.courseTabSwiper ._item ._line:after{background-color: #f4f4f4;}
.courseTabSwiper .swiper-slide:nth-child(odd) ._item ._line:before,
.courseTabSwiper .swiper-slide:nth-child(odd) ._item ._line:after{clip-path: polygon(0 0, 100% 0, 100% 100%);}
.courseTabSwiper .swiper-slide:nth-child(odd) ._item ._line:after{transform: translate(1px,-1px);}
.courseTabSwiper .swiper-slide:nth-child(even) ._item ._line:before,
.courseTabSwiper .swiper-slide:nth-child(even) ._item ._line:after{clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.courseTabSwiper .swiper-slide:nth-child(even) ._item ._line:after{transform: translate(1px,1px);}
.courseTabSwiper ._item ._text{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	z-index: 5;
	cursor: pointer;
}
.courseTabSwiper ._item ._text ._time{font-size: 18px;line-height: 1;color:#666;transition: all .3s ease-out;transform-origin: bottom;}
.courseTabSwiper ._item ._text ._time span{font-size: 28px;font-weight: bold;}
.courseTabSwiper ._item ._text ._name{margin-top: .1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
color:#666;transition: color .3s ease-out;}
.courseTabSwiper .swiper-slide:nth-child(odd) ._item ._text{top: 100%;padding-top: .6rem;}
.courseTabSwiper .swiper-slide:nth-child(even) ._item ._text{bottom: 100%;padding-bottom: .6rem;}
.courseTabSwiper .swiper-slide ._item ._text ._dian{
	width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
}
.courseTabSwiper .swiper-slide ._item ._text ._dian:before{content:'';width: 100%;height: 100%;position: relative;
background-color: #ddd;border-radius: 50%;transition: all .3s ease-out;display: block;}
.courseTabSwiper .swiper-slide ._item ._text ._dian>span{opacity: 0;transition: opacity .3s ease-out;}
.courseTabSwiper .swiper-slide ._item ._text ._dian>span:after{content: '';border-radius: 50%;
position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #014c7e;
z-index: -1;animation:soak 6s ease-in-out infinite;}
.courseTabSwiper .swiper-slide:nth-child(odd) ._text ._dian{top: .3rem;transform: translate(-50%,-50%);}
.courseTabSwiper .swiper-slide:nth-child(even) ._text ._dian{bottom: .3rem;transform: translate(-50%,50%);}
.courseTabSwiper .swiper-slide.swiper-slide-thumb-active ._item ._text ._time{color: #014c7e;transform: scale(1.3);}
.courseTabSwiper .swiper-slide.swiper-slide-thumb-active ._item ._text ._name{color: #014c7e;}
.courseTabSwiper .swiper-slide.swiper-slide-thumb-active ._item ._text ._dian:before{background-color: #014c7e;transform: scale(1.3);}
.courseTabSwiper .swiper-slide.swiper-slide-thumb-active ._item ._text ._dian>span{opacity: 1;}
@keyframes soak{
	0% {
		opacity:.6;
		transform:scale(1);
	}

	50% {
		opacity:.2;
		transform:scale(7);
	}

	100% {
		opacity:.6;
		transform:scale(1);
    }
}
.courseTabSwiper ._item ._text:hover ._time{color: #014c7e;}
.courseTabSwiper ._item ._text:hover ._name{color: #014c7e;}
.courseTabSwiper ._item ._text:hover ._dian:before{background-color: #014c7e;transform: scale(1.3);}




.siteBox{position: relative;padding: 2rem 0;}
.siteBox ._info{
	width: 40%;
}
.siteBox ._info ._text{margin-top: 1rem;position: relative;line-height: 2;}
/* .siteBox ._info ._text:before{content: '';position: absolute;top: 0;left: 0;width: .65rem;height: 2px;background-color: #014c7e;} */
.siteBox ._info ._code{margin-top: .6rem;display: inline-block;}
.siteBox ._info ._code>div{
	background-color: #ededed;
    padding: .2rem;
    border-radius: .1rem;
}
.siteBox ._info ._code ._name{writing-mode: tb-rl;text-align: center;line-height: 1;} 
.siteBox ._info ._code ._img{
	margin-left: .2rem;
    width: 1.8rem;
    height: 1.8rem;
}
.siteBox ._info ._code ._img img{width: 100%;height: 100%;object-fit: contain;} 
.siteBox ._map{
	width: 60%;
	height: 50vh;
} 
.BMap_Marker{z-index: -1!important;pointer-events: none;}
.BMap_Marker img{width:100%;}
.siteBox ._map>div{width: 100%;height: 100%;}
.siteBox ._map .ripple{text-align: center;line-height: 1;}
.siteBox ._map .ripple>i{font-size: 32px;display: block;color: #014c7e;}
.siteBox ._map .ripple>span{
	position: relative;
    left: 50%;
    width: .16rem;
    height: .16rem;
    display: block;
    border-radius: 50%;
    background-color: #014c7e;
    transform: translateX(-50%);
}
.siteBox ._map .ripple>span:before{content:'';position: absolute;top: 0;left: 0;
width: 100%;height: 100%;border-radius: 50%;background-color: #014c7e;
animation:mapDoc 6s ease-in-out infinite;opacity: 0;}
@keyframes mapDoc{
	0% {
		opacity:.6;
		transform:scale(1);
	}

	50% {
		opacity:.2;
		transform:scale(6);
	}

	100% {
		opacity:.6;
		transform:scale(1);
    }
}


.contactform{padding: 2rem 0;    background: #f4f4f4;}
.contactform .index-head{
	text-align: center;
}
.contactform .index-head .hr{
	margin: .3rem auto .4rem;
}
.contactform ._form{    margin-top: 1.4rem;}
.contactform ._form form{}
.contactform ._form ._item{padding:7px;width: 100%;}
.contactform ._form ._item>div{background-color: #fff;padding: 15px 20px;}
.contactform ._form ._item ._name{font-size: 16px;line-height: 24px;}
.contactform ._form ._item ._text{padding-left: 15px;}
.contactform ._form ._item ._text input{width: 100%;height: 100%;border: none;background: none;height:24px;font-size: 16px;color: #666;}
.contactform ._form ._item ._text input::-webkit-input-placeholder{color: #cecece;}
.contactform ._form ._item ._text input:-moz-placeholder{color: #cecece;}              
.contactform ._form ._item ._text input::-moz-placeholder{color: #cecece;}  
.contactform ._form ._item ._text textarea{width:100%;height:130px;border: none;background: none;
font-size: 16px;color: #666;line-height: 24px;resize: none;}
.contactform ._form ._submit{
	text-align: center;
	padding-top: .4rem;
}
.contactform ._form ._submit .masterBtn1{
    background: #014c7e;
    width: 130px;
    color: #fff;
    line-height: 2.8;
	font-size: 16px;
}





.project_list{}
.project_item{margin-bottom:3vw;}
.project_item:last-child{margin-bottom:0;}
.project_item .project_txt{
    width: 66%;
    padding: 1.4rem;
    align-items: center;
    overflow: hidden;
    z-index: 2;
    background: #f4f4f4;
    box-sizing: border-box;
    position: relative;
	-webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}

.project_item .project_txt:before{top:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.project_item .project_txt:after{bottom:0;transform:translateY(100%);-webkit-transform:translateY(100%);}
.project_item .project_bg{
	overflow: hidden;
    width: 34%;
    position: relative;
}
.project_item .project_bg .project_image{
	width: 100%;
    height: 0;
    padding-bottom: 60%;
}
.project_item .project_bg img{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}
.project_cnt{
	padding-left: 130px;
    position: relative;
}
.project_cnt .btn.btn-x2 .rarr{
	color: #014c7e;
}
.project_cnt .btn.btn-x2:hover .rarr{
	color: #fff;
}
.project_cnt .btn-x1{
	padding: 0.2rem 0.4rem;
}
.project_cnt .project_title{
	font-size: 30px;
    font-weight: bold;
    padding-bottom: .6rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.project_cnt .btn-x1 .sq3>s{
	width: 8px;
    height: 8px;
}
.project_cnt .btn-x1 .sq3>s:nth-child(1n+2){
	margin-left: 8px;
}
.project_cnt .btn-x1 .this{
	font-size: 14px;
}
.project_cnt .project_title p{font-size:16px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;
display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.project_cnt .project_con{
    font-size: 16px;
    line-height: 1.8;
}

.project_cnt .project_con .project_p{
    margin-bottom: 0.5rem;
    color: #333;
    height: 88px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.project_cnt .project_con .project_i{
    height: 58px;
    overflow: hidden;
    margin-bottom: 0.8rem;
}
.project_cnt .project_con .project_i p{
    position: relative;
    margin-right: 1.25em;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 14px;
    color: #333;
    font-size: 16px;
    width: 46%;
    box-sizing: border-box;
    margin-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.7;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.project_cnt .project_con .project_i p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.project_cnt .project_con .project_i p:hover{
    opacity: 1;
}
.project_cnt .project_see{margin-top:3vw;font-size:16px;}
.project_cnt .project_see .icon-see{vertical-align:middle;margin-right:10px;font-size:20px;}
.project_cnt .project_see .icon-jiantou{vertical-align:-1px;margin-left:2vw;}
.project_cnt .project_obj{width:80px;height:80px;position:absolute;left:0;top:0;}
.project_cnt .project_icon{width:100%;height:100%;overflow:hidden;}
.project_cnt .project_obj:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    background-color: rgba(29, 107, 221, .1);
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
}
.project_cnt .project_icon>div{width:100%;padding:0 15%;height:100%;}
.project_cnt .project_icon p{
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
	background-color:#fff;
    border-radius: 50%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.project_cnt .project_icon i{
	font-size: 40px;
	color: #014c7e;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
}
.project_item a:hover .project_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.project_item a:hover .project_bg .project_image img{transform:scale(1.15);-webkit-transform:scale(1.15);}
.project_item a:hover .project_icon p{
    background: #014c7e;
}   
.project_item a:hover .project_icon i{
	color: #fff;
    transform: rotateY(180deg);
}
.project_item a:hover .project_cnt .project_title,.project_con .project_i p:hover{
	color: #014c7e;
}
.project_cnt .project_con .project_i p:hover:before{
	background: #014c7e;
}













.partner{
	padding: 1.4rem 0 .4rem;
}
.partner ._list{
	font-size: 0;
}
.partner ._list .item{
	padding: 5px;
    width: 16.6666%;
    display: inline-block;
    box-sizing: border-box;
}
.partner ._list .item a{
	width: 100%;
    height: 125px;
    display: block;
	border: 1px solid rgb(1 76 126 / 30%);
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all .2s linear;
}
.partner ._list .item a img{width: 100%;height: 100%;object-fit: contain;}
.partner ._list .item a:hover{
	box-shadow: 0 0 30px rgba(1,76,126, .2);
    transform: translate3d(0, -4px, 0);
}
.projectList{
	height: 60vh;
	overflow-y: auto;
}
.projectList .item{
	background: #fff;
	margin-bottom: .5rem;
}
.projectList .item:last-child{
	margin-bottom: 0;
}
.projectList .item>div{
	height: 100%;
    padding: .8rem 1rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.projectList .item>div:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--blue1);}

.projectList .itemTps{
	padding-bottom: .5rem ;
    font-size: 24px;
    line-height: 1.5;
    position: relative;
}

.projectList .itemTps:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 44px;
    height: 2px;
    background-color: #014c7e;
}

.projectList .itemLine{
	padding: .5rem 0 0;
    font-size: 16px;
    line-height: 2;
}

.projectList .itemLine>p{padding-left:15px;position:relative;}

.projectList .itemLine>p:before{content:'';position:absolute;top:16px;

left:0;width:4px;height:4px;border-radius:50%;background-color:#333;}

.projectList .itemIcon{
	width: 160px;
    position: absolute;
    bottom: .8rem;
    right: 1rem;
    z-index: -1;
    opacity: 1;
}

.projectList .itemIcon>img{width:100%;}











.team{
	padding: 2rem 0;
    overflow: hidden;
}

.abTeamBox{
	padding-top: 2rem;
    position: relative;
    padding-left: 35%;
	margin-top: 1rem;
}
.abTeamBox .word._ts{
	position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    right: 100%;
	/* color: #f3f6fe;
    font-size: 200px;
    text-transform: uppercase;
    font-weight: bold; */
}
.abTeamInfo{width: 100%;position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding-left:15px;}

.abTeamInfo>div{
    width: 30%;
    padding: 1rem;
    position: relative;
    box-sizing: border-box;
}

#abTeamInfo{width:100%;}

.abTeamInfo>div:before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#eee;}

.abTeamInfo>div:after{content:'';position:absolute;left:0;top:0;width:3px;height:34px;

background-color:var(--blue1);z-index:2;transform:translateX(-1px);}

#abTeamInfo .info{text-align:justify;}
#abTeamInfo .info .tit{
    font-size: 2em;
    color: #014c7e;
    margin-bottom: 1rem;
    font-weight: 600;
}
#abTeamInfo .info .infoName{font-size:28px;line-height:1;margin-bottom:45px;color:var(--blue1);}

#abTeamInfo .info .infoLine{font-size:18px;line-height:2;}

.abTeamInfo .infoBtn{margin-top:80px;}

.abTeamInfo_switch{margin-right:25px;}

.abTeamInfo_switch:last-child{margin-right:0;}

.abTeamInfo_switch>a{
	width: 56px;
    height: 56px;
    line-height: 56px;
    z-index: 2;
    color: #014c7e;
    transition: all .4s;
    display: block;
    position: relative;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #014c7e;
    text-align: center;
}

.abTeamInfo_switch>a:before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: cubic-bezier(.4,.4,0,1) .5s;
}
.abTeamInfo_switch>a>i{font-size:26px;}

.abTeamInfo_switch>a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);

background-color:#014c7e;border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1;}

.abTeamImg{width:100%;max-width:960px;padding-left:15px;}
.abTeamImg .swiper-slide{height: 400px;}
#abTeamImg{width:100%;}

#abTeamImg .bg{width:100%;height:100%;;cursor:pointer;}

#abTeamImg .bg>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.abTeamBox .abTeamTxt{color:#f3f6fe;font-size:200px;text-transform:uppercase;font-weight:bold;z-index:-1;

position:absolute;left:50%;top:0;line-height:1;transform:translate(-50%,-50%);}
.abTeamInfo_switch>a:hover:after{
	transform: none;
    opacity: 1;
}
.abTeamInfo_switch>a:hover{
	color: #fff;
}

.serveflow{
	padding: 2rem 0;
}
.flowlist{
	padding-top: 1.4rem;
	position: relative;
}
.flowlist>div{
	
}
.flowlist .item{
	padding-right: 5%;
    width: 27%;
    position: relative;
    box-sizing: border-box;
}
.flowlist .item .sort{
	display: block;
    color: #f6f7f7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    width: 80px;
    height: 80px;
    pointer-events: none;
}
.flowlist .item strong{
    display: block;
    position: absolute;
    left: -80px;
    top: -80px;
    z-index: 1;
    overflow: hidden;
    width: 160px;
    height: 160px;
    background: #014c7e;
	background: -webkit-linear-gradient(0deg, #014c7e, rgb(2 163 62 / 70%));
	background: -o-linear-gradient(0deg, #014c7e, rgb(2 163 62 / 70%));
	background: -moz-linear-gradient(0deg, #014c7e, rgb(2 163 62 / 70%));
	background: linear-gradient(0deg, #014c7e, rgb(2 163 62 / 70%));
    border-radius: 50%;
    color: #fff;
}
.flowlist .item strong em{
	position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 34px;
    font-weight: 600;
    font-family: arial;
}
/* .flowlist .item:after{content: '';position: absolute;right: 0;width:34px;height: 10px;top: 50%;transform: translate(50%,-50%);
background-image: url(../images/liuceng.png);background-position: center center;background-size: 100% auto;background-repeat: no-repeat;} */

.flowlist .item:last-child{
	padding-right: 0;
	width: 22%;
}
.flowlist .item>i{
	position: absolute;
    right: 0;
    top: 50%;
    font-size: 30px;
    color: #014c7e;
	transform: translate(-50%, -10px);
}
.flowlist .item:last-child>i{
	display: none;
}
.flowlist .item:last-of-type:after{display: none;}
.flowlist .item .itemInfo{
	padding: 30px;
    width: 100%;
    height: 280px;
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}
.flowlist .item .itemInfo>div{width: 100%;}
.flowlist .item .itemInfo ._icon{
	height: 80px;
    width: 80px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}
.flowlist .item .itemInfo ._icon i{
	font-size: 50px;
    color: #014c7e;
	transition: all .3s;
}
.flowlist .item .itemInfo ._name{
	font-size: 24px;
}
.flowlist .item .itemInfo:hover ._icon i{
	transform: rotateY(180deg);
}












.sAbout-wrap .subpage-section {
	padding: 2.8rem 0
}

.sAbout-s1 .intro .left {
	width: 41.66666667%
}

.sAbout-s1 .intro .left .logo {
	margin-top: 2.6rem;
	width: 10.52rem;
	height: 4.18rem;
	max-width: 100%
}

.sAbout-s1 .intro .right {
	width: 50%
}

.sAbout-s1 .intro .right .imax {
	color: #414345
}

.sAbout-s1 .digitalData {
	margin-top: 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: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.sAbout-s1 .digitalData:after {
	display: none
}

.sAbout-s1 .digitalData .col {
	position: relative;
	z-index: 1;
	width: calc(100%/3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .4rem var(--padw2)
}

.sAbout-s1 .digitalData .col .sdt {
	color: #000;
	font-weight: 700;
	line-height: 1.25
}

.sAbout-s1 .digitalData .col .sdt .unit {
	font-size: .5em;
	margin-left: .25em
}

.sAbout-s1 .digitalData .col .sdd {
	margin-top: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.sAbout-s1 .digitalData .col .sdd .this {
	color: #717171;
	line-height: 1.5;
	max-width: calc(100% - 36px)
}

.sAbout-s1 .digitalData .col .sdd .icon {
	width: 28px;
	height: 28px;
	margin-left: auto;
	margin-right: 0
}

.sAbout-s1 .digitalData .vr {
	width: 1px;
	height: 1.6em;
	position: relative;
	top: .6em;
	margin-top: .4rem;
	background-image: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(#e1e1e1),to(transparent));
	background-image: linear-gradient(0deg,transparent,#e1e1e1,transparent)
}

.sAbout-s1 .digitalData .col:hover .sdd .icon {
	-webkit-transform: rotateY(-360deg);
	transform: rotateY(-360deg);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (max-width:1024px) {
	.sAbout-s1 .intro .left .logo {
		margin-top: 1rem
	}

	.sAbout-s1 .intro .right {
		margin-top: 1.2rem
	}

	.sAbout-s1 .digitalData {
		width: 100%!important
	}

	.sAbout-s1 .digitalData .col {
		padding: 36px 20px 15px;
		width: auto;
		min-width: 120px
	}

	.sAbout-s1 .digitalData .col .sdd .this {
		max-width: 100%
	}

	.sAbout-s1 .digitalData .col .sdd .icon {
		position: absolute;
		top: 0;
		width: 24px;
		height: 24px
	}

	.sAbout-s1 .digitalData .vr {
		margin-top: 36px;
		top: -.175em
	}
}

.sAbout-s2 {
	background-color: #f6f7f7
}

.sAbout-s2 .intro .left {
	width: 41.66666667%
}

.sAbout-s2 .intro .right {
	width: 50%
}

.sAbout-s2 .intro .right .imax {
	color: #414345
}

.sAbout-s2 .list3 {
	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;
	margin-top: 1.6rem;
	margin-bottom: -.4rem
}

.sAbout-s2 .list3:after {
	display: none
}

.sAbout-s2 .list3 .item {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 29.16666667%;
	white-space: normal
}

.sAbout-s2 .list3 .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 92.85714286%;
	background-color: #fff
}

.sAbout-s2 .list3 .item .txt {
	padding: .6rem
}

.sAbout-s2 .list3 .item .txt .sdt {
	color: #014c7e;
	font-weight: 700;
	line-height: 2
}

.sAbout-s2 .list3 .item .txt .sdd {
	margin-top: 5px;
	color: #414345;
	line-height: 1.75
}

.sAbout-s2 .list3 .item:nth-child(1) {
	margin-top: -2rem
}

.sAbout-s2 .list3 .item:nth-child(3) {
	margin-top: 2rem
}

@media screen and (max-width:1024px) {
	.sAbout-s2 .intro .right {
		margin-top: 1.2rem
	}

	.sAbout-s2 .list3 .item {
		width: 31%
	}

	.sAbout-s2 .list3 .item:nth-child(1n+1) {
		margin-top: 0
	}
}

@media screen and (max-width:750px) {
	.sAbout-s2 .list3 {
		overflow-x: auto;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	.sAbout-s2 .list3 .item {
		display: inline-block;
		vertical-align: top;
		width: 320px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		max-width: 60vw
	}

	.sAbout-s2 .list3 .item:nth-child(1n+2) {
		margin-left: 1rem;
		margin-top: 0
	}
}

@media screen and (min-width:1025px) {
	.sAbout-s3 .w {
		width: 100%;
		padding-left: var(--padw2);
		padding-right: var(--padw2)
	}
}

.sAbout-s3-swiper {
	position: relative;
	width: 100%;
	z-index: 2
}

.sAbout-s3-swiper .swiper-container {
	z-index: 1;
	overflow: visible
}

.sAbout-s3-swiper .swiper-wrapper {
	z-index: 2
}

.sAbout-s3-swiper .item {
	position: relative;
	overflow: hidden;
	width: 50vw;
	margin-right: 1.5625vw
}

.sAbout-s3-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 58.33333333%;
	background-color: #eee
}

.sAbout-s3-swiper .item .pic:after {
	content: " ";
	z-index: 3;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(0,0,0,0)),to(rgba(0,0,0,.71)));
	background: linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.71) 100%)
}

.sAbout-s3-swiper .item .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 1.2rem;
	color: #fff;
	z-index: 6
}

.sAbout-s3-swiper .item .txt .p1 {
	font-weight: 700;
	line-height: 1.25
}

.sAbout-s3-swiper .item .txt .p1>span:nth-child(1) {
	display: block
}

.sAbout-s3-swiper .item .txt .p2 {
	margin-top: .4rem;
	line-height: 1.5
}

.sAbout-s3-swiper .swiper-fns {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 1rem
}

@media screen and (max-width:1024px) {
	.sAbout-s3-swiper .item:last-child {
		margin-right: 0
	}

	.sAbout-s3-swiper .swiper-fns {
		right: 0
	}
}

.sAbout-s4 {
	background-color: #5d5d5d;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sAbout-s4 .subpage-head .this {
	color: #fff
}

@media screen and (min-width:1025px) {
	.sAbout-s4 {
		height: calc(100vh - 120px);
		padding: 2.60416667vw 0!important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: 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-s4:after {
		display: none
	}

	.sAbout-s4 .w {
		width: 100%;
		padding-left: var(--padw2);
		padding-right: var(--padw2)
	}
}

@media screen and (max-width:1024px) {
	.sAbout-s4 .bg {
		opacity: .15
	}
}

.sAbout-s4-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	padding: 0 9.375vw
}

.sAbout-s4-tab:after {
	display: none
}

.sAbout-s4-tab .qsBox {
	width: 68.18181818%
}

.sAbout-s4-tab .qsBox .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 58.88888889%;
	background-color: transparent
}

.sAbout-s4-tab .Tt {
	position: relative;
	overflow: hidden;
	z-index: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #fff
}

.sAbout-s4-tab .Tt .p1 {
	font-weight: 700;
	line-height: 1.25
}

.sAbout-s4-tab .Tt .p2 {
	margin-top: .2rem;
	line-height: 1.5
}

.sAbout-s4-tab .Tt .btn-x1 {
	margin-top: 1rem
}

.sAbout-s4-tab .Tt .box {
	padding: 6.25vw 0;
	width: 6rem
}

.sAbout-s4-tab .Tg {
	padding: 1.5625vw 0
}

.sAbout-s4-tab .Tg .btn {
	font-size: 14px;
	color: #fff;
	text-align: right;
	line-height: 20px
}

.sAbout-s4-tab .Tg .btn span {
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all 80ms ease-out 0s;
	transition: all 80ms ease-out 0s;
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0
}

.sAbout-s4-tab .Tg .btn.on span {
	font-size: 16px
}

@media screen and (min-width:1025px) {
	.sAbout-s4-tab .Tt .box {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: all 160ms ease-out 0s;
		transition: all 160ms ease-out 0s;
		opacity: 0;
		visibility: hidden
	}

	.sAbout-s4-tab .Tt .box.on {
		position: relative;
		-webkit-transition: all 160ms ease-out 0s;
		transition: all 160ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important;
		z-index: 9
	}

	.sAbout-s4-tab .Tt .box.leave {
		-webkit-transform: translateY(-50%)!important;
		transform: translateY(-50%)!important;
		opacity: 0!important
	}

	.sAbout-s4-tab .Tt .box.come {
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}

	.sAbout-s4-tab .Tg {
		position: absolute;
		right: 1.82291667%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 30
	}

	.sAbout-s4-tab .Tg .btn {
		display: block
	}

	.sAbout-s4-tab .Tg .btn:nth-child(1n+2) {
		margin-top: 3.125vw
	}
}

@media screen and (max-width:1024px) {
	.sAbout-s4-tab {
		display: block;
		padding: 0
	}

	.sAbout-s4-tab .qsBox {
		width: 100%
	}

	.sAbout-s4-tab .Tt {
		width: 100%
	}

	.sAbout-s4-tab .Tt .box {
		width: 100%;
		padding: 1rem 0
	}

	.sAbout-s4-tab .Tg {
		position: relative;
		right: auto;
		-webkit-transform: none!important;
		transform: none!important;
		top: 0
	}

	.sAbout-s4-tab .Tg .btn {
		display: inline-block;
		vertical-align: top
	}

	.sAbout-s4-tab .Tg .btn:nth-child(1n+2) {
		margin-left: .8rem
	}
}

.sHonor-wrap {
	padding-bottom: 0!important
}

.sHonor-s1 {
	padding: 1.6rem 0
}

.sHonor-s1-rotateMove {
	position: relative;
	width: 100%
}

.sHonor-s1-rotateMove .item.moveItem.base {
	padding: 0;
	width: 0;
	height: 0;
	top: 200px;
	left: 520px;
	opacity: 0
}

.sHonor-s1-rotateMove .item.moveItem.L1.pOn {
	padding: 0;
	width: 430px;
	height: 290px;
	top: 55px;
	left: -24px;
	opacity: .2
}

.sHonor-s1-rotateMove .item.moveItem.L1.pOn .pic {
	-webkit-transform: rotateY(15deg);
	transform: rotateY(15deg)
}

.sHonor-s1-rotateMove .item.moveItem.L0 {
	padding: 0;
	width: 588px;
	height: 390px;
	top: 5px;
	left: 226px;
	opacity: 1
}

.sHonor-s1-rotateMove .item.moveItem.L1.nOn {
	padding: 0;
	width: 430px;
	height: 290px;
	top: 55px;
	left: 634px;
	opacity: .2
}

.sHonor-s1-rotateMove .item.moveItem.L1.nOn .pic {
	-webkit-transform: rotateY(-15deg);
	transform: rotateY(-15deg)
}

.sHonor-s1-rotateMove .shade {
	left: 50%;
	width: 1040px;
	height: 400px;
	margin-left: -520px;
	overflow: visible;
	z-index: 1
}

.sHonor-s1-rotateMove .shade:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(0,0,0,.6) rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.sHonor-s1-rotateMove .shade._loaded:before {
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.sHonor-s1-rotateMove .shade:before {
	margin: -24px 0 0 -24px;
	width: 48px;
	height: 48px
}

.sHonor-s1-rotateMove .shade._s:before {
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px
}

@media screen and (max-width:1024px) {
	.sHonor-s1-rotateMove .shade:before {
		margin: -16px 0 0 -16px;
		width: 32px;
		height: 32px
	}

	.sHonor-s1-rotateMove .shade._s:before {
		margin: -12px 0 0 -12px;
		width: 24px;
		height: 24px
	}
}

.sHonor-s1-rotateMove .shade:before {
	margin: -24px 0 0 -24px;
	width: 48px;
	height: 48px
}

.sHonor-s1-rotateMove .box {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	position: relative;
	z-index: 1;
	height: 100%;
	white-space: nowrap
}

.sHonor-s1-rotateMove .item {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	-webkit-transition: all 480ms ease-out 0s,z-index 0s ease-out 0s;
	transition: all 480ms ease-out 0s,z-index 0s ease-out 0s
}

.sHonor-s1-rotateMove .item:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/bgs-rongyu-item.png);
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sHonor-s1-rotateMove .item .pic {
	position: absolute;
	left: 1.6rem;
	top: 1rem;
	right: 1.6rem;
	bottom: 1rem;
	background-color: #f2f2f2;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s
}

.sHonor-s1-rotateMove .item .pic:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.25);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	z-index: 3;
	pointer-events: none
}

.sHonor-s1-rotateMove .item [data-fancybox] {
	display: none
}

.sHonor-s1-rotateMove .item.on [data-fancybox] {
	display: block
}

.sHonor-s1-rotateMove .item.on .pic {
	-webkit-transform: none!important;
	transform: none!important;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.sHonor-s1-rotateMove .item.on .pic:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sHonor-s1-rotateMove .ctr-rotateMove {
	display: block;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sHonor-s1-rotateMove .ctr-rotateMove.prev {
	left: .8rem
}

.sHonor-s1-rotateMove .ctr-rotateMove.next {
	right: .8rem
}

.sHonor-s1-rotateMove._loaded .shade:before {
	-webkit-transition: all 250ms ease-out .4s;
	transition: all 250ms ease-out .4s;
	opacity: 0;
	visibility: hidden
}

.sHonor-s1-rotateMove._loaded .box {
	-webkit-transition: all 250ms ease-out .4s;
	transition: all 250ms ease-out .4s;
	opacity: 1;
	visibility: visible
}

.sHonor-s1-rotateMove._loaded .ctr-rotateMove {
	-webkit-transition: opacity 250ms ease-out .5s;
	transition: opacity 250ms ease-out .5s;
	opacity: 1;
	visibility: visible
}

@media screen and (max-width:1024px) {
	.sHonor-s1-rotateMove {
		font-size: 100px
	}
}

@media screen and (max-width:750px) {
	.sHonor-s1-rotateMove {
		font-size: 90px
	}
}

@media screen and (max-width:700px) {
	.sHonor-s1-rotateMove {
		font-size: 85px
	}
}

@media screen and (max-width:650px) {
	.sHonor-s1-rotateMove {
		font-size: 80px
	}
}

@media screen and (max-width:600px) {
	.sHonor-s1-rotateMove {
		font-size: 75px
	}
}

@media screen and (max-width:550px) {
	.sHonor-s1-rotateMove {
		font-size: 70px
	}
}

@media screen and (max-width:500px) {
	.sHonor-s1-rotateMove {
		font-size: 65px
	}
}

@media screen and (max-width:450px) {
	.sHonor-s1-rotateMove {
		font-size: 60px
	}
}

@media screen and (max-width:1024px) {
	.sHonor-s1-rotateMove .shade {
		width: 4.704em;
		margin-left: -2.352em;
		height: 3.12em
	}

	.sHonor-s1-rotateMove .item.moveItem.base {
		padding: 0;
		width: 0;
		height: 0;
		top: 1.56em;
		left: 2.352em;
		opacity: 0
	}

	.sHonor-s1-rotateMove .item.moveItem.L1.pOn {
		padding: 0;
		width: 2.94em;
		height: 1.95em;
		top: .585em;
		left: -.98em
	}

	.sHonor-s1-rotateMove .item.moveItem.L0 {
		padding: 0;
		width: 4.704em;
		height: 3.12em;
		top: 0;
		left: 0
	}

	.sHonor-s1-rotateMove .item.moveItem.L1.nOn {
		padding: 0;
		width: 2.94em;
		height: 1.95em;
		top: .585em;
		left: 2.744em
	}

	.sHonor-s1-rotateMove .ctr-rotateMove.prev {
		left: 0
	}

	.sHonor-s1-rotateMove .ctr-rotateMove.next {
		right: 0
	}
}

.sHonor-s2 {
	text-align: center;
	padding: 1.6rem 0
}

.sHonor-s2 .head {
	color: #000;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: .8rem
}

.sHonor-s2 .body {
	line-height: 2;
	color: #000;
	width: 37.5em;
	max-width: 85%;
	margin-left: auto;
	margin-right: auto
}

.sHonor-s2 .btn-x1 {
	margin-top: 1rem
}

.sHonor-s3 {
	position: relative;
	z-index: 1;
	padding-top: 5.72916667vw
}

.sHonor-s3 .pic {
	padding-bottom: 11.2rem;
	background-color: #f1f1f1
}

.sHonor-s3 .word {
	position: absolute;
	left: 100%;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.sTeam-s1 .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: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.sTeam-s1 .section:after {
	display: none
}

.sTeam-s1 .section .picBox {
	width: 43.33333333%
}

.sTeam-s1 .section .picBox .pic {
	height: 350px;
	background-color: #f1f1f1
}

.sTeam-s1 .section .txtBox {
	width: 56.66666667%
}

.sTeam-s1 .section .txtBox .txt {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1rem var(--padw2)
}

.sTeam-s1 .section .txtBox .dt {
	line-height: 1.6;
	color: #000;
	font-weight: 700
}

.sTeam-s1 .section .txtBox .dd {
	margin-top: .5rem;
	color: #414345
}

@media screen and (min-width:1025px) {
	.sTeam-s1 .section {
		width: 100%
	}

	.sTeam-s1 .section:nth-child(2n+1) {
		padding-left: var(--padw2)
	}

	.sTeam-s1 .section:nth-child(2n+1) .picBox {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.sTeam-s1 .section:nth-child(2n+2) {
		padding-right: var(--padw2)
	}

	.sTeam-s1 .section:nth-child(1n+2) {
		margin-top: 1.6rem
	}
}

@media screen and (max-width:1024px) {
	.sTeam-s1 .section .picBox {
		width: 100%
	}

	.sTeam-s1 .section .picBox .pic {
		width: 100%;
		height: 0!important;
		padding-bottom: 44.87179487%
	}

	.sTeam-s1 .section .txtBox {
		width: 100%
	}

	.sTeam-s1 .section .txtBox .txt {
		padding: 1rem .8rem
	}

	.sTeam-s1 .section .txtBox .dd {
		line-height: 1.75
	}
}

@media screen and (max-width:750px) {
	.sTeam-s1 .section .txtBox .dt {
		font-size: 16px
	}
}

.sTeam-s2 {
	margin-top: 1.6rem
}

.sTeam-s2 .w {
	position: relative;
	z-index: 1;
	background-color: #f7f8f8;
	padding: 1rem 1.2rem
}

.sTeam-s2 .dct {
	z-index: -1;
	pointer-events: none;
	position: absolute;
	right: .6rem;
	bottom: -2.4rem;
	width: 5.76rem;
	height: 9.4rem;
	background-image: url(../images/bgs-tuandui-2.png);
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sTeam-s2 .wrapIn {
	width: 15.6rem;
	max-width: 100%
}

.sTeam-s2 .dt {
	color: #000;
	font-weight: 700;
	line-height: 1.5
}

.sTeam-s2 .dd {
	margin-top: .6rem;
	color: #414345
}

.sTeam-s2 .df {
	margin-top: .7rem
}

.sTeam-s2 .btn-x1 {
	background-color: transparent
}

@media screen and (max-width:1024px) {
	.sTeam-s2 .w {
		padding: 1.2rem
	}

	.sTeam-s2 .wrapIn {
		padding-bottom: 2rem;
		width: 100%
	}
}

.sContact-s1-form .thead {
	color: #000;
	line-height: 2
}

.sContact-s1-form .thead .sdt {
	position: relative;
	font-weight: 700
}

.sContact-s1-form .thead .sdt .icon {
	width: 2em;
	height: 2em;
	margin-right: .5rem
}

.sContact-s1-form .tbody {
	margin-top: 1rem
}

.sContact-s1-form .tfoot {
	margin-top: .8rem
}

.sContact-s1-form .formItem {
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	min-height: 32px;
	width: 100%;
	line-height: 40px
}

.sContact-s1-form .formItem:last-child {
	margin-bottom: 0
}

.sContact-s1-form .formItem.w50 {
	width: 48%
}

.sContact-s1-form .formItem.w100 {
	width: 100%
}

.sContact-s1-form .formItem .focus {
	display: block;
	color: #414345;
	line-height: 32px;
	margin-bottom: 3px
}

.sContact-s1-form .formItem .focus .ipt {
	color: #ff2323;
	margin-left: 3px
}

.sContact-s1-form .formItem .skin {
	display: block;
	width: 100%;
	line-height: 22px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #414345;
	padding: 8px 24px;
	border-radius: 4px;
	background-color: #ececee;
	border: solid 1px #ececee
}

.sContact-s1-form .formItem input.skin {
	height: 40px
}

.sContact-s1-form .formItem textarea.skin {
	height: 104px
}

.sContact-s1-form .formItem .selector {
	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;
	width: 100%
}

.sContact-s1-form .formItem .selector:after {
	display: none
}

.sContact-s1-form .formItem .selector select {
	width: 48%
}

.sContact-s1-form .formItem.checkLine {
	margin-top: .8rem;
	width: 100%;
	line-height: 2
}

.sContact-s1-form .formItem.checkLine label {
	color: #000
}

.sContact-s1-form .checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.sContact-s1-form .checkbox:after {
	display: none
}

.sContact-s1-form .checkbox input[type=checkbox] {
	top: 0;
	width: 20px;
	height: 20px;
	margin-top: 6px;
	background-color: #ececee
}

.sContact-s1-form .checkbox label {
	width: calc(100% - 36px);
	font-weight: 700;
	color: #414345;
	line-height: 24px;
	padding: 4px 0
}

.sContact-s1-form._skin_2 .thead .sdt {
	padding-right: 48px;
	line-height: 1
}

.sContact-s1-form._skin_2 .thead .sdt .btn-close {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.sContact-s1-form._skin_2 .tbody {
	margin-top: .8rem
}

.sContact-s1-form._skin_2 .tbody .formItem.checkLine {
	margin-top: 0
}

.sContact-s1-form._skin_2 .tbody .formItem .skin {
	padding-left: 16px;
	padding-right: 16px
}

.sContact-s1-form._skin_2 .tfoot {
	margin-top: .6rem
}

@media screen and (min-width:1025px) {
	.sContact-s1-form .tbody {
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.sContact-s1-form .tbody .left,.sContact-s1-form .tbody .right {
		width: 48%
	}

	.sContact-s1-form .tbody .right .formItem {
		height: 100%
	}

	.sContact-s1-form .tbody .right textarea.skin {
		height: calc(100% - 35px);
		background-color: #fff;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media screen and (max-width:1024px) {
	.sContact-s1-form .formItem {
		width: 100%!important;
		padding-right: 0;
		margin-bottom: 16px
	}

	.sContact-s1-form .skin {
		padding-left: 16px!important;
		padding-right: 16px!important;
		margin-bottom: 16px
	}

	.sContact-s1-form .enter {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
		margin-left: auto;
		margin-right: auto
	}

	.sContact-s1-form .checkbox input[type=checkbox] {
		width: 16px;
		height: 16px;
		margin-top: 8px
	}

	.sContact-s1-form .checkbox label {
		width: calc(100% - 24px)
	}

	.sContact-s1-form .tfoot {
		text-align: center
	}
}

.sContact-s2 {
	padding: 1.6rem 0 2rem;
	margin-bottom: -2rem
}

.sContact-s2-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: 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
}

.sContact-s2-list:after {
	display: none
}

.sContact-s2-list .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.sContact-s2-list .item:nth-child(1n+1) {
	width: 49%;
	margin-left: 2%;
	margin-top: 0
}

.sContact-s2-list .item:nth-child(2n+1) {
	margin-left: 0
}

.sContact-s2-list .item:nth-child(1n+3) {
	margin-top: 2%
}

.sContact-s2-list .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 67.89250354%;
	background-color: #f1f1f1
}

.sContact-s2-way {
	margin-top: 1.6rem
}

.sContact-s2-way .dt {
	color: #000;
	font-weight: 700;
	line-height: 1.5
}

.sContact-s2-way .dd {
	margin-top: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: 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;
	margin-right: -1.6rem;
	margin-bottom: -.8rem
}

.sContact-s2-way .dd:after {
	display: none
}

.sContact-s2-way .dd .col {
	width: 560px;
	max-width: calc(50% - 1.6rem);
	margin-right: 1.6rem;
	margin-bottom: .8rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: #ececec solid 1px;
	padding: .7rem;
	line-height: 1.5
}

.sContact-s2-way .dd .col .icon {
	width: 24px;
	height: 24px;
	margin-right: 20px
}

.sContact-s2-way .dd .col .sdt {
	font-weight: 700;
	color: #000
}

.sContact-s2-way .dd .col .sdd {
	color: #414345;
	max-width: calc(100% - 44px - 4em)
}

@media screen and (max-width:1024px) {
	.sContact-s2-way .dd .col {
		width: 100%;
		max-width: 100%
	}

	.sContact-s2-way .dd .col .icon {
		margin-right: 12px
	}
}

.sNews-list {
	position: relative;
	overflow: hidden
}

.sNews-list .item {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 1.3rem 0
}

.sNews-list .item .w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.sNews-list .item .w:after {
	display: none
}

.sNews-list .item .picBox {
	width: 10rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.sNews-list .item .picBox .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 66%;
	background-color: #eee
}

.sNews-list .item .txtBox {
	padding: 15px 0;
	width: calc(100% - 10rem);
	padding-left: 1.2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sNews-list .item .txtBox .time {
	color: #414345;
	line-height: 1.5
}

.sNews-list .item .txtBox .title {
	margin-top: .6rem;
	color: #000;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.5;
	font-weight: 700
}

.sNews-list .item .txtBox .abstract {
	margin-top: .8rem;
	color: #414345;
	line-height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 4em
}

.sNews-list .item .txtBox.w100 {
	padding-left: 0
}

.sNews-list .item:nth-child(2n+2) {
	background-color: #f5f6f6
}

@media screen and (min-width:1025px) {
	.sNews-list .item .title {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.sNews-list .item:hover .txtBox .title {
		color: #014c7e
	}
}

@media screen and (max-width:1024px) {
	.sNews-list .item .txtBox {
		padding: .8rem
	}

	.sNews-list .item .txtBox .abstract {
		-webkit-line-clamp: 2;
		height: 3.5em;
		max-height: 3.5em;
		line-height: 1.75em;
		margin-top: 10px
	}

	.sNews-list .item:active .txtBox .title {
		color: #014c7e
	}
}

@media screen and (max-width:750px) {
	.sNews-list .item .w {
		display: block
	}

	.sNews-list .item .picBox {
		width: 100%
	}

	.sNews-list .item .txtBox {
		width: 100%;
		padding-bottom: 0
	}
}

@media screen and (max-width:1024px) {
	.sProduct-wrap .subpage-nav {
		margin-bottom: -.8rem;
		padding-top: 2rem
	}

	.sProduct-wrap .subpage-nav .link2 {
		opacity: .75
	}
}

.sProduct-intro .top {
	position: relative;
	padding: 2.4rem 0 2.8rem;
	text-align: center
}

.sProduct-intro .top .p {
	margin-left: auto;
	margin-right: auto;
	max-width: 51.66666667em;
	line-height: 2;
	color: #000
}

.sProduct-intro .top .btn-x1 {
	margin-top: 1rem
}

.sProduct-intro .bottom {
	position: relative;
	z-index: 1;
	background-color: #eee;
	padding-bottom: 37.5%;
	height: 0
}

.sProduct-intro .bottom .word {
	position: absolute;
	left: 100%
}

.sProduct-intro .bottom .word.w1 {
	z-index: -2;
	bottom: 100%;
	margin-bottom: -.4rem
}

.sProduct-intro .bottom .word.w2 {
	z-index: 3;
	bottom: 1rem;
	opacity: .6
}

.ysqUEO .sProduct-intro .bottom .word.w2 {
	color: transparent
}

@media screen and (max-width:1024px) {
	.sProduct-intro .top .p {
		line-height: 1.75
	}

	.sProduct-intro .bottom .word {
		left: 50%
	}

	.sProduct-intro .bottom .word.w1 {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.sProduct-intro .bottom .word.w2 {
		-webkit-transform: translateX(-75%);
		transform: translateX(-75%);
		opacity: .5
	}
}

.sProduct-sections {
	position: relative;
	overflow: hidden;
	z-index: 2;
	padding: 2.4rem 0
}

.sProduct-sections .section {
	position: relative;
	z-index: 1;
	padding: 1rem 0
}

.sProduct-sections .section .word {
	position: absolute;
	z-index: -1;
	pointer-events: none;
	top: 0
}

.sProduct-sections .section .w {
	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
}

.sProduct-sections .section .w:after {
	display: none
}

.sProduct-sections .section .picBox {
	width: 54.16666667%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1
}

.sProduct-sections .section .picBox .pic {
	width: 100%;
	height: 100%;
	background-color: #f1f1f1
}

.sProduct-sections .section .txtBox {
	width: 45.83333333%;
	position: relative;
	z-index: 3;
	padding-top: 1.2rem
}

.sProduct-sections .section .txtBox .txt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3.64583333vw 3.125vw 4.16666667vw;
	margin-bottom: -1px;
	background-color: #fdfdfd;
	background-image: url(../images/bgs-pdt-2-item.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sProduct-sections .section .txtBox .title {
	line-height: 1.5
}

.sProduct-sections .section .txtBox .title .icon {
	width: 52px;
	height: 52px;
	margin-right: .6rem
}

.sProduct-sections .section .txtBox .title .this {
	color: #000;
	font-weight: 700
}

.sProduct-sections .section .txtBox .abstract {
	margin-top: 2.08333333vw;
	line-height: 2;
	color: #414345;
	height: 8em;
	overflow-y: auto;
	padding-right: 20px;
	margin-right: -20px
}

.sProduct-sections .section .txtBox .btn-x1 {
	margin-top: .6rem
}

.sProduct-sections .section:nth-child(2n+1) .picBox {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.sProduct-sections .section:nth-child(2n+1) .txtBox .txt {
	margin-right: -6.25vw
}

.sProduct-sections .section:nth-child(2n+1) .word {
	right: 100%
}

.sProduct-sections .section:nth-child(2n+2) .txtBox .txt {
	margin-left: -6.25vw
}

.sProduct-sections .section:nth-child(2n+2) .word {
	left: 100%
}

.sProduct-sections .section:nth-child(1n+2) {
	margin-top: 1.2rem
}

.sProduct-sections .section.dn+.section {
	margin-top: 0
}

@media screen and (min-width:1025px) {
	.sProduct-sections .section .icon,.sProduct-sections .section .pic img {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.sProduct-sections .section:nth-child(2n+2) .txtBox .txt {
		background-color: #fff;
		background-image: none
	}

	.sProduct-sections .section:hover .title>.icon {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.sProduct-sections .section:hover .pic img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media screen and (max-width:1600px) {
	.sProduct-sections .section .txtBox .txt {
		padding-bottom: 3.125vw
	}
}

@media screen and (max-width:1024px) {
	.sProduct-sections .section {
		padding: 0
	}

	.sProduct-sections .section .w {
		display: block
	}

	.sProduct-sections .section .picBox {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sProduct-sections .section .picBox .pic {
		width: 100%;
		height: 0!important;
		padding-bottom: 68.33333333%
	}

	.sProduct-sections .section .txtBox {
		width: 100%;
		margin-top: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 0
	}

	.sProduct-sections .section .txtBox .txt {
		margin: 0!important;
		padding: 1.2rem 1rem
	}

	.sProduct-sections .section .txtBox .title .icon {
		width: 48px;
		height: 48px
	}

	.sProduct-sections .section .txtBox .abstract {
		height: auto;
		line-height: 1.75
	}

	.sProduct-sections .section .word {
		right: 15px!important;
		left: auto!important;
		top: auto!important;
		bottom: 0!important;
		margin-top: 68.33333333%;
		z-index: 6;
		opacity: .3
	}
}

.sHr-s1 {
	text-align: center;
	padding: 2rem 0
}

.sHr-s1 .head {
	color: #000;
	line-height: 1.5;
	font-weight: 700
}

.sHr-s1 .body {
	margin-top: .8rem;
	line-height: 2;
	color: #000
}

.sHr-s1 .btn-x1 {
	margin-top: 1rem
}

.sHr-s2 {
	z-index: 2;
	padding: 2.8rem 0;
	margin-top: -1.2rem;
	background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f5f6f6));
	background: linear-gradient(180deg,#fefefe 0,#f5f6f6 100%)
}

.sHr-s2 .w {
	position: relative;
	z-index: 1;
	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
}

.sHr-s2 .w:after {
	display: none
}

.sHr-s2 .left {
	width: 34.375vw;
	line-height: 1.5
}

.sHr-s2 .left .dt {
	color: #000;
	font-weight: 700
}

.sHr-s2 .left .dd {
	margin-top: .8rem;
	line-height: 2
}

.sHr-s2 .left .dd .p {
	padding: .4em 0
}

.sHr-s2 .right {
	width: 46.875vw;
	position: relative
}

.sHr-s2 .word {
	position: absolute;
	bottom: 100%;
	left: 100%;
	margin-bottom: -.2em
}

@media screen and (min-width:1025px) {
	.sHr-s2 .w {
		width: 100%;
		padding-left: var(--padw)
	}
}

@media screen and (max-width:1024px) {
	.sHr-s2 {
		margin-top: -2rem
	}

	.sHr-s2 .left {
		width: 100%;
		text-align: center
	}

	.sHr-s2 .left .dd {
		line-height: 1.75
	}

	.sHr-s2 .left .dd br {
		display: none
	}

	.sHr-s2 .right {
		width: 100%;
		margin-top: 1.2rem;
		padding-bottom: 20px
	}

	.sHr-s2 .word {
		opacity: .4!important;
		margin-bottom: -.25em;
		left: auto;
		right: 15px
	}
}

.sHr-s2-swiper {
	position: relative;
	width: 100%;
	z-index: 2
}

.sHr-s2-swiper .swiper-container {
	z-index: 1
}

.sHr-s2-swiper .swiper-wrapper {
	z-index: 2
}

.sHr-s2-swiper .item {
	position: relative;
	overflow: hidden;
	width: 40.36458333vw;
	margin-right: 1.5625vw
}

.sHr-s2-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 72.25806452%;
	background-color: #eee
}

.sHr-s2-swiper .swiper-fns {
	position: absolute;
	left: 0;
	right: var(--padw);
	top: 100%;
	margin-top: 1rem
}

@media screen and (max-width:1024px) {
	.sHr-s2-swiper .swiper-fns {
		right: 0
	}
}

.sHr-s3 {
	padding: 2.4rem 0 2rem
}

.sHr-s3>.w {
	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;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.sHr-s3>.w:after {
	display: none
}

.sHr-s3 .col {
	width: 5rem;
	position: relative;
	z-index: 1;
	padding: 0 0 .9rem .1rem
}

.sHr-s3 .col .num {
	font-size: 2em;
	color: #014c7e;
	font-weight: 700;
	font-family: Arial,sans-serif,'Microsoft YaHei','微软雅黑'
}

.sHr-s3 .col .p1 {
	margin-top: .8rem;
	font-size: 1em;
	color: #000
}

.sHr-s3 .col .p2 {
	margin-top: .7rem;
	color: #014c7e
}

.sHr-s3 .col:after,.sHr-s3 .col:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	bottom: 0;
	height: 4px
}

.sHr-s3 .col:before {
	left: 0;
	width: 100%;
	background-color: #e5e5e5
}

.sHr-s3 .col:after {
	left: 100%;
	width: 0;
	background-color: #014c7e
}

.sHr-s3 .col:nth-child(1) {
	margin-top: 0
}

.sHr-s3 .col:nth-child(2) {
	margin-top: 1.4rem
}

.sHr-s3 .col:nth-child(3) {
	margin-top: 0
}

.sHr-s3 .col:nth-child(4) {
	margin-top: 2.2rem
}

@media screen and (min-width:1025px) {
	.sHr-s3 .col:after {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.sHr-s3 .col:hover: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
	}
}

@media screen and (max-width:1024px) {
	.sHr-s3 .col {
		width: 20%
	}

	.sHr-s3 .col:active:after {
		left: 0;
		width: 100%;
		-webkit-transition: 0s;
		transition: 0s
	}
}

@media screen and (max-width:750px) {
	.sHr-s3 .col:nth-child(1n+1) {
		margin-top: 0;
		width: 45%
	}

	.sHr-s3 .col:nth-child(1n+3) {
		margin-top: 1.2rem
	}
}

.sHr-list {
	background-color: #fff;
	color: #000
}

.sHr-list .item {
	position: relative;
    overflow: hidden;
    background: #f4f4f4;
    border: #eef0f5 solid 1px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sHr-list .item .spreadBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1em;
	margin-top: -1em;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	background-color: #014c7e;
	color: #fff
}

.sHr-list .item .spreadBtn:after,.sHr-list .item .spreadBtn:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: currentColor;
	-webkit-transition: all 320ms ease-out 50ms;
	transition: all 320ms ease-out 50ms
}

.sHr-list .item .spreadBtn:before {
	width: 2px;
	height: 14px;
	margin-left: -1px;
	margin-top: -7px
}

.sHr-list .item .spreadBtn:after {
	width: 14px;
	height: 2px;
	margin-left: -7px;
	margin-top: -1px
}

.sHr-list .item .spreadBtn:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sHr-list .item .show {
	padding: .8rem 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: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.sHr-list .item .show:after {
	display: none
}

.sHr-list .item .show .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	width: calc(100% - 120px)
}

.sHr-list .item .show .left:after {
	display: none
}

.sHr-list .item .show .right {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 2em
}

.sHr-list .item .show .td {
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	text-align: left
}

.sHr-list .item .show .td:nth-child(1) {
	width: 12em
}

.sHr-list .item .show .td:nth-child(1n+2) {
	width: 6em;
	margin-left: 2.60416667vw
}

.sHr-list .item .show .td:nth-child(3) {
	width: 4.5em
}

.sHr-list .item .show .td:nth-child(4) {
	width: 12em
}

.sHr-list .item .show .td .sdt {
	color: #717171
}

.sHr-list .item .show .td .sdd {
	margin-top: .4rem;
	font-size: 1em
}

.sHr-list .item .hide {
	display: none;
	background-color: #014c7e
}

.sHr-list .item .hide,.sHr-list .item .hide a {
	color: #fff
}

.sHr-list .item .hide .imax {
	padding: 1rem 1.2rem
}

.sHr-list .item .hide .imax * {
	font: inherit!important
}

.sHr-list .item .hide .ci {
	color: #014c7e
}

.sHr-list .item.unfold {
	-webkit-box-shadow: 0 17px 17px rgba(0,0,0,.03),0 4px 9px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1);
	box-shadow: 0 17px 17px rgba(0,0,0,.03),0 4px 9px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1)
}

.sHr-list .item.unfold .spreadBtn {
	-webkit-transform: rotate(360deg)!important;
	transform: rotate(360deg)!important
}

.sHr-list .item.unfold .spreadBtn:before {
	height: 0;
	margin-top: 0
}

.sHr-list .item:nth-child(1n+2) {
	margin-top: .8rem
}

@media screen and (max-width:1024px) {
	.sHr-list .item .show {
		padding: 20px
	}

	.sHr-list .item .show .left {
		width: calc(96% - 36px);
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-right: -1.5em;
		font-size: 16px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.sHr-list .item .show .left .td {
		white-space: nowrap
	}

	.sHr-list .item .show .left .td .sdd {
		margin-top: 5px
	}

	.sHr-list .item .show .left .td:nth-child(1n+1) {
		width: 100%;
		margin-left: 0;
		margin-right: 1.5em
	}

	.sHr-list .item .hide .imax {
		padding: 20px
	}

	.sHr-list .item .show .left .td {
		margin-top: 5px;
		margin-bottom: 5px
	}

	.sHr-list .item .show .left .td .sdd,.sHr-list .item .show .left .td .sdt {
		display: inline-block;
		vertical-align: top;
		font-size: 16px
	}

	.sHr-list .item .show .left .td .sdt:after {
		content: "："
	}

	.sHr-list .item .show .left .td .sdd {
		margin-top: 0
	}
}

.sLive-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: 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
}

.sLive-list:after {
	display: none
}

.sLive-list .item {
	position: relative;
	overflow: hidden;
	z-index: 1;
	border: #ececec solid 1px;
	padding: 1rem .6rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sLive-list .item:nth-child(1n+1) {
	width: 32.77777778%;
	margin-left: .83333333%;
	margin-top: 0
}

.sLive-list .item:nth-child(3n+1) {
	margin-left: 0
}

.sLive-list .item:nth-child(1n+4) {
	margin-top: 1.66666667%
}

.sLive-list .item .title {
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 3em;
	color: #000;
	font-weight: 700
}

.sLive-list .item .abstract {
	margin-top: .8rem;
	color: #414345;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 3em
}

.sLive-list .item .time {
	margin-top: .8rem;
	color: #414345
}

.sLive-list .item:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	left: 100%;
	width: 0;
	bottom: -1px;
	height: 4px;
	background-color: #014c7e
}

.sLive-list .item:nth-child(3n+1) {
	-webkit-animation-delay: 120ms;
	animation-delay: 120ms
}

.sLive-list .item:nth-child(3n+2) {
	-webkit-animation-delay: 240ms;
	animation-delay: 240ms
}

.sLive-list .item:nth-child(3n+3) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms
}

@media screen and (min-width:1025px) {
	.sLive-list .item .title {
		-webkit-transition: all 320ms ease-out 0s;
		transition: all 320ms ease-out 0s
	}

	.sLive-list .item:hover .title {
		color: #014c7e
	}

	.sLive-list .item:hover: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
	}
}

@media screen and (max-width:1024px) {
	.sLive-list .item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px
	}

	.sLive-list .item:nth-child(1n+1) {
		width: 48.5%;
		margin-left: 3%;
		margin-top: 0
	}

	.sLive-list .item:nth-child(2n+1) {
		margin-left: 0
	}

	.sLive-list .item:nth-child(1n+3) {
		margin-top: 3%
	}

	.sLive-list .item:active .title {
		color: #014c7e
	}

	.sLive-list .item:active:after {
		left: 0;
		width: 100%;
		-webkit-transition: 0s;
		transition: 0s
	}
}

@media screen and (max-width:750px) {
	.sLive-list .item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.sLive-list .item:nth-child(1n+1) {
		width: 100%;
		margin-left: 0;
		margin-top: 0
	}

	.sLive-list .item:nth-child(1n+1) {
		margin-left: 0
	}

	.sLive-list .item:nth-child(1n+2) {
		margin-top: 3%
	}
}

.sView-head {
	position: relative;
	z-index: 2;
	padding-bottom: .9rem;
	text-align: center;
	border-bottom: #cfd6da solid 1px
}

.sView-head .title {
	line-height: 1.5;
	color: #000;
	font-weight: 700
}

.sView-head .aside {
	margin-top: .64rem;
	color: #717171;
	line-height: 1.5
}

.sView-head .aside .dib {
	margin-right: .8rem
}

.sView-head .aside .share {
	float: right;
	font-size: 14px;
	margin-left: 2em
}

.sView-head .aside .share .icon {
	width: 28px;
	height: 28px
}

.sView-head .aside .share .btn {
	margin-left: 5px
}

.sView-head._skin_2 {
	padding-right: 240px
}

.sView-head._skin_2 .btn-x1 {
	position: absolute;
	right: 0;
	top: .5rem
}

@media screen and (max-width:1024px) {
	.sView-head {
		text-align: center
	}

	.sView-head .aside .dib {
		margin: 0 .2rem
	}

	.sView-head .aside .share {
		float: none;
		display: block;
		margin-top: 10px;
		margin-left: 0
	}

	.sView-head._skin_2 {
		padding-right: 0
	}

	.sView-head._skin_2 .btn-x1 {
		position: relative;
		right: auto;
		top: auto;
		margin-top: .8rem;
		margin-left: auto;
		margin-right: auto
	}
}

.sView-body {
	/* margin-top: 1rem */
}
.sView-con{
	padding: 1.2rem 1rem;
}

.sView-foot {
	/* margin-top: 1.2rem; */
	margin-bottom: -.6rem;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: 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
}

.sView-foot:after {
	display: none
}

.sView-foot>a {
	color: #000;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04);
	padding: .6rem 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sView-foot>a:hover {
	color: #014c7e
}

.sView-foot .ctr {
	border-top: #000 solid 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sView-foot .ctr[href=""],.sView-foot .ctr[href="#sA_subpage"] {
	cursor: not-allowed;
	color: #717171!important;
	font-weight: 400
}

.sView-foot .btn-backToList i{
	font-size: 24px;
}

@media screen and (min-width:1025px) {
	.sView-foot .ctr {
		width: 41.66666667%
	}

	/* .sView-foot .ctr:before {
		content: " ";
		z-index: -1;
		pointer-events: none;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.47 8.375H1v3.25h11.47V16.5L19 10l-6.53-6.5v4.875z' fill='%23b53437'/%3E%3C/svg%3E");
		background-size: 100% 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat
	} */

	.sView-foot .ctr>s:after {
		content: "："
	}
	.sView-foot .ctr i{
		font-size: 18px;
		color: #014c7e;
	}
	.sView-foot .ctr.prev {
		text-align: left
	}

	.sView-foot .ctr.prev:before {
		left: 0;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.sView-foot .ctr.next {
		text-align: right
	}

	.sView-foot .ctr.next:before {
		right: 0
	}
}

@media screen and (max-width:1024px) {
	.sView-foot {
		border-top: #ccc solid 1px
	}

	.sView-foot>a {
		padding: .8rem
	}

	.sView-foot .ctr {
		border-top: none
	}

	.sView-foot .ctr .limit {
		display: none
	}

	.sView-foot .btn-backToList {
		display: block
	}
}

.sSearch-panel {
	position: relative;
	z-index: 8;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #014c7e;
	color: #fff;
	margin-top: 1px
}

.subpage-banner+.sSearch-panel {
	margin-top: -60px
}

.sSearch-panel .contain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	height: 100%
}

.sSearch-panel .contain:after {
	display: none
}

@media screen and (max-width:1024px) {
	.sSearch-panel .contain {
		display: block
	}
}

.sSearch-panel .keywords {
	padding: 18px 0 18px 6em;
	line-height: 24px;
	height: 24px
}

.sSearch-panel .keywords .sdt {
	float: left;
	margin-left: -6em
}

.sSearch-panel .keywords .sdd {
	position: relative;
	width: 480px
}

.sSearch-panel .keywords .sdd._bindjs {
	padding-right: 40px
}

.sSearch-panel .keywords .sdd .link {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	line-height: 24px;
	font-size: 14px
}

.sSearch-panel .keywords .sdd .link:nth-child(1n+2) {
	margin-left: 15px
}

.sSearch-panel .keywords .sdd .ctr-navLR {
	height: 40px;
	line-height: 40px;
	top: 50%;
	margin-top: -20px
}

.sSearch-panel .result {
	max-width: calc(100% - 272px);
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sSearch-panel .result .ci {
	text-decoration: underline;
	margin: 0 2px;
	font-size: 1.1em
}

.sSearch-panel .searchBox {
	position: relative;
	height: 32px;
	line-height: 32px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sSearch-panel .searchBox .skin {
	width: 240px;
	height: 32px;
	line-height: 32px;
	padding: 0 48px 0 20px;
	border-radius: 32px;
	background-color: #fff;
	font-size: 14px;
	color: #414345;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sSearch-panel .searchBox .enter {
	position: absolute;
	right: 8px;
	top: 0;
	width: 32px;
	height: 32px;
	background-image: url(../images/icon-search.svg);
	background-size: 24px 24px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	text-indent: -9999px
}

.sSearch-panel .searchBox .enter:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

@media screen and (max-width:1024px) {
	.sSearch-panel {
		height: 32px;
		line-height: 32px;
		padding: 8px 0
	}

	.subpage-banner+.sSearch-panel {
		margin-top: -48px
	}

	.sSearch-panel .keywords,.sSearch-panel .result {
		display: none
	}

	.sSearch-panel .searchBox {
		margin-left: auto
	}

	.sSearch-panel .searchBox .skin {
		width: 100%
	}
}

.sSearch-list {
	margin-top: .8rem
}

.sSearch-list .item {
	position: relative;
	z-index: 2;
	border-bottom: #d9d9d9 solid 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 24px
}

.sSearch-list .item:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 100%;
	bottom: -1px;
	width: 0;
	height: 1px;
	background-color: #014c7e;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sSearch-list .item .title {
	margin-right: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sSearch-list .item .keyColor {
	color: #014c7e
}

.sSearch-list .item .date {
	position: absolute;
	right: 0;
	top: 15px;
	color: #717171
}

.sSearch-list .item .abstract {
	margin-top: 4px;
	font-size: 14px;
	line-height: 22px
}

@media screen and (min-width:1025px) {
	.sSearch-list .item:hover:before {
		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
	}
}

@media screen and (max-width:1024px) {
	.sSearch-list .item {
		border-bottom-color: #014c7e
	}
}

.sSearch-list .emptyList {
	border-bottom: none;
	font-weight: 400;
	letter-spacing: 2px
}

.sSearch-list .emptyList:before {
	display: none
}

@media screen and (max-width:1024px) {
	.sSearch-list .item {
		padding: 10px 0
	}

	.sSearch-list .item .date {
		top: 10px
	}
}

@media screen and (max-width:1800px){
    .footer-t .fnav .item:nth-child(1n+2){
        margin-left: 2.5vw;
    }
    .footer-t .flogo{
        width: 8em;
    }
}
@media screen and (max-width:1024px){
    .header_zs_box li{margin: 0 5px;}
    .header_zs_box li img{height:30px;}
    .header .logo ._img{width: 94px;}
    .header .fns{        display: none;}
    .index-banner .item .contain img{
        max-width: 90%;
    }
    .birth .cbox .form .input1{
        height: 40px;
        line-height: 40px;
        text-indent: 50px;
        background: url(../images/search.png) 10px center no-repeat;
    }
    .birth .cbox .form .btn1{
        height: 40px;
        line-height: 40px;
    }
    .birth .cbox .keywords{margin-top:4px;}
    .birth .cbox .keywords a{padding-right: 0px;}
    .floatBar{right: 0;display: none;}
    .floatBar .item, .floatBar .item .come, .floatBar .item .stay{padding: 5px;}
    .index-product .txtBox .txt::before{    width: 100px;    height: 80px;}
    .index-about .intro{font-size:14px;}
    .index-about .intro span{font-size:16px!important;}
    .flowlist{    flex-wrap: wrap;}
    .flowlist .item,.flowlist .item:last-child{         
        width: calc((100% - 30px) /4);
        padding-right: 0;
        margin-left: 10px;
    }
    .flowlist .item:nth-child(1){margin-left: 0px;}
    .flowlist .item .itemInfo{padding: 5px;height: 120px;}
    .flowlist .item .itemInfo ._name{font-size:16px;}
    .flowlist .item .itemInfo ._icon i{font-size:28px;}
    .flowlist .item .sort{    width: 40px;    height: 45px;}
    .flowlist .item strong{    left: -40px;    top: -40px;    width: 80px;    height: 80px;}
    .flowlist .item strong em{
        right: 14px;
        bottom: 15px;
        font-size: 18px;
    }
    .flowlist .item .itemInfo ._icon{    margin: 0 auto;height: 50px;}
    .flowlist .item>i{
        font-size: 16px;
        top: 52px;
        transform: none;
        right: -16px;
        z-index: 2;
    }
    /*.flowlist .item:nth-child(2)>i{*/
    /*    top: 100%;*/
    /*    margin-top: 14px;*/
    /*    transform: rotate(90deg);*/
    /*    right: 40%;*/
    /*}*/
    /*.flowlist .item:nth-child(3)>i{*/
    /*    transform: rotate(180deg);*/
    /*}*/
    .index-section,.index-insight{    padding: 1.8rem 0;}
    .index-product .txtBox .title i{font-size: 36px;}
    .scroll-wrap{padding-bottom: 0;}
    .subpage-banner .p2{font-size: 4em;}
    .subpage-nav .link2{height: 2.4rem;    font-size: 16px;width: 5em;    line-height: 2.4rem;}
    .aboutcon{font-size: 15px;}
    .aboutcon span{font-size: 17px!important;}
    .courseSwiper{width: 100%;}
    .courseSwiper ._item ._times{font-size: 18px;}
    .courseSwiper ._item ._info ._line{font-size: 15px;    margin-right: 20px;line-height: 1.8;}
    .courseTabSwiper ._item ._text ._time span{font-size: 14px;}
    .courseTabSwiper ._item ._text ._time{font-size: 12px;}
    .abTeamBox{padding-left: 0;}
    .abTeamInfo_switch{margin-right: 5px;}
    .abTeamInfo{
        position: relative;
        left: 0;
        bottom: 0;
        transform: none;
        padding: 0;
    }
    .abTeamInfo>div{width: 100%;padding: 0;}
    .abTeamInfo>div:after,.abTeamInfo>div:before{content: none;}
    .abTeamInfo_switch>a>i{font-size: 20px;}
    /*#abTeamInfo .info{padding-right: 50px;}*/
    #abTeamInfo .info .tit{margin-bottom: 10px;font-size: 20px;}
    #abTeamInfo .info .infoName{font-size: 18px;margin-bottom: 20px;}
    #abTeamInfo .info .infoLine{
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    .abTeamInfo .infoBtn{
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .abTeamInfo_switch>a{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .abTeamImg{
        padding-left: 0;
        box-sizing: border-box;
    }
    .partner ._list .item{
        width: 25%;
    }
    .partner ._list .item a{
        height: 80px;
    }
    .projectList{height: auto;}
    .projectList .itemIcon{
        bottom: 10px;
        width: 50px;
    }
    .projectList .itemTps{
        font-size: 18px;
    }
    .projectList .itemTps:after{width: 24px;}
    .projectList .itemLine{
        font-size: 14px;
        line-height: 1.8;
        padding-right: 50px;
    }
    .projectList .itemLine>p:before{top: 10px;}
    .project_item a{display:block;}
    .project_item .project_bg,.project_item .project_txt,.siteBox ._info,.siteBox ._map{width: 100%;}
    .project_item .project_txt{    padding: 14px;}
    .project_cnt .project_icon i{font-size: 28px;}
    .project_cnt{padding-left: 0;}
    .project_cnt .project_obj{    position: relative;width: 50px;    height: 50px;margin: 10px 10px 20px;}
    .project_cnt .project_title{font-size: 18px;}
    .project_cnt .project_con .project_p{    height: 76px;}
    .project_cnt .project_con,.project_cnt .project_con .project_i p,
    #project_content .dd .section .sdt, .footer-t .fnav .item .sdt, .fz18, .imax, .index-banner .birth .cbox, .index-product .txtBox .abstract, .modal-searchForm .searchBox .enter, .sAbout-s1 .intro .right .imax, .sAbout-s2 .intro .right .imax, .sAbout-s2 .list3 .item .txt .sdt, .sContact-s1-form .thead .sdd, .sContact-s2-way .dd .col, .sHr-list .item .show .td, .sHr-s1 .body, .sInsight-hotspot .right .abstract, .sLive-list .item .abstract, .sNews-list .item .txtBox .abstract, .sPp-spes .section .txtBox .abstract, .sPp-tab0 .points-list .item .sdt, .sProduct-sections .section .txtBox .abstract, .sProject-s1 .intro .right .imax, .sProject-s2 .intro .right .imax, .sView-body .imax, .sView-foot>a, .subpage-crumbs{font-size: 14px;}
    .sPp-spes .section .txtBox .title i{    font-size: 32px;}
    .sPp-tab1{margin-top: 0.2rem;}
    .proshowcon .tit h6{padding: 16px;    font-size: 16px;}
    .index-project-swiper .item .txt .p1{font-size:16px;}
    .w .equip-list .item{width: 100%;        margin: 0 0 15px;}
    .siteBox{display: block;}
    .siteBox ._info ._code ._img{width: 110px;    height: 110px;}
    .siteBox ._info ._code{margin-bottom: 20px;}
    .index-project .intro{margin: 0 !important; width: 100% !important;}
    .btn-x1 .this{font-size: 14px;}
    .btn-x1 .sq3>s{height: 7px;width:7px;}
    .btn-x1 .sq3>s:nth-child(1n+2){margin-left:5px;}
}