body,html {

	margin: 0;

	padding: 0

}



html {

	overflow-y: scroll

}



body,input {

	font-size: 14px;

	font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;

	-webkit-text-size-adjust: none;

	text-rendering: optimizelegibility

}



dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,textarea,ul {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0;

	padding: 0;

	list-style: none;

	color: #000

}



img {

	border: none

}



button,input,select,textarea {

	outline: 0;

	resize: none

}



a:link,a:visited {

	text-decoration: none

}



.clearfix:after {

	clear: both;

	display: table;

	height: 0;

	content: ""

}



::-webkit-scrollbar {

	width: 7px;

	height: 7px

}



::-webkit-scrollbar-button {

	width: 0;

	height: 0

}



::-webkit-scrollbar-thumb {

	background-color: rgba(0,0,0,.23)

}



::-webkit-scrollbar-thumb:hover {

	background-color: rgba(0,0,0,.35)

}



::-webkit-scrollbar-thumb:active {

	background-color: rgba(0,0,0,.45)

}



.x-container-full {

	width: 100%;

	position: relative;

	overflow: hidden;

	min-width: 1200px;

	max-width: 1920px;

	margin: 0 auto;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



.x-gray {

	background-color: #f2f1f0

}



.x-container {

	width: 1200px;

	margin: 0 auto;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



mask {

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .5;

	left: 0;

	top: 0;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}



.x-new-footer .x-container .x-t .x-l {

	-webkit-box-sizing: content-box;

	box-sizing: content-box

}



.swiper-container {

	margin: 0 auto;

	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;

	-o-transition-property: 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: translateZ(0);

	transform: translateZ(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;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto

}



.swiper-slide {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative;

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	-o-transition-property: transform;

	transition-property: transform;

	transition-property: transform,-webkit-transform

}



.swiper-invisible-blank-slide {

	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;

	-o-transition-property: transform,height;

	transition-property: transform,height;

	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-linear-gradient(right,rgba(0,0,0,.5),transparent);

	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);

	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));

	background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)

}



.swiper-container-3d .swiper-slide-shadow-right {

	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);

	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);

	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));

	background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)

}



.swiper-container-3d .swiper-slide-shadow-top {

	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);

	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);

	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));

	background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)

}



.swiper-container-3d .swiper-slide-shadow-bottom {

	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);

	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);

	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));

	background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)

}



.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: 50%;

	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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")

}



.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: opacity .3s;

	-o-transition: .3s opacity;

	transition: opacity .3s;

	-webkit-transform: translateZ(0);

	transform: translateZ(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);

	-ms-transform: scale(.33);

	transform: scale(.33);

	position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

	-webkit-transform: scale(.66);

	-ms-transform: scale(.66);

	transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

	-webkit-transform: scale(.33);

	-ms-transform: scale(.33);

	transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

	-webkit-transform: scale(.66);

	-ms-transform: scale(.66);

	transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

	-webkit-transform: scale(.33);

	-ms-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%);

	-ms-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: top .2s,-webkit-transform .2s;

	-o-transition: .2s top,.2s -webkit-transform;

	transition: top .2s,-webkit-transform .2s;

	-o-transition: .2s transform,.2s top;

	-webkit-transition: transform .2s,top .2s;

	transition: transform .2s,top .2s;

	-webkit-transition: transform .2s,top .2s,-webkit-transform .2s;

	-o-transition: .2s transform,.2s top,.2s -webkit-transform;

	transition: transform .2s,top .2s,-webkit-transform .2s

}



.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%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	white-space: nowrap

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

	-webkit-transition: left .2s,-webkit-transform .2s;

	-o-transition: .2s left,.2s -webkit-transform;

	transition: left .2s,-webkit-transform .2s;

	-o-transition: .2s transform,.2s left;

	-webkit-transition: transform .2s,left .2s;

	transition: transform .2s,left .2s;

	-webkit-transition: transform .2s,left .2s,-webkit-transform .2s;

	-o-transition: .2s transform,.2s left,.2s -webkit-transform;

	transition: transform .2s,left .2s,-webkit-transform .2s

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

	-webkit-transition: right .2s,-webkit-transform .2s;

	-o-transition: .2s right,.2s -webkit-transform;

	transition: right .2s,-webkit-transform .2s;

	-o-transition: .2s transform,.2s right;

	-webkit-transition: transform .2s,right .2s;

	transition: transform .2s,right .2s;

	-webkit-transition: transform .2s,right .2s,-webkit-transform .2s;

	-o-transition: .2s transform,.2s right,.2s -webkit-transform;

	transition: transform .2s,right .2s,-webkit-transform .2s

}



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

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: left top;

	-ms-transform-origin: left top;

	transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	-webkit-transform-origin: right top;

	-ms-transform-origin: right top;

	transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progressbar {

	width: 100%;

	height: 4px;

	left: 0;

	top: 0

}



.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: hsla(0,0%,100%,.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-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-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%;

	-ms-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;

	animation: swiper-preloader-spin 1s steps(12) infinite

}



.swiper-lazy-preloader:after {

	display: block;

	content: "";

	width: 100%;

	height: 100%;

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%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 viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")

}



@-webkit-keyframes swiper-preloader-spin {

	to {

		-webkit-transform: rotate(1turn);

		transform: rotate(1turn)

	}

}



@keyframes swiper-preloader-spin {

	to {

		-webkit-transform: rotate(1turn);

		transform: rotate(1turn)

	}

}



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

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

	pointer-events: none;

	-webkit-transition-property: opacity;

	-o-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;

	-ms-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;

	-ms-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

}



.x-header {

	position: relative;

	z-index: 5

}



@font-face {

	font-family:fz;src:url(../assets/images/FZQKBYSJW.baa09b2.ttf)

}



.x-rhll-nav {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-line-pack: center;

	align-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 205px;

	background: url(../assets/images/x-nav-bg.3258a65.png) no-repeat calc(100% - 50px) bottom,url(../assets/images/x-nav-bg.cecf03a.jpg) repeat-x 0 0;

	padding: 0 20px

}



.x-rhll-nav .l {

	width: 565px;

	height: 55px;

	background: url(https://file.shxdf.cn/static/pclogo.jpg) no-repeat 0 0;

    background-size: 100%;
    opacity: 0;

}



.x-rhll-nav .l a {

	display: block;

	width: 100%;

	height: 100%

}



.x-rhll-nav .c {

	width: 525px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	margin: 0 5%

}



.x-rhll-nav .c a {

	width: 48px;

	color: #000;

	font-size: 28px;

	text-align: center;

	font-family: fz;

	border: 1px solid;

	border-top: none;

	border-bottom: none;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}



.x-rhll-nav .c a:hover {

	background: #000;

	-webkit-transform: translateY(10px);

	-ms-transform: translateY(10px);

	transform: translateY(10px);

	color: #fff

}



.x-rhll-nav .r {

	width: 225px;

	height: 40px;

	background: url(data:image/jpeg;

	base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjE5RjFGREQzMjU1MTFFOTkwNEVFNTY3NTdDQzdFNkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjE5RjFGREUzMjU1MTFFOTkwNEVFNTY3NTdDQzdFNkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTlGMUZEQjMyNTUxMUU5OTA0RUU1Njc1N0NDN0U2QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTlGMUZEQzMyNTUxMUU5OTA0RUU1Njc1N0NDN0U2QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABpMAAAu4AAANrQAAD5j/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) no-repeat 0 0;display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}



.x-rhll-nav .r a {

	width: 25%;

	height: 40px

}



@media screen and (max-width:1800px) {

	.x-rhll-nav .r {

		display: none

	}

}



.x-banner {

	height: 924px;

	background: url(../assets/images/bnr.4926c4c.jpg?099) no-repeat center 0;

	cursor: pointer

}



.swiper {

	overflow: hidden

}



.x-con-pages-t {

	text-align: center;

	font-size: 48px;

	padding: 120px 0 70px;

	font-family: fz;

	position: relative

}



.x-con-pages-t:after,.x-con-pages-t:before {

	content: "";

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	height: 1px;

	background: #000

}



.x-con-pages-t:after {

	width: 66px;

	bottom: 54px

}



.x-con-pages-t:before {

	width: 34px;

	bottom: 47px

}



.x-con-pages-t span {

	display: block;

	font-size: 20px;

	font-weight: lighter;

	line-height: 26px;

	font-family: "\5FAE\8F6F\96C5\9ED1"

}



.x-con-1 .swiper {

	position: relative

}



.x-con-1 .swiper .swiper-wrapper {

	z-index: 1

}



.x-con-1 .swiper .info {

	z-index: 2;

	position: absolute;

	width: 160px;

	height: 435px;

	background: url(data:image/jpeg;

	base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFQjlGRTQ1MzM0ODExRTk5OEEyQTBCNDc3MzUzMzc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFQjlGRTQ0MzM0ODExRTk5OEEyQTBCNDc3MzUzMzc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzZGRDhENzMyNjExMUU5QUMwMkRFMzQwRTg0QzA2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzZGRDhEODMyNjExMUU5QUMwMkRFMzQwRTg0QzA2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABpoAAAccAAAI/AAACTH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/CABEIAbMAoAMBEQACEQEDEQH/xAB8AAEBAQAAAAAAAAAAAAAAAAAACQYBAQAAAAAAAAAAAAAAAAAAAAAQAAMAAwAAAAAAAAAAAAAAAAAGFnCQoBEAAQUBAQAAAAAAAAAAAAAA0gADlAU2cJASAQAAAAAAAAAAAAAAAAAAAKATAQAAAAAAAAAAAAAAAAAAAKD/2gAMAwEAAhEDEQAAAZ/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA34AAAAAAAAALfgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/9oACAEBAAEFAs4SbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbSSbTtJ//aAAgBAgABBQLhM//aAAgBAwABBQLhM//aAAgBAgIGPwIJn//aAAgBAwIGPwIJn//aAAgBAQEGPwLuGatYb4LNWsN8FmrWG+CzVrDfBZq1hvgs1aw3wWatYb4LNWsN8FmrWG+CzVrDfBZq1hvgs1aw3wWatYb4LNWsN8FmrWG+CzVrDfBZq1hvgs1aw3wWatYb4LNWsN8PUn//2gAIAQEDAT8hCY0aNGjRo0aNGjRo0aNGjRo0af/aAAgBAgMBPyEJn//aAAgBAwMBPyEJn//aAAwDAQACEQMRAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkkkkkkkkkkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//2gAIAQEDAT8QCZo0aNGjRo0aNGjRo0aNGjRo0f/aAAgBAgMBPxAJn//aAAgBAwMBPxAJn//Z) no-repeat 0 0;top: 0;

	left: 96px

}



.x-con-1 .swiper .info ul {

	width: 100%;

	position: relative;

	height: 100%;

	overflow: hidden

}



.x-con-1 .swiper .info ul li {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	-webkit-transform: rotateY(90deg) scaleX(.6);

	transform: rotateY(90deg) scaleX(.6);

	opacity: 0

}



.x-con-1 .swiper .info ul li.on {

	opacity: 1;

	-webkit-transition: all .3s ease-in-out .3s;

	-o-transition: all .3s ease-in-out .3s;

	transition: all .3s ease-in-out .3s;

	-webkit-transform: rotateY(0) scaleX(1);

	transform: rotateY(0) scaleX(1)

}



.x-con-1 .swiper .swiper-btn {

	bottom: 0;

	left: 29px

}



.swiper-btn {

	width: 102px;

	height: 30px;

	position: absolute;

	border: 1px solid #bfbfbf

}



.swiper-btn:after {

	content: "";

	position: absolute;

	left: 50.5px;

	width: 1px;

	height: 29px;

	top: 0;

	background: #bfbfbf

}



.swiper-btn .swiper-button-next,.swiper-btn .swiper-button-prev {

	width: 50%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	height: 30px;

	margin: 0;

	padding: 0;

	top: 0;

	left: 0;

	background-image: url(data:image/png;

	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDI0Njg4MzMyNUYxMUU5ODA4MzgzMTZCNkZCRkIyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDI0Njg4NDMyNUYxMUU5ODA4MzgzMTZCNkZCRkIyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFEMjQ2ODgxMzI1RjExRTk4MDgzODMxNkI2RkJGQjJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFEMjQ2ODgyMzI1RjExRTk4MDgzODMxNkI2RkJGQjJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+odkFJgAAAPZJREFUeNqslLsOAUEUhq14Go1bNJ5CoRG2Eg0NobXFRmhIUChcEmELjcJ7uD2AznPI+iaZgo1Yu2dP8uefYvLtf2bOjuG6bizKiv+70bKsETIjAQLaYB2U9Ntr+LUMbIdV0d627bIoIbB1EJiqxA+Yg1WQA8wUXQqwlYYdgsC+AoEtsZpusxR0bD4uBdgCq6MjsKJoDvVoKNgsLMzbckr7Pao/pYDOKiFpB2GB3jM0sAtKoz6t90TAN7BKmkVjoF0xUEOvOukEaFv82gDJ6DNtAZ+KE74lvekJmPORZhTPVw6dUAP4UAwk1RPlWW7RQ9xy0HoJMAB1VGhLWlFLYgAAAABJRU5ErkJggg==);background-repeat: no-repeat;

	background-position: 50%;

	background-size: 20px;

	outline: none;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}



.swiper-btn .swiper-button-next {

	-webkit-transform-origin: right center;

	-ms-transform-origin: right center;

	transform-origin: right center;

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg)

}



.x-con-2 {

	padding-bottom: 150px

}



.x-con-2:after {

	position: absolute;

	left: 0;

	bottom: 150px;

	content: "";

	width: 100%;

	height: 1px;

	background: #bfbfbf

}



.x-con-2 .main {

	height: 530px

}



.x-con-2 .main,.x-con-2 .main .swiper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}



.x-con-2 .main .swiper {

	width: 1000px

}



.x-con-2 .main .swiper span {

	width: 20%;

	height: 100%;

	background-image: url(../assets/images/c2-1.c33cb19.jpg);

	background-repeat: no-repeat;

	background-position-y: 0;

	-webkit-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	background-size: 1000px

}



.x-con-2 .main .swiper span:hover {

	background-image: url(../assets/images/c2-2.a8cf7f2.jpg)

}



.x-con-2 .x-swt-line {

	width: 200px;

	height: 100%;

	background: #373155;

	color: #fff;

	z-index: 1

}



.x-con-2 .x-swt-line span {

	width: 40px;

	font-size: 34px;

	font-family: fz

}



.x-con-2 .swiper-btn {

	background: #fff;

	z-index: 2;

	bottom: 135px;

	left: calc(100% - 258px)

}



.x-swt-line {

	position: relative;

	cursor: pointer;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	padding: 1%

}



.x-swt-line,.x-swt-line:after {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: .3s ease-in-out all;

	transition: all .3s ease-in-out

}



.x-swt-line:after {

	content: "";

	width: 100%;

	height: 100%;

	border: 1px solid #fff;

	z-index: 1

}



.x-swt-line span {

	position: absolute;

	z-index: 2;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	line-height: 1.1

}



.x-con-3 {

	height: 570px;

	background: url(../assets/images/c3-1.5ab4953.jpg) no-repeat 50% fixed

}



.x-con-3 .mask {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .7;

	z-index: 1

}



.x-con-3 .x-con-pages-t {

	padding-top: 90px;

	color: #fff

}



.x-con-3 .x-con-pages-t:after,.x-con-3 .x-con-pages-t:before {

	background: #fff

}



.x-con-3 .x-container {

	position: relative;

	z-index: 2

}



.x-con-3 p {

	font-size: 26px;

	line-height: 48px;

	text-align: center;

	padding: 18px 0 50px;

	color: #fff;

	opacity: .8;

	font-weight: lighter

}



.x-con-3 .video {

	width: 90px;

	height: 90px;

	margin: 0 auto;

	background: url("../images/play.png") no-repeat;

	background-size: 100%;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	opacity: .7

}



.x-con-3:hover .video {

	opacity: 1

}



.x-con-4 ul,.x-con-4 ul li {

	height: 620px

}



.x-con-4 ul li:first-of-type {

	background: #c9c9c9

}



.x-con-4 ul li:nth-of-type(2) {

	background: hsla(0,0%,78.8%,.8)

}



.x-con-4 ul li:nth-of-type(3) {

	background: hsla(0,0%,78.8%,.6)

}



.x-con-4 ul li:nth-of-type(4) {

	background: hsla(0,0%,78.8%,.4)

}



.x-con-4 ul li.on {

	background: #373155;

	-webkit-filter: none;

	filter: none;

	width: 888px

}



.x-con-4,.x-con-9 {

	overflow: hidden;

	position: relative;

	padding: 80px 0 40px

}



.x-con-4 ul,.x-con-9 ul {

	position: relative

}



.x-con-4 li,.x-con-9 li {

	display: block;

	position: relative;

	float: left;

	width: 104px;

	overflow: hidden;

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

	-webkit-transition: all .45s ease-in-out;

	-o-transition: all .45s ease-in-out;

	transition: all .45s ease-in-out

}



.x-con-4 li img,.x-con-9 li img {

	position: absolute;

	left: 0;

	top: 20px;

	display: block

}



.x-con-4:after,.x-con-9:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 40px;

	width: 100%;

	height: 1px;

	background: #bfbfbf

}



.x-con-4 .swiper-btn,.x-con-9 .swiper-btn {

	background: #fff;

	z-index: 2;

	bottom: 25px;

	left: calc(100% - 258px)

}



.x-con-5 .main {

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: center;

	align-content: center;

	position: relative;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	background: url(../assets/images/c5-bg.082dfdf.jpg)

}



.x-con-5 .l {

	width: 37.5%;

	height: 100%

}



.x-con-5 .l ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin: 0 auto;

	width: 52%;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	padding-top: 10%

}



.x-con-5 .l li {

	width: 23%;

	color: #000;

	margin: 5% 2%;

	font-family: fz;

	text-align: center;

	font-size: 50px;

	border: 1px solid;

	position: relative;

	cursor: pointer;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-line-pack: distribute;

	align-content: space-around;

	height: 200px;

	padding: 1%;

	-o-transition: all .3s ease-in-out

}



.x-con-5 .l li,.x-con-5 .l li:after {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.x-con-5 .l li:after {

	opacity: 0;

	content: "";

	width: 100%;

	height: 100%;

	border: 1px solid #fff;

	-o-transition: .3s ease-in-out all;

	z-index: 1

}



.x-con-5 .l li span {

	position: absolute;

	z-index: 2;

	line-height: 74px;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%)

}



.x-con-5 .l li.on {

	background: #373155;

	color: #fff

}



.x-con-5 .l li.on:after {

	opacity: 1

}



.x-con-5 .swiper {

	width: 62.5%

}



.x-con-5 .swiper img {

	display: block;

	width: 100%

}



.x-con-5 .x-swt-line {

	width: 406px;

	height: 65px;

	color: #000;

	margin: 80px auto 150px;

	border: 1px solid;

	font-size: 30px;

	padding: 5px;

	font-family: fz

}



.x-con-5 .x-swt-line span {

	width: 100%;

	text-align: center

}



.x-con-5 .x-swt-line:hover {

	background: #373155;

	color: #fff

}



.x-con-5 .x-b {

	left: 6%;

	bottom: 0;

	padding: 0 70px;

	background: url(data:image/png;

	base64,iVBORw0KGgoAAAANSUhEUgAAAhIAAAACCAYAAAANdDUNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NDJBQzZDMzMzNTIxMUU5OEVDMkYxMUE0NTQ2MzY3MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NDJBQzZDNDMzNTIxMUU5OEVDMkYxMUE0NTQ2MzY3MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0MkFDNkMxMzM1MjExRTk4RUMyRjExQTQ1NDYzNjcxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg0MkFDNkMyMzM1MjExRTk4RUMyRjExQTQ1NDYzNjcxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DmICJQAAADFJREFUeNrs17ENACAQA7G8xP4rh5Ie0WEvcbrJ0fxnAgDv/NTSaZslqgBgUG9tAQYA16AFBf/GnS4AAAAASUVORK5CYII=) no-repeat 0

}



.x-con-5 .x-b,.x-con-5 .x-b li {

	width: 535px;

	height: 240px;

	position: absolute;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



.x-con-5 .x-b li {

	padding: 0 80px;

	left: 0;

	top: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-line-pack: center;

	align-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-size: 28px;

	line-height: 36px;

	font-family: fz;

	text-align: center;

	opacity: 0;

	-webkit-transition: all .1s ease;

	-o-transition: all .1s ease;

	transition: all .1s ease;

	-webkit-transform: rotateX(90deg) scaleY(.6);

	transform: rotateX(90deg) scaleY(.6)

}



.x-con-5 .x-b li.on {

	opacity: 1;

	-webkit-transform: rotateX(0deg) scaleY(1);

	transform: rotateX(0deg) scaleY(1);

	-webkit-transition: all .3s ease .1s;

	-o-transition: all .3s ease .1s;

	transition: all .3s ease .1s

}



.x-con-6 {

	padding: 140px 0 160px;

	background: #eee

}



.x-con-6 .x-wrap {

	height: 530px;

	background: url("../images/from_bg.png") no-repeat;

	background-size: 100%;

}



.x-con-6 .x-con-pages-t {

	padding: 70px 0 70px;

	margin-bottom: 20px;

}



x {

	width: 100%;

	text-align: center;

	display: -webkit-box;

	display: -ms-flexbox;

	-ms-flex-line-pack: justify;

	align-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	height: 160px

}



.x-con-6 .x-item-form {

	text-align: center

}



.x-con-6 .x-item-form input {

	width: 500px;

	height: 60px;

	border: none;

	background-color: #fff;

	font-size: 30px;

	color: #000;

	padding-left: 25px;

	letter-spacing: 5px;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.x-con-6 .x-item-form>input:nth-child(2) {

	margin-left: 55px

}



.x-con-6 .x-item-form input:hover {

	-webkit-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	transform: translateY(-5px)

}



.x-con-6 .x-item-form .btn {

	padding: 0;

	background: #373155;

	font-family: fz;

	color: #fff;

	cursor: pointer;

	letter-spacing: 1px;

	margin-top: 60px;

}



.x-con-7 {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	background: #373155

}



.x-con-7 .l {

	width: 40.5%

}



.x-con-7 .l .x-con-pages-t {

	padding-top: 110px;

	margin-bottom: 20px;

	line-height: 1.3;

	color: #fff

}



.x-con-7 .l .x-con-pages-t:after,.x-con-7 .l .x-con-pages-t:before {

	background: #fff

}



.x-con-7 .l img {

	display: block;

	margin: 0 auto

}



.x-con-7 .l a {

	display: block;

	margin: 80px auto;

	width: 410px;

	height: 66px;

	text-align: center;

	font-family: fz;

	font-size: 30px;

	color: #fff;

	line-height: 66px;

	border: 1px solid;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



.x-con-7 .l a:hover {

	background: #fff;

	color: #373155

}



.x-con-7 .r {

	width: 59.5%

}



.x-con-7 .r img {

	display: block

}



.x-con-8 {

	padding: 60px 0 80px

}



.x-con-8 .x-con-pages-t {

	margin-bottom: 30px

}



.x-con-8 ul {

	height: 600px;

	width: 100%;

	overflow: hidden;

	position: relative

}



.x-con-8 ul li {

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	opacity: 0;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0

}



.x-con-8 ul li img {

	display: block;

	width: 100%

}



.x-con-8 ul li.on {

	opacity: 1;

	-webkit-transition: all .8s ease-in-out;

	-o-transition: all .8s ease-in-out;

	transition: all .8s ease-in-out

}



.x-con-8:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 80px;

	width: 100%;

	height: 1px;

	background: #bfbfbf

}



.x-con-8 .swiper-btn {

	background: #fff;

	z-index: 2;

	bottom: 65px;

	left: calc(100% - 258px)

}



.tabs-t {

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}



.tabs-t a {

	width: 50%;

	position: relative;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	height: 77px;

	background: #eee;

	padding: 7px;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.tabs-t a.active {

	background: #373155

}



.tabs-t a.active span {

	color: #fff;

	border: 1px solid

}



.tabs-t a span {

	width: 100%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	display: block;

	height: 100%;

	left: 7px;

	font-size: 36px;

	font-family: fz;

	text-align: center;

	line-height: 63px;

	top: 7px;

	color: #000

}



.x-con-9 {

	padding-top: 0

}



.x-con-9 li {

	height: 600px;

	border: none

}



.x-con-9 li img {

	top: 0

}



.x-con-9 li.on {

	-webkit-filter: none;

	filter: none;

	width: 888px

}



.x-con-10 .main {

	background: url(../assets/images/c10-bg.8d794e6.jpg) no-repeat 50%

}



.x-con-10 .x-container {

	height: 594px;

	padding: 23px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-ms-flex-line-pack: distribute;

	align-content: space-around

}



.x-con-10 .x-container li {

	height: 148px;

	background: #fff;

	width: 542px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	padding: 8px;

	position: relative

}



.x-con-10 .x-container li:hover {

	-webkit-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	transform: translateY(-5px)

}



.x-con-10 .x-container a {

	display: block;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	height: 100%;

	color: #373155;

	position: relative;

	z-index: 1;

	border: 1px solid;

	padding: 24px 20px

}



.x-con-10 .x-container .t {

	font-family: fz;

	font-size: 36px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end;

	color: #373155

}



.x-con-10 .x-container .t i {

	font-style: normal;

	font-weight: lighter;

	font-size: 18px;

	padding: 3px 8px

}



.x-con-10 .x-container .b {

	font-size: 24px;

	color: #707070;

	font-weight: lighter;

	padding-top: 8px;

	padding-left: 35px

}



.x-con-10 .x-container .r {

	position: absolute;

	width: 148px;

	height: 33px;

	text-align: center;

	background: #373155;

	color: #fff;

	line-height: 33px;

	font-family: fz;

	font-size: 22px;

	bottom: 8px;

	right: 8px

}



.x-con-10 .tip {

	display: block;

	width: 70px;

	height: 70px;

	background-position: 0 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	background-repeat: no-repeat;

	z-index: 2

}



.x-fot-nav {

	background: #373155

}

.x-con-4 .next,.x-con-8 .next{transform: rotate(360deg) translateX(52px);transform-origin:center}