@font-face {
	font-family:"ny-reg";
	src:;
	src: format("embedded-opentype"), format("woff2"), format("woff"), format("truetype"), format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:"ny-li";
	src:;
	src: format("embedded-opentype"), format("woff2"), format("woff"), format("truetype"), format("svg");
	font-weight:normal;
	font-style:normal
}
.ovh {
	overflow:hidden
}
* {
	-webkit-font-smoothing:antialiased
}
input,textarea,a {
	-webkit-tap-highlight-color:transparent
}
textarea {
	-webkit-appearance:none
}
html {
	font-size:20px
}
@media only screen and (min-width: 360px) {
	html {
	font-size:26px !important
}
}@media only screen and (min-width: 435px) {
	html {
	font-size:32px !important
}
}@media only screen and (min-width: 500px) {
	html {
	font-size:36px !important
}
}@media only screen and (min-width: 769px) {
	html {
	font-size:40px !important
}
}@media only screen and (min-width: 1025px) {
	html {
	font-size:48px !important
}
}a:hover {
	color:unset
}
.loading-sw {
	position:absolute;
	top:50%;
	left:50%;
	width:44px;
	height:44px;
	margin:-22px 0 0 -22px;
	background:url(/uploads/image/bwimg/loadings.gif) no-repeat center center;
	animation:spinner 1000ms infinite linear;
	z-index:0;
	zoom:1
}
.hasloading {
	opacity:0;
	filter:alpha(opacity=0);
	visible:hidden
}
@keyframes spinner {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(360deg)
}
}@keyframes spinner2 {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(-360deg)
}
}ul,li {
	float:none
}
a {
	cursor:pointer
}
.in-block,.ex-link-e,.ex-link-f,.bocweb-header .icon-box .wechat,.bocweb-header .icon-box a,.bocweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link,.bocweb-header .mb-wrap .bocweb-nav ul li .hide a span,.bocweb-footer .hot-line .title,.bocweb-footer .hot-line .title span,.bocweb-footer .lang-box .title,.bocweb-footer .lang-box .title span,.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .title,.bocweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat,.bocweb-footer .mb-wrap .nav-box .nav li .icon-box a,.bocweb-footer .mb-wrap .nav-box .nav li .lang-box .lang,.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span,.ex-link-box span,.ex-point-box span,.ex-point-box.lg span,.ex-close span,.page a,.hasicon-nav .ex-sub-nav .wrap .left span,.pop-join-nav .link span,.main.x7_sw .ex-sub-nav .wrap .left span,.main.x7_sw .box1 .wrap .pos .text-box .icon-box img,.main.x7_sw .box3 .text-box .icon-box img,.main.x7_sw .box4 .text-box .icon-box img,.main.x7_sw .box3 .text-box .icon-box .type,.main.x7_sw .box4 .text-box .icon-box .type,.main.x7_sw .box7 .icon-box .icon,.main.x7_sw .box7 .icon-box .icon img,.main.x7_sw .box7 .icon-box .icon p,.main.x7_sw .box9 .text-box .icon-box img,.main.x7_sw .box9 .text-box .icon-box .type,.main.x7_sw .box13 .wrap .list-box .li {
	display:inline-block;
	*display:inline;
	*zoom:1
}
.text-hide {
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.user-select {
	moz-user-select:-moz-none;
	-moz-user-select:none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.table {
	display:table;
	width:100%;
	height:100%
}
.table .table-cell {
	display:table-cell;
	vertical-align:middle
}
.img-cover,.main.x7_sw .box3 .img-box .img,.main.x7_sw .box4 .img-box .img,.main.x7_sw .box7 .cont,.main.x7_sw .box8 .wrap .img-box .img1,.main.x7_sw .box10 .wrap .img-box .img1,.main.x7_sw .box11 .btm .video-box,.main.x7_sw .box12 .wrap .img-box .img1 {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}
.img-contain {
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat
}
.img-banner,.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img,.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
	background-position:center center;
	background-repeat:no-repeat
}
@media (max-width: 1024px) {
	.img-banner,.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img,.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
	background-size:cover
}
}.is1340 {
	display:block
}
@media (max-width: 1340px) {
	.is1340 {
	display:none
}
}.is1300 {
	display:block
}
@media (max-width: 1300px) {
	.is1300 {
	display:none
}
}.is1024 {
	display:block
}
@media (max-width: 1024px) {
	.is1024 {
	display:none
}
}.bmap_cpyctrl,.anchorbl {
	display:none
}
.is960 {
	display:block
}
@media (max-width: 960px) {
	.is960 {
	display:none
}
}.is800 {
	display:block
}
@media (max-width: 800px) {
	.is800 {
	display:none
}
}.is768 {
	display:block
}
@media (max-width: 768px) {
	.is768 {
	display:none
}
}.is750 {
	display:block
}
@media (max-width: 750px) {
	.is750 {
	display:none
}
}.is680 {
	display:block
}
@media (max-width: 680px) {
	.is680 {
	display:none
}
}.is450 {
	display:block
}
@media (max-width: 450px) {
	.is450 {
	display:none
}
}.w1280 {
	width:1280px;
	margin:0 auto
}
@media (max-width: 1300px) {
	.w1280 {
	width:94%
}
}@media (max-width: 750px) {
	.w1280 {
	width:86.67%
}
}@media (max-width: 450px) {
	.w1280 {
	width:94%
}
}button,input,textarea {
	border:none;
	border-radius:0;
	outline:none
}
button:focus,input:focus,textarea:focus {
	outline:none
}
.banner,.box1,.box2,.box3,.box4,.box5,.box6,.box7 {
	overflow:hidden
}
.ex-link-e {
	width:135px;
	height:36px;
	line-height:36px;
	border:1px solid #9c9b9a;
	border-radius:40px;
	font-size:14px;
	text-align:center;
	color:#000;
	transition:color .35s ease,border-color .3s ease,background-color .35s ease
}
@media (min-width: 1025px) {
	.ex-link-e:hover {
	border-color:#333;
	background-color:#f8f8f8
}
}@media (max-width: 1024px) {
	.ex-link-e {
	width:2.8125rem;
	height:.75rem;
	line-height:.75rem
}
}@media (max-width: 500px) {
	.ex-link-e {
	width:102px;
	height:28px;
	line-height:28px
}
}.ex-link-f {
	width:135px;
	height:36px;
	line-height:36px;
	border:1px solid #ba8f5a;
	border-radius:40px;
	font-size:14px;
	text-align:center;
	background-color:#ba8f5a;
	color:#fff;
	transition:color .35s ease,border-color .3s ease,background-color .35s ease
}
@media (min-width: 1025px) {
	.ex-link-f:hover {
	border-color:#b1834a;
	background-color:#b1834a
}
}@media (max-width: 1024px) {
	.ex-link-f {
	width:2.8125rem;
	height:.75rem;
	line-height:.75rem
}
}@media (max-width: 500px) {
	.ex-link-f {
	width:102px;
	height:28px;
	line-height:28px
}
}.h-pc-bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.3;
	filter:alpha(opacity=30);
	z-index:500
}
html,button,input,select,textarea {
	font-family:"microsoft yahei light","microsoft yahei", "helvetica neue","pingfang sc", helvetica, tahoma, sans-serif
}
@media (min-width: 1025px) {
	.js-m .js-m-top,.js-m2 .js-m-top {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:opacity 1s,transform 1s
}
.js-m .js-m-btm,.js-m2 .js-m-btm {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(30px);
	transition:opacity 1s,transform 1s
}
.js-m .js-m-left,.js-m2 .js-m-left {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 1s,transform 1s
}
.js-m .js-m-right,.js-m2 .js-m-right {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(30px);
	transition:opacity 1s,transform 1s
}
.js-m.animate .js-m-top,.js-m.animate .js-m-btm,.js-m2.animate .js-m-top,.js-m2.animate .js-m-btm {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.js-m.animate .js-m-left,.js-m.animate .js-m-right,.js-m2.animate .js-m-left,.js-m2.animate .js-m-right {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px)
}
}
.banner a.text-box {
	display:block
}
.inner-banner {
	position:relative;
	width:100%;
	max-height:598px
}
.inner-banner .swiper {
	position:relative;
	height:598px
}
@media (max-width: 1024px) {
	.inner-banner .swiper {
	height:12.45833rem
}
}.inner-banner .swiper .swiper-wrapper {
	height:100%;
	transition-timing-function:ease-out
}
.inner-banner .swiper .swiper-wrapper .swiper-slide {
	position:relative;
	height:100%;
	overflow:hidden
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img {
	width:100%;
	height:100%
}
@media (max-width: 750px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .img {
	display:none
}
}.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
	display:none;
	width:100%;
	height:100%;
	background-position:center bottom
}
@media (max-width: 750px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .mb-img {
	display:block
}
}.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video video {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	object-fit:cover;
	height:100%;
	width:100%;
	margin:auto
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn {
	display:none;
	position:absolute;
	bottom:24%;
	left:50%;
	transform:translate(-50%, 0)
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span {
	vertical-align:middle;
	font-size:16px;
	color:#fff
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span.icon {
	margin-left:8px
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span.icon img {
	display:block;
	max-width:100%
}
@media (max-width: 1024px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span {
	font-size:14px
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span.icon {
	width:26px
}
}.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box {
	position:relative;
	height:100%
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 {
	height:100%;
	text-align:center;
	color:#fff
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 .text {
	position:relative;
	top:40px;
	padding-top:8.6%
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 small {
	display:block;
	padding-bottom:8px;
	font-size:18px;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0);
	transition:transform 0.8s ,opacity 0.4s;
	color:#5f5f5f
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 h4 {
	padding-bottom:14px;
	font-size:36px;
	font-weight:normal;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0);
	transition:transform 0.8s ,opacity 0.4s;
	transition-delay:0.1s;
	color:#000
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
	font-size:20px;
	line-height:1.6;
	color:#5f5f5f;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0);
	transition:transform 0.8s ,opacity 0.4s;
	transition-delay:0.2s
}
@media (max-width: 1024px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 small {
	padding-bottom:6px;
	font-size:.375rem
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 h4 {
	padding-bottom:.29167rem;
	font-size:.75rem
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
	font-size:.41667rem
}
}@media (max-width: 750px) {
	.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 small {
	padding-bottom:14px;
	font-size:16px
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 h4 {
	padding-bottom:10px;
	font-size:20px
}
.inner-banner .swiper .swiper-wrapper .swiper-slide .text-box .w1280 p {
	font-size:14px
}
}.inner-banner .swiper .swiper-wrapper .swiper-slide.active {
	z-index:10
}
.inner-banner .swiper .swiper-wrapper .swiper-slide.active .text-box .w1280 h4,.inner-banner .swiper .swiper-wrapper .swiper-slide.active .text-box .w1280 small,.inner-banner .swiper .swiper-wrapper .swiper-slide.active .text-box .w1280 p {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.inner-banner .swiper .swiper-wrapper .swiper-slide.ism .img-box .video-btn {
	display:block
}
.inner-banner.noswiper .swiper .swiper-slide {
	width:100%
}
.ex-sub-nav {
	position:relative;
	z-index:200;
	/* height:56px;
	line-height:56px */
}
@media (max-width: 1024px) {
	.ex-sub-nav {
	display:none;
	height:0;
	line-height:0
}
}
.ex-sub-nav .wrap {
	/* height:56px;
	line-height:56px; */
	/* background:#fff;
	box-shadow:0px 3px 3px rgba(0,0,0,0.03) */
}
.ex-sub-nav .wrap .left {
	display:block;
	font-size:14px;
	color:#000
}
@media (min-width: 1025px) {
	.ex-sub-nav .wrap .left:hover {
	color:#ba8f5a
}
}.ex-sub-nav .wrap .right {
	position:relative;
	font-size:0
}
.ex-sub-nav .wrap .right a {
	display:block;
	min-width:56px;
	margin-left:28px;
	font-size:14px;
	text-align:center;
	color:#000;
	opacity:.6;
	filter:alpha(opacity=60)
}
.ex-sub-nav .wrap .right a.cur {
	color:#ba8f5a;
	opacity:1;
	filter:alpha(opacity=100)
}
@media (min-width: 1025px) {
	.ex-sub-nav .wrap .right a:hover {
	color:#ba8f5a;
	opacity:1;
	filter:alpha(opacity=100)
}
}.ex-sub-nav .wrap .right .line {
	position:absolute;
	bottom:0;
	height:2px;
	margin-left:28px;
	background-color:#ba8f5a
}
.ex-sub-nav.isfixed .wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:200
}
.ex-link-box {
	font-size:0
}
.ex-link-box a {
	vertical-align:middle;
	font-size:14px;
	color:#999
}
.ex-link-box a.cur {
	color:#ba8f5a
}
@media (min-width: 1025px) {
	.ex-link-box a:hover {
	color:#ba8f5a
}
}.ex-link-box span {
	position:relative;
	top:-1px;
	vertical-align:middle;
	width:8px;
	height:8px;
	margin:0 5px;
	background:url(/uploads/image/bwimg/link-arrow.png) no-repeat center center
}
.ex-link-box.fff a {
	color:#fff
}
.ex-link-box.fff a.cur {
	color:#ebb572
}
@media (min-width: 1025px) {
	.ex-link-box.fff a:hover {
	color:#ebb572
}
}.ex-link-box.fff span {
	background:url(/uploads/image/bwimg/link-arrow2.png) no-repeat center center
}
.ex-point-box {
	position:absolute;
	left:0;
	bottom:26px;
	width:100%;
	text-align:center
}
@media (max-width: 750px) {
	.ex-point-box {
	bottom:.54167rem
}
}.ex-point-box .swiper-pagination-switch {
	width:12px;
	height:12px;
	margin:0 6px;
	position:relative;
	cursor:pointer
}
.ex-point-box .swiper-pagination-switch .point {
	position:absolute;
	top:50%;
	left:50%;
	width:5px;
	height:5px;
	margin:-2.5px 0 0 -2.5px;
	border-radius:50%;
	background:#a8a6a4
}
.ex-point-box .swiper-pagination-switch .left {
	width:6px;
	height:12px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transform:scale(0.5)
}
.ex-point-box .swiper-pagination-switch .right {
	width:6px;
	height:12px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transform:scale(0.5)
}
.ex-point-box .swiper-pagination-switch .circle {
	width:8px;
	height:8px;
	border:2px solid #c8a063;
	border-radius:50%;
	position:absolute;
	top:0;
	transform:rotate(45deg)
}
.ex-point-box .swiper-pagination-switch .rcircle {
	border-top:2px solid #c8c6c4;
	border-right:2px solid #c8c6c4;
	right:0
}
.ex-point-box .swiper-pagination-switch .lcircle {
	border-bottom:2px solid #c8c6c4;
	border-left:2px solid #c8c6c4;
	left:0
}
.ex-point-box .swiper-pagination-switch.swiper-active-switch .point,.ex-point-box .swiper-pagination-switch.cur .point {
	transform:scale(1.05);
	opacity:0;
	filter:alpha(opacity=0);
	transition:transform 0.5s,opacity 0.5s
}
.ex-point-box .swiper-pagination-switch.swiper-active-switch .left,.ex-point-box .swiper-pagination-switch.swiper-active-switch .right,.ex-point-box .swiper-pagination-switch.cur .left,.ex-point-box .swiper-pagination-switch.cur .right {
	opacity:1;
	filter:alpha(opacity=100);
	transform:scale(1);
	transition:transform 0.5s,opacity 0.5s
}
.ex-point-box .swiper-pagination-switch.swiper-active-switch .rcircle,.ex-point-box .swiper-pagination-switch.cur .rcircle {
	animation:circleprogressload_right 4s linear forwards
}
.ex-point-box .swiper-pagination-switch.swiper-active-switch .lcircle,.ex-point-box .swiper-pagination-switch.cur .lcircle {
	animation:circleprogressload_left 4s linear forwards
}
.ex-point-box.lg {
	position:static;
	width:100%;
	text-align:center
}
@media (max-width: 750px) {
	.ex-point-box.lg {
	bottom:.54167rem
}
}.ex-point-box.lg .point-box.swiper-pagination-switch {
	width:18px;
	height:18px;
	margin:0 6px;
	position:relative;
	cursor:pointer
}
.ex-point-box.lg .point-box.swiper-pagination-switch .point {
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	margin:-4px 0 0 -4px;
	border-radius:50%;
	background:#a8a6a4
}
.ex-point-box.lg .point-box.swiper-pagination-switch .left {
	width:9px;
	height:18px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transform:scale(0.5)
}
.ex-point-box.lg .point-box.swiper-pagination-switch .right {
	width:9px;
	height:18px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transform:scale(0.5)
}
.ex-point-box.lg .point-box.swiper-pagination-switch .circle {
	width:14px;
	height:14px;
	border:2px solid #c8a063;
	border-radius:50%;
	position:absolute;
	top:0;
	transform:rotate(45deg)
}
.ex-point-box.lg .point-box.swiper-pagination-switch .rcircle {
	border-top:2px solid #e2e2e2;
	border-right:2px solid #e2e2e2;
	right:0
}
.ex-point-box.lg .point-box.swiper-pagination-switch .lcircle {
	border-bottom:2px solid #e2e2e2;
	border-left:2px solid #e2e2e2;
	left:0
}
.ex-point-box.lg .point-box.swiper-pagination-switch.cur .point {
	transform:scale(1.05);
	opacity:0;
	filter:alpha(opacity=0);
	transition:transform 0.5s,opacity 0.5s
}
.ex-point-box.lg .point-box.swiper-pagination-switch.cur .left,.ex-point-box.lg .point-box.swiper-pagination-switch.cur .right {
	opacity:1;
	filter:alpha(opacity=100);
	transform:scale(1);
	transition:transform 0.5s,opacity 0.5s
}
.ex-point-box.lg .point-box.swiper-pagination-switch.cur .rcircle {
	animation:circleprogressload_right 4s linear forwards
}
.ex-point-box.lg .point-box.swiper-pagination-switch.cur .lcircle {
	animation:circleprogressload_left 4s linear forwards
}
@media (max-width: 1024px) {
	.ex-point-box.lg .point-box.swiper-pagination-switch {
	width:12px;
	height:12px
}
.ex-point-box.lg .point-box.swiper-pagination-switch .point {
	width:5px;
	height:5px;
	margin:-2.5px 0 0 -2.5px
}
.ex-point-box.lg .point-box.swiper-pagination-switch .left {
	width:6px;
	height:12px
}
.ex-point-box.lg .point-box.swiper-pagination-switch .right {
	width:6px;
	height:12px
}
.ex-point-box.lg .point-box.swiper-pagination-switch .circle {
	width:8px;
	height:8px
}
}.ex-next-page {
	position:absolute;
	top:-23px;
	left:50%;
	display:block;
	width:46px;
	height:46px;
	margin-left:-23px;
	border-radius:50%;
	box-shadow:0px 0px 6px rgba(0,0,0,0.1);
	background:url(/uploads/image/bwimg/next-page.png) no-repeat center center;
	background-color:#fff
}
.ex-more-box {
	padding-top:5.1%;
	text-align:center
}
.ex-more-box .icon-box {
	position:relative
}
.ex-more-box .icon-box .icon-line {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background-color:#e6e5e5
}
.ex-more-box .icon-box .icon {
	position:relative;
	width:120px;
	margin:0 auto;
	background-color:#f8f8f8;
	cursor:pointer
}
.ex-more-box .icon-box .icon .img {
	display:block;
	width:46px;
	height:46px;
	margin:0 auto;
	border-radius:50%;
	box-shadow:0px 0px 30px rgba(167,141,110,0.2);
	background:url(/uploads/image/bwimg/next-page2.png) no-repeat center center;
	background-color:#fff
}
@media (max-width: 750px) {
	.ex-more-box .icon-box .icon {
	width:90px
}
.ex-more-box .icon-box .icon .img {
	width:40px;
	height:40px
}
}.ex-more-box .text {
	padding-top:18px;
	font-size:14px;
	letter-spacing:2px;
	color:#000
}
@media (max-width: 750px) {
	.ex-more-box .text {
	padding-top:10px
}
}.ex-more-box.fff .icon-box .icon {
	background-color:#fff
}
.ex-close {
	position:absolute;
	cursor:pointer
}
.ex-close span {
	vertical-align:middle
}
.ex-close .icon {
	position:relative;
	width:45px;
	height:45px;
	margin-left:12px
}
.ex-close .icon .circle {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid #000;
	border-radius:50%;
	transition:all 300ms ease-out;
	transform-origin:center center
}
.ex-close .icon .line {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:14px;
	height:2px;
	margin:-1px 0 0 -7px;
	background-color:#000;
	transition:all 300ms ease-out
}
@media (min-width: 1025px) {
	.ex-close .icon:hover .circle {
	transform:scale(1.1)
}
.ex-close .icon:hover .line.line1 {
	transform:rotate(45deg)
}
.ex-close .icon:hover .line.line2 {
	transform:rotate(-45deg)
}
}@media (max-width: 1024px) {
	.ex-close .icon .circle {
	transform:scale(1.1)
}
.ex-close .icon .line.line1 {
	transform:rotate(45deg)
}
.ex-close .icon .line.line2 {
	transform:rotate(-45deg)
}
}@media (max-width: 1640px) {
	.ex-close .icon {
	width:34.2px;
	height:34.2px;
	margin-left:9.12px;
	background-size:contain
}
}.pop-video-box,.pop-banner-box {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	height:100%;
	background-color:#000
}
.pop-video-box .pop-cont,.pop-banner-box .pop-cont {
	width:100%;
	height:100%;
	overflow:hidden
}
.pop-video-box .pop-cont .ex-close,.pop-banner-box .pop-cont .ex-close {
	position:absolute;
	top:35px;
	right:35px;
	z-index:100001
}
@media (max-width: 1024px) {
	.pop-video-box .pop-cont .ex-close,.pop-banner-box .pop-cont .ex-close {
	top:.72917rem;
	right:.72917rem
}
}.pop-video-box .pop-cont .ex-close .icon .circle,.pop-banner-box .pop-cont .ex-close .icon .circle {
	border-color:#fff
}
.pop-video-box .pop-cont .ex-close .icon .line,.pop-banner-box .pop-cont .ex-close .icon .line {
	background-color:#fff
}
.pop-video-box .pop-cont .cont,.pop-banner-box .pop-cont .cont {
	position:relative;
	z-index:10000;
	width:100%;
	height:100%
}
.pop-video-box .pop-cont .cont video,.pop-banner-box .pop-cont .cont video {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	object-fit:contain;
	max-height:100%;
	max-width:100%;
	margin:auto
}
.pop-video-box .pop-cont .cont img,.pop-banner-box .pop-cont .cont img {
	position:absolute;
	top:2%;
	left:0;
	right:0;
	bottom:2%;
	display:block;
	max-height:96%;
	max-width:100%;
	margin:auto
}
.page {
	font-size:0;
	text-align:center
}
.page a {
	vertical-align:middle;
	width:35px;
	height:35px;
	margin:0 5px;
	border:1px solid #dcdcdc;
	border-radius:5px;
	line-height:35px;
	text-align:center;
	font-family:"arial";
	font-size:14px;
	color:#666;
	transition:all 0.5s
}
@media (min-width: 1025px) {
	.page a:hover {
	border-color:#c09969;
	color:#c09969
}
}.page a.active {
	background-color:#c09969;
	border-color:#c09969;
	color:#fff
}
.page a.prev {
	background:url(/uploads/image/bwimg/page-left1.png) no-repeat center center
}
@media (min-width: 1025px) {
	.page a.prev:hover {
	background:url(/uploads/image/bwimg/page-left2.png) no-repeat center center
}
}@media (max-width: 1024px) {
	.page a.prev {
	background:url(/uploads/image/bwimg/page-left2.png) no-repeat center center
}
}.page a.next {
	background:url(/uploads/image/bwimg/page-right1.png) no-repeat center center
}
@media (min-width: 1025px) {
	.page a.next:hover {
	background:url(/uploads/image/bwimg/page-right2.png) no-repeat center center
}
}@media (max-width: 1024px) {
	.page a.next {
	background:url(/uploads/image/bwimg/page-right2.png) no-repeat center center
}
}@media (max-width: 1024px) {
	.page a {
	width:.72917rem;
	height:.72917rem;
	line-height:.72917rem
}
}@media (max-width: 750px) {
	.page a {
	width:28px;
	height:28px;
	line-height:28px
}
}.js-scroll-btm {
	will-change:transform
}
@keyframes circleprogressload_right {
	0% {
	border-top:2px solid #e2e2e2;
	border-right:2px solid #e2e2e2;
	transform:rotate(45deg)
}
50% {
	border-top:2px solid #e2e2e2;
	border-right:2px solid #e2e2e2;
	border-left:2px solid #c8a063;
	border-bottom:2px solid #c8a063;
	transform:rotate(225deg)
}
99% {
	border-left:2px solid #c8a063;
	border-bottom:2px solid #c8a063;
	transform:rotate(225deg)
}
100% {
	border-top:2px solid #c8a063;
	border-right:2px solid #c8a063;
	border-bottom:2px solid #c8a063;
	border-left:2px solid #c8a063
}
}@keyframes circleprogressload_left {
	0% {
	border-bottom:2px solid #e2e2e2;
	border-left:2px solid #e2e2e2;
	transform:rotate(45deg)
}
50% {
	border-bottom:2px solid #e2e2e2;
	border-left:2px solid #e2e2e2;
	border-top:2px solid #c8a063;
	border-right:2px solid #c8a063;
	transform:rotate(45deg)
}
99% {
	border-top:2px solid #c8a063;
	border-right:2px solid #c8a063;
	border-bottom:2px solid #e2e2e2;
	border-left:2px solid #e2e2e2;
	transform:rotate(225deg)
}
100% {
	border-top:2px solid #c8a063;
	border-right:2px solid #c8a063;
	border-bottom:2px solid #c8a063;
	border-left:2px solid #c8a063
}
}@keyframes icon1 {
	0% {
	transform:scale(0.5, 0.5);
	opacity:0
}
5% {
	transform:scale(0.5, 0.5);
	opacity:100
}
100% {
	transform:scale(1.2, 1.2);
	opacity:0
}
}@keyframes downico {
	0% {
	transform:translate3d(0, 0, 0);
	opacity:1
}
35% {
	transform:translate3d(0, 50%, 0);
	opacity:0
}
75% {
	transform:translate3d(0, -50%, 0);
	opacity:0
}
100% {
	transform:translate3d(0, 0, 0);
	opacity:1
}
}@keyframes opacity {
	0% {
	opacity:1;
	transform:translatey(8px)
}
80% {
	opacity:0;
	transform:translatey(0px)
}
90% {
	opacity:0;
	transform:translatey(8px)
}
100% {
	opacity:1;
	transform:translatey(8px)
}
}@keyframes opacity2 {
	0% {
	opacity:0
}
50% {
	opacity:1
}
100% {
	opacity:0
}
}@keyframes opacity3 {
	0% {
	opacity:1
}
50% {
	opacity:0
}
100% {
	opacity:0
}
}@keyframes opacity4 {
	0% {
	opacity:0
}
50% {
	opacity:1
}
100% {
	opacity:1
}
}@keyframes x3z_icon1 {
	0% {
	opacity:0;
	transform:translate(7.5%, -5.55%)
}
45% {
	opacity:1;
	transform:translate(3.75%, -2.775%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(7.5%, -5.55%)
}
}@keyframes x3z_icon2 {
	0% {
	opacity:0;
	transform:translate(1.5%, 7.5%)
}
45% {
	opacity:1;
	transform:translate(.75%, 3.75%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(1.5%, 7.5%)
}
}@keyframes x3z_icon3_4 {
	0% {
	opacity:0;
	transform:translate(-7.5%, 3%)
}
45% {
	opacity:1;
	transform:translate(-3.75%, 1.5%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(-5%, 2%)
}
}@keyframes x3z_icon5 {
	0% {
	opacity:0;
	transform:translate(-1.5%, -7.5%)
}
45% {
	opacity:1;
	transform:translate(-.75%, -3.75%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(-1.5%, -7.5%)
}
}@keyframes x3z_icon6_7 {
	0% {
	opacity:0;
	transform:translate(1.5%, -7.5%)
}
45% {
	opacity:1;
	transform:translate(.75%, -3.75%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(1.5%, -7.5%)
}
}@keyframes x3z_icon10 {
	0% {
	opacity:0;
	transform:translate(7.5%, -2.4%)
}
45% {
	opacity:1;
	transform:translate(3.75%, -1.2%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(7.5%, -2.4%)
}
}@keyframes x3z_icon8 {
	0% {
	opacity:0;
	transform:translate(7.5%, 2.4%)
}
45% {
	opacity:1;
	transform:translate(3.75%, 1.2%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(7.5%, 2.4%)
}
}@keyframes x3z_icon9 {
	0% {
	opacity:0;
	transform:translate(-.6%, 7.5%)
}
45% {
	opacity:1;
	transform:translate(-.3%, 3.75%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(-.6%, 7.5%)
}
}@keyframes x3z_icon13 {
	0% {
	opacity:0;
	transform:translate(-7.5%, 7.5%)
}
45% {
	opacity:1;
	transform:translate(-3.75%, 3.75%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(-7.5%, 7.5%)
}
}@keyframes x3z_icon14 {
	0% {
	opacity:0;
	transform:translate(-9%, 9%)
}
45% {
	opacity:1;
	transform:translate(-4.5%, 4.5%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(-9%, 9%)
}
}@keyframes x3z_icon11 {
	0% {
	opacity:0;
	transform:translate(9%, 9%)
}
45% {
	opacity:1;
	transform:translate(4.5%, 4.5%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(9%, 9%)
}
}@keyframes x3z_icon12 {
	0% {
	opacity:0;
	transform:translate(7.5%, 7.5%)
}
45% {
	opacity:1;
	transform:translate(3.75%, 3.75%)
}
90% {
	opacity:0.2;
	transform:translate(0%, 0%)
}
96% {
	opacity:0;
	transform:translate(0%, 0%)
}
100% {
	opacity:0;
	transform:translate(7.5%, 7.5%)
}
}.fp-viewing-page1 .main.pro-info .bocweb-header,.fp-viewing-page1 .main.x2_sw .bocweb-header,.fp-viewing-page1 .main.q5_sw .bocweb-header,.fp-viewing-page1 .main.x3z_sw .bocweb-header,.fp-viewing-page1 .main.x7_sw .bocweb-header {
	top:0
}
.hasicon-nav .ex-sub-nav .wrap .left {
	font-size:0
}
.hasicon-nav .ex-sub-nav .wrap .left span {
	vertical-align:middle;
	font-size:14px
}
.hasicon-nav .ex-sub-nav .wrap .left .icon {
	height:22px;
	margin-right:12px;
	font-size:0
}
.hasicon-nav .ex-sub-nav .wrap .left .icon img {
	display:block;
	max-height:100%
}
.pop-join-nav {
	position:fixed;
	top:30%;
	left:40px;
	z-index:400;
	padding:0 12px;
	border-radius:5px;
	box-shadow:0px 0px 6px rgba(0,0,0,0.05);
	background:#fff
}
@media (max-width: 750px) {
	.pop-join-nav {
	display:none
}
}.pop-join-nav .link {
	display:block;
	padding:16px 10px 15px;
	font-size:14px;
	color:#999;
	border-bottom:1px dashed #f1e5d6
}
.pop-join-nav .link span {
	position:relative;
	vertical-align:middle
}
.pop-join-nav .link span img {
	display:block
}
.pop-join-nav .link span .b {
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	opacity:0;
	filter:alpha(opacity=0)
}
.pop-join-nav .link .icon {
	margin-right:6px;
	font-size:0
}
.pop-join-nav .link.cur span {
	color:#c9995f
}
.pop-join-nav .link.cur span .f {
	opacity:0;
	filter:alpha(opacity=0)
}
.pop-join-nav .link.cur span .b {
	opacity:1;
	filter:alpha(opacity=100)
}
@media (min-width: 1025px) {
	.pop-join-nav .link:hover span {
	color:#c9995f
}
.pop-join-nav .link:hover span .f {
	opacity:0;
	filter:alpha(opacity=0)
}
.pop-join-nav .link:hover span .b {
	opacity:1;
	filter:alpha(opacity=100)
}
}.pop-join-nav .link.border {
	border-bottom:none
}
@media (max-width: 840px) {
	.pop-join-nav {
	display:none
}
}.main.x7_sw {
	min-height:100vh;
	overflow:hidden
}
.main.x7_sw .section {
	height:100vh
}
.main.x7_sw .bocweb-header {
	top:-81px;
	transition:top 0.5s
}
.main.x7_sw .bocweb-header .pc-wrap {
	background-color:#fff
}
@media (max-width: 1200px) {
	.main.x7_sw .bocweb-header {
	top:0px
}
/* .main.x7_sw .bocweb-header .pc-wrap {
	display:none
} */
.main.x7_sw .bocweb-header .mb-wrap {
	display:block
}
}
.main.x7_sw .ex-sub-nav {
	position:fixed;
	top:81px;
	width:100%;
	transition:top 0.5s
}
.main.x7_sw .ex-sub-nav.fixed {
	top:0
}
@media (max-width: 1200px) {
	.main.x7_sw .ex-sub-nav {
	display:none
}
}.main.x7_sw .ex-sub-nav .wrap .left span {
	vertical-align:middle
}
.main.x7_sw .ex-sub-nav .wrap .left .icon {
	height:22px;
	margin-right:12px
}
.main.x7_sw .ex-sub-nav .wrap .left .icon img {
	display:block;
	max-height:100%
}
.main.x7_sw .ex-sub-nav .wrap .right a {
	min-width:40px;
	margin-left:15px
}
.main.x7_sw .ex-sub-nav .wrap .right .line {
	margin-left:15px
}
.main.x7_sw .ex-sub-nav .wrap .right a.icon {
	height:100%;
	font-size:0;
	overflow:hidden;
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .ex-sub-nav .wrap .right a.icon img {
	height:66%;
	max-height:37%;
	transition:transform 0.6s
}
@media (min-width: 1025px) {
	.main.x7_sw .ex-sub-nav .wrap .right a.icon:hover img {
	transform:translatey(-10%)
}
}.main.x7_sw #fullpage {
	-webkit-backface-visibility:hidden
}
.main.x7_sw .section .wrap {
	height:100%;
	padding-top:56px;
	box-sizing:border-box
}
@media (max-width: 1200px) {
	.main.x7_sw .section .wrap {
	/* padding-top:80px */
}
}@media (max-width: 1080px) {
	.main.x7_sw .section .wrap {
	padding-top:0
}
}@media (max-width: 1024px) {
	.main.x7_sw .section .wrap {
	/* padding-top:2.29167rem */
}
}.main.x7_sw .box1 .wrap {
	position:relative;
	padding-top:137px
}
@media (max-width: 1200px) {
	.main.x7_sw .box1 .wrap {
	/* padding-top:80px */
}
}@media (max-width: 1080px) {
	.main.x7_sw .box1 .wrap {
	padding-top:0px
}
}@media (max-width: 1024px) {
	.main.x7_sw .box1 .wrap {
	/* padding-top:2.29167rem */
}
}.main.x7_sw .box1 .wrap .cont {
	position:relative;
	height:100%
}
.main.x7_sw .box1 .wrap .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:10% center;
	background-repeat:no-repeat;
	transition:opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box1 .wrap .pos {
	position:relative;
	height:100%
}
.main.x7_sw .box1 .wrap .pos .w1280 {
	height:100%
}
.main.x7_sw .box1 .wrap .pos .text-box {
	width:258px;
	height:100%;
	padding:0 50px;
	background:url(/uploads/image/bwimg_x7/x7-bg.png);
	color:#000;
	transition:transform 1s ,opacity 0.8s;
	transition-delay:0.4s;
	transform:translatex(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box1 .wrap .pos .text-box .text {
	padding:26px 0;
	margin-bottom:30px;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.main.x7_sw .box1 .wrap .pos .text-box h4 {
	padding-bottom:10px;
	font-size:67px;
	font-weight:normal;
	transform:skew(-11deg)
}
.main.x7_sw .box1 .wrap .pos .text-box h4 span {
	display:block;
	transition:transform 0.8s, opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0);
	transition-delay:1.2s
}
.main.x7_sw .box1 .wrap .pos .text-box h4 span:nth-child(1) {
	transform:translatex(30px)
}
.main.x7_sw .box1 .wrap .pos .text-box h4 span:nth-child(2) {
	text-indent:1.5em;
	transform:translatex(-30px)
}
.main.x7_sw .box1 .wrap .pos .text-box small {
	display:block;
	padding-bottom:20px;
	font-size:20px;
	line-height:1.6;
	transition:transform 0.8s, opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition-delay:1.3s
}
.main.x7_sw .box1 .wrap .pos .text-box .p {
	font-size:14px;
	line-height:1.8;
	transition:transform 0.8s, opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition-delay:1.4s
}
.main.x7_sw .box1 .wrap .pos .text-box .icon-box {
	font-size:0;
	transition:transform 0.8s, opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0);
	transition-delay:1.5s;
	transform:translatex(-30px)
}
.main.x7_sw .box1 .wrap .pos .text-box .icon-box img {
	max-width:60px;
	max-height:100px;
	margin:0 14px 14px 0;
	vertical-align:middle
}
@media (max-width: 1600px) {
	.main.x7_sw .box1 .wrap .pos .text-box .icon-box img {
	max-width:36px;
	max-height:60px
}
}@media (max-width: 1366px) {
	.main.x7_sw .box1 .wrap .pos .text-box .text {
	padding:26px 0;
	margin-bottom:30px
}
.main.x7_sw .box1 .wrap .pos .text-box h4 {
	font-size:42px
}
}@media (max-width: 1024px) {
	.main.x7_sw .box1 .wrap .pos .text-box .text {
	padding:.54167rem 0;
	margin-bottom:.625rem
}
.main.x7_sw .box1 .wrap .pos .text-box h4 {
	font-size:.70833rem
}
.main.x7_sw .box1 .wrap .pos .text-box small {
	padding-bottom:.41667rem;
	font-size:16px
}
.main.x7_sw .box1 .wrap .pos .text-box .p {
	line-height:1.6
}
.main.x7_sw .box1 .wrap .pos .text-box .icon-box img {
	margin:0 .29167rem .29167rem 0
}
}@media (max-width: 750px) {
	.main.x7_sw .box1 .wrap .pos .text-box {
	width:100%;
	padding:0;
	background:transparent
}
.main.x7_sw .box1 .wrap .pos .text-box .text-bg {
	padding:.52083rem .625rem;
	background:rgba(255,255,255,0.5)
}
.main.x7_sw .box1 .wrap .pos .text-box h4 span {
	display:inline
}
.main.x7_sw .box1 .wrap .pos .text-box h4 span:nth-child(2) {
	text-indent:0
}
.main.x7_sw .box1 .wrap .pos .text-box .icon-box img {
	max-width:42px;
	max-height:70px
}
}.main.x7_sw .box1.animate .bg {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box1.animate .pos .text-box {
	transform:translatex(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box1.animate .pos .text-box h4 span {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box1.animate .pos .text-box h4 span:nth-child(1),.main.x7_sw .box1.animate .pos .text-box h4 span:nth-child(2) {
	transform:translatex(0px)
}
.main.x7_sw .box1.animate .pos .text-box small {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px)
}
.main.x7_sw .box1.animate .pos .text-box .p {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px)
}
.main.x7_sw .box1.animate .pos .text-box .icon-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0px)
}
.main.x7_sw .box2 .wrap {
	position:relative
}
.main.x7_sw .box2 .wrap .cont {
	position:relative;
	height:100%;
	background-position:center bottom;
	background-size:cover;
	transition:opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box2 .wrap .text-box {
	position:absolute;
	left:3%;
	width:94%;
	margin:0 auto;
	padding-top:4%;
	text-align:center
}
.main.x7_sw .box2 .wrap .text-box h4 {
	padding-bottom:24px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box2 .wrap .text-box .text {
	max-width:625px;
	margin:0 auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box2 .wrap .text-box p {
	font-size:18px;
	line-height:1.8;
	color:#8b704c
}
.main.x7_sw .box2 .wrap .img-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	max-width:94%;
	height:100%;
	margin:auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box2 .wrap .img-box img {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:100%;
	max-height:100%
}
@media (max-width: 1400px) {
	.main.x7_sw .box2 .wrap .img-box {
	max-height:90%
}
}@media (max-width: 1200px) {
	.main.x7_sw .box2 .wrap .img-box {
	max-height:100%
}
}@media (max-width: 1024px) {
	.main.x7_sw .box2 .wrap .text-box {
	padding-top:2.29167rem
}
.main.x7_sw .box2 .wrap .text-box h4 {
	padding-bottom:.5rem;
	font-size:.70833rem
}
.main.x7_sw .box2 .wrap .text-box p {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box2 .wrap .text-box {
	padding-top:0;
	top:18%
}
.main.x7_sw .box2 .wrap .text-box h4 {
	font-size:22px
}
.main.x7_sw .box2 .wrap .text-box p {
	display:inline;
	font-size:16px
}
}.main.x7_sw .box2.animate .wrap .cont {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box2.animate .wrap .text-box h4,.main.x7_sw .box2.animate .wrap .text-box .text {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box2.animate .wrap .img-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box3 .cont,.main.x7_sw .box4 .cont {
	height:100%
}
.main.x7_sw .box3 .pos,.main.x7_sw .box4 .pos {
	display:inline-block;
	margin-left:24%
}
@media (max-width: 1024px) {
	.main.x7_sw .box3 .pos,.main.x7_sw .box4 .pos {
	margin-left:0;
	display:block
}
}.main.x7_sw .box3 .img-box,.main.x7_sw .box4 .img-box {
	position:relative;
	width:50%;
	height:100%;
	overflow:hidden
}
.main.x7_sw .box3 .img-box .img,.main.x7_sw .box4 .img-box .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box3 .text-box,.main.x7_sw .box4 .text-box {
	width:43%;
	height:100%;
	padding:0 3.5%
}
.main.x7_sw .box3 .text-box .title,.main.x7_sw .box4 .text-box .title {
	padding-bottom:35px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box3 .text-box .text,.main.x7_sw .box4 .text-box .text {
	max-width:500px;
	padding-bottom:64px;
	font-size:18px;
	line-height:2;
	color:#8b704c;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box3 .text-box .icon-box,.main.x7_sw .box4 .text-box .icon-box {
	font-size:0;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.3s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box3 .text-box .icon-box img,.main.x7_sw .box4 .text-box .icon-box img {
	width:86px;
	vertical-align:middle
}
.main.x7_sw .box3 .text-box .icon-box .type,.main.x7_sw .box4 .text-box .icon-box .type {
	margin-left:28px;
	vertical-align:middle;
	color:#8b704c
}
.main.x7_sw .box3 .text-box .icon-box .type h4,.main.x7_sw .box4 .text-box .icon-box .type h4 {
	font-size:18px;
	font-weight:normal
}
.main.x7_sw .box3 .text-box .icon-box .type p,.main.x7_sw .box4 .text-box .icon-box .type p {
	font-size:14px
}
@media (max-width: 1200px) {
	.main.x7_sw .box3 .text-box .title,.main.x7_sw .box4 .text-box .title {
	font-size:28px
}
.main.x7_sw .box3 .text-box .text,.main.x7_sw .box4 .text-box .text {
	padding-bottom:40px
}
}@media (max-width: 1024px) {
	.main.x7_sw .box3 .text-box .title,.main.x7_sw .box4 .text-box .title {
	padding-bottom:.72917rem;
	font-size:.58333rem
}
.main.x7_sw .box3 .text-box .text,.main.x7_sw .box4 .text-box .text {
	padding-bottom:.83333rem;
	font-size:16px;
	line-height:1.8
}
.main.x7_sw .box3 .text-box .text p,.main.x7_sw .box4 .text-box .text p {
	display:inline;
	text-align:justify
}
.main.x7_sw .box3 .text-box .icon-box img,.main.x7_sw .box4 .text-box .icon-box img {
	width:60px
}
.main.x7_sw .box3 .text-box .icon-box .type,.main.x7_sw .box4 .text-box .icon-box .type {
	margin-left:.58333rem
}
.main.x7_sw .box3 .text-box .icon-box .type h4,.main.x7_sw .box4 .text-box .icon-box .type h4 {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box3 .img-box,.main.x7_sw .box4 .img-box {
	width:100%;
	height:44%
}
.main.x7_sw .box3 .text-box,.main.x7_sw .box4 .text-box {
	width:94%;
	height:56%
}
.main.x7_sw .box3 .text-box .title,.main.x7_sw .box4 .text-box .title {
	font-size:22px
}
}.main.x7_sw .box3.animate .img-box .img,.main.x7_sw .box4.animate .img-box .img {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box3.animate .text-box .title,.main.x7_sw .box3.animate .text-box .text,.main.x7_sw .box3.animate .text-box .icon-box,.main.x7_sw .box4.animate .text-box .title,.main.x7_sw .box4.animate .text-box .text,.main.x7_sw .box4.animate .text-box .icon-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box5 {
	background-color:#252527
}
.main.x7_sw .box5 .wrap {
	position:relative
}
.main.x7_sw .box5 .wrap .btm {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/uploads/image/bwimg_x7/x7-box5-btm.png) repeat-x left bottom;
	transition:opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box5 .wrap .cont {
	height:100%;
	background-position:center bottom;
	background-size:cover;
	transition:opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box5 .wrap .text-box {
	position:absolute;
	top:56px;
	left:3%;
	width:94%;
	margin:0 auto;
	padding-top:6%;
	text-align:center
}
.main.x7_sw .box5 .wrap .text-box h4 {
	padding-bottom:24px;
	font-size:34px;
	font-weight:normal;
	color:#fff;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box5 .wrap .text-box .text {
	max-width:500px;
	margin:0 auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box5 .wrap .text-box p {
	font-size:18px;
	line-height:1.8;
	color:#888
}
.main.x7_sw .box5 .wrap .img-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	max-width:94%;
	height:100%;
	margin:auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box5 .wrap .img-box img {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:100%;
	max-height:100%
}
@media (max-width: 1400px) {
	.main.x7_sw .box5 .wrap .img-box {
	max-height:90%
}
}@media (max-width: 1200px) {
	.main.x7_sw .box5 .wrap .img-box {
	max-height:100%
}
.main.x7_sw .box5 .wrap .text-box {
	top:110px
}
}@media (max-width: 1024px) {
	.main.x7_sw .box5 .wrap .text-box {
	padding-top:2.29167rem;
	top:8%
}
.main.x7_sw .box5 .wrap .text-box h4 {
	padding-bottom:.5rem;
	font-size:.70833rem
}
.main.x7_sw .box5 .wrap .text-box p {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box5 .wrap .text-box {
	padding-top:0;
	top:30%
}
.main.x7_sw .box5 .wrap .text-box h4 {
	font-size:22px
}
.main.x7_sw .box5 .wrap .text-box p {
	display:inline;
	font-size:16px
}
}.main.x7_sw .box5.animate .wrap .cont,.main.x7_sw .box5.animate .wrap .btm {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box5.animate .wrap .text-box h4,.main.x7_sw .box5.animate .wrap .text-box .text {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box5.animate .wrap .img-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box6 {
	background-color:#181818
}
.main.x7_sw .box6 .cont {
	position:relative;
	height:100%
}
.main.x7_sw .box6 .slides {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	transition:opacity 0.8s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box6 .slides .items {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#181818;
	transition:opacity 0.8s,transform 1s;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(30px)
}
.main.x7_sw .box6 .slides .items img {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	display:block;
	max-width:67.8%;
	max-height:100%;
	margin:auto
}
.main.x7_sw .box6 .slides .items.cur {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box6 .slides .items:nth-child(1) {
	background-color:#131313
}
.main.x7_sw .box6 .text-box {
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto
}
.main.x7_sw .box6 .text-box .title-box {
	width:94%;
	margin:0 auto;
	padding-bottom:7.1%;
	font-size:34px;
	line-height:1.6;
	text-align:center;
	font-weight:normal;
	color:#fff;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box6 .text-box .list-box {
	width:350px;
	margin-left:60%;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box6 .text-box .list-box .list {
	padding-bottom:28px
}
.main.x7_sw .box6 .text-box .list-box .list h4 {
	padding-bottom:16px;
	font-size:18px;
	font-weight:normal;
	color:#fff
}
.main.x7_sw .box6 .text-box .list-box .list .text {
	font-size:14px;
	line-height:1.6;
	color:#999
}
.main.x7_sw .box6 .text-box .list-box .list.cur h4 {
	color:#b9925e
}
@media (max-width: 1200px) {
	.main.x7_sw .box6 .text-box .list-box {
	width:300px;
	margin-left:58%
}
}@media (max-width: 1024px) {
	.main.x7_sw .box6 .text-box .title-box {
	font-size:.70833rem
}
.main.x7_sw .box6 .text-box .list-box .list {
	padding-bottom:.58333rem
}
.main.x7_sw .box6 .text-box .list-box .list h4 {
	padding-bottom:.33333rem;
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box6 .slides .items img {
	right:0;
	max-width:100%
}
.main.x7_sw .box6 .text-box {
	background-color:rgba(0,0,0,0.2)
}
.main.x7_sw .box6 .text-box .title-box {
	font-size:22px
}
.main.x7_sw .box6 .text-box .list-box {
	width:94%;
	max-width:400px;
	margin:0 auto
}
.main.x7_sw .box6 .text-box .list-box .list h4 {
	font-size:15px
}
.main.x7_sw .box6 .text-box .list-box .list .text {
	font-size:13px;
	color:#fff
}
}.main.x7_sw .box6.animate .slides {
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box6.animate .text-box .title-box,.main.x7_sw .box6.animate .text-box .list-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box7 .cont {
	position:relative;
	height:100%;
	transition:opacity 0.4s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box7 .title-box {
	width:94%;
	margin:0 auto;
	padding-bottom:3.5%;
	text-align:center;
	transition:transform 1s ,opacity 0.8s;
	transition-delay:0.4s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box7 .title-box h4 {
	padding-bottom:28px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.x7_sw .box7 .title-box .text {
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.x7_sw .box7 .icon-box {
	text-align:center;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.5s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box7 .icon-box .icon {
	margin:0 3.5%;
	vertical-align:top
}
.main.x7_sw .box7 .icon-box .icon img {
	max-width:86px;
	margin-right:24px;
	vertical-align:middle
}
.main.x7_sw .box7 .icon-box .icon p {
	font-size:18px;
	color:#8b704c;
	vertical-align:middle
}
.main.x7_sw .box7 .img-box {
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.6s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box7 .img-box img {
	position:relative;
	left:-2%;
	display:block;
	width:94%;
	max-width:500px;
	margin:0 auto
}
@media (max-width: 1460px) {
	.main.x7_sw .box7 .img-box img {
	max-width:380px
}
}@media (max-width: 1366px) {
	.main.x7_sw .box7 .title-box {
	padding-bottom:3.2%
}
.main.x7_sw .box7 .title-box h4 {
	padding-bottom:20px
}
.main.x7_sw .box7 .title-box .text {
	line-height:1.6
}
.main.x7_sw .box7 .icon-box .icon img {
	max-width:70px
}
.main.x7_sw .box7 .img-box img {
	max-width:300px
}
}@media (max-width: 1024px) {
	.main.x7_sw .box7 .title-box h4 {
	padding-bottom:.58333rem;
	font-size:.70833rem
}
.main.x7_sw .box7 .title-box .text {
	font-size:16px;
	line-height:1.8
}
.main.x7_sw .box7 .icon-box .icon {
	margin:0 15px
}
.main.x7_sw .box7 .icon-box .icon img {
	margin-right:14px
}
.main.x7_sw .box7 .icon-box .icon p {
	font-size:16px
}
.main.x7_sw .box7 .img-box img {
	max-width:400px
}
}@media (max-width: 750px) {
	.main.x7_sw .box7 .title-box h4 {
	font-size:22px
}
.main.x7_sw .box7 .title-box .text p {
	display:inline
}
.main.x7_sw .box7 .icon-box .icon {
	margin:0 5px
}
.main.x7_sw .box7 .icon-box .icon img {
	max-width:36px;
	margin-right:5px
}
.main.x7_sw .box7 .icon-box .icon p {
	font-size:13px
}
.main.x7_sw .box7 .img-box img {
	width:94%
}
}.main.x7_sw .box7.animate .cont,.main.x7_sw .box7.animate .title-box,.main.x7_sw .box7.animate .icon-box,.main.x7_sw .box7.animate .img-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box8 .wrap {
	position:relative;
	background-color:#151517
}
.main.x7_sw .box8 .wrap .cont {
	position:relative;
	height:100%
}
.main.x7_sw .box8 .wrap .text-box {
	position:absolute;
	top:8%;
	left:3%;
	width:94%;
	margin:0 auto;
	text-align:center
}
.main.x7_sw .box8 .wrap .text-box h4 {
	padding-bottom:24px;
	font-size:34px;
	font-weight:normal;
	color:#fff;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box8 .wrap .text-box .text {
	max-width:680px;
	margin:0 auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box8 .wrap .text-box p {
	font-size:18px;
	line-height:1.8;
	color:#999
}
.main.x7_sw .box8 .wrap .img-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	margin:auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box8 .wrap .img-box .img1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
@media (max-width: 1024px) {
	.main.x7_sw .box8 .wrap .text-box {
	top:8%
}
.main.x7_sw .box8 .wrap .text-box h4 {
	padding-bottom:.5rem;
	font-size:.70833rem
}
.main.x7_sw .box8 .wrap .text-box p {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box8 .wrap .text-box {
	top:13%
}
.main.x7_sw .box8 .wrap .text-box h4 {
	font-size:22px
}
.main.x7_sw .box8 .wrap .text-box p {
	display:inline;
	font-size:16px
}
}.main.x7_sw .box8.animate .wrap .text-box h4,.main.x7_sw .box8.animate .wrap .text-box .text {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box8.animate .wrap .img-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box9 {
	background-color:#efefef
}
.main.x7_sw .box9 .cont {
	position:relative;
	height:100%
}
.main.x7_sw .box9 .img-box {
	position:relative;
	width:50%;
	height:100%
}
.main.x7_sw .box9 .img-box img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	margin:auto;
	max-width:100%;
	max-height:100%;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box9 .text-box {
	position:relative;
	width:33.6%;
	height:100%
}
.main.x7_sw .box9 .text-box .top {
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box9 .text-box .title {
	padding-bottom:25px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.x7_sw .box9 .text-box .text {
	padding-bottom:58px;
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.x7_sw .box9 .text-box .icon-box {
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box9 .text-box .icon-box img {
	max-width:86px;
	vertical-align:middle
}
.main.x7_sw .box9 .text-box .icon-box .type {
	margin-left:.58333rem;
	vertical-align:middle
}
.main.x7_sw .box9 .text-box .icon-box .type h4 {
	padding-bottom:8px;
	font-size:18px;
	font-weight:normal;
	color:#3e280c
}
.main.x7_sw .box9 .text-box .icon-box .type .p {
	font-size:14px;
	line-height:1.6;
	color:#8b704c
}
.main.x7_sw .box9 .text-box .tips {
	position:absolute;
	left:0;
	bottom:7%;
	font-size:14px;
	line-height:1.6;
	color:#8b704c;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
@media (max-width: 1366px) {
	.main.x7_sw .box9 .text-box {
	width:35%
}
.main.x7_sw .box9 .text-box .text {
	width:94%;
	text-align:justify
}
.main.x7_sw .box9 .text-box .text p {
	display:inline
}
}@media (max-width: 1024px) {
	.main.x7_sw .box9 .text-box {
	width:40%
}
.main.x7_sw .box9 .text-box .title {
	font-size:.70833rem;
	padding-bottom:.52083rem
}
.main.x7_sw .box9 .text-box .text {
	padding-bottom:1.20833rem;
	font-size:16px;
	line-height:1.8
}
.main.x7_sw .box9 .text-box .icon-box img {
	width:60px
}
.main.x7_sw .box9 .text-box .icon-box .type {
	margin-left:.58333rem
}
.main.x7_sw .box9 .text-box .icon-box .type h4 {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box9 .text-box {
	float:none;
	width:94%;
	height:57%;
	margin:0 auto;
	text-align:center
}
.main.x7_sw .box9 .text-box .title {
	font-size:22px
}
.main.x7_sw .box9 .text-box .text {
	width:100%;
	padding-bottom:.83333rem;
	margin:0 auto;
	text-align:center
}
.main.x7_sw .box9 .text-box .icon-box {
	margin-bottom:.83333rem
}
.main.x7_sw .box9 .text-box .icon-box img {
	width:50px
}
.main.x7_sw .box9 .text-box .icon-box .type {
	text-align:left
}
.main.x7_sw .box9 .text-box .icon-box .type h4 {
	padding-bottom:5px;
	font-size:14px
}
.main.x7_sw .box9 .text-box .icon-box .type .p {
	font-size:14px
}
.main.x7_sw .box9 .text-box .tips {
	position:static;
	width:100%;
	text-align:center
}
.main.x7_sw .box9 .text-box .tips p {
	display:inline;
	font-size:14px
}
.main.x7_sw .box9 .img-box {
	float:none;
	width:100%;
	height:43%
}
.main.x7_sw .box9 .img-box img {
	right:-19%
}
}.main.x7_sw .box9.animate .img-box img {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box9.animate .text-box .top,.main.x7_sw .box9.animate .text-box .icon-box,.main.x7_sw .box9.animate .text-box .tips {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box10 .wrap {
	position:relative;
	background-color:#151517
}
.main.x7_sw .box10 .wrap .cont {
	position:relative;
	height:100%
}
.main.x7_sw .box10 .wrap .text-box {
	position:absolute;
	top:8%;
	left:3%;
	width:94%;
	margin:0 auto;
	text-align:center
}
.main.x7_sw .box10 .wrap .text-box h4 {
	padding-bottom:24px;
	font-size:34px;
	font-weight:normal;
	color:#fff;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box10 .wrap .text-box .text {
	max-width:680px;
	margin:0 auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box10 .wrap .text-box p {
	font-size:18px;
	line-height:1.8;
	color:#999
}
.main.x7_sw .box10 .wrap .img-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	margin:auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box10 .wrap .img-box .img1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
@media (max-width: 1024px) {
	.main.x7_sw .box10 .wrap .text-box {
	top:8%
}
.main.x7_sw .box10 .wrap .text-box h4 {
	padding-bottom:.5rem;
	font-size:.70833rem
}
.main.x7_sw .box10 .wrap .text-box p {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box10 .wrap .text-box {
	top:13%
}
.main.x7_sw .box10 .wrap .text-box h4 {
	font-size:22px
}
.main.x7_sw .box10 .wrap .text-box p {
	display:inline;
	font-size:16px
}
.main.x7_sw .box10 .wrap .img-box {
	height:82%;
	top:auto;
	bottom:0
}
}.main.x7_sw .box10.animate .wrap .text-box h4,.main.x7_sw .box10.animate .wrap .text-box .text {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box10.animate .wrap .img-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box11 .cont {
	height:100%
}
.main.x7_sw .box11 .top {
	height:39.17%;
	text-align:center;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box11 .top h4 {
	padding-bottom:26px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.x7_sw .box11 .top .text {
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.x7_sw .box11 .btm {
	height:60.83%;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box11 .btm .video-box {
	position:relative;
	height:100%;
	overflow:hidden
}
.main.x7_sw .box11 .btm .video-box video {
	position:relative;
	top:50%;
	left:50%;
	display:block;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%, -50%)
}
@media (max-width: 1024px) {
	.main.x7_sw .box11 .top h4 {
	padding-bottom:.54167rem;
	font-size:.70833rem
}
.main.x7_sw .box11 .top .text {
	font-size:16px;
	line-height:1.8
}
}@media (max-width: 750px) {
	.main.x7_sw .box11 .top {
	height:45%
}
.main.x7_sw .box11 .top h4 {
	font-size:22px
}
.main.x7_sw .box11 .btm {
	height:55%
}
}.main.x7_sw .box11.animate .top,.main.x7_sw .box11.animate .btm {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0px)
}
.main.x7_sw .box12 .wrap {
	position:relative;
	background-color:#050503
}
.main.x7_sw .box12 .wrap .cont {
	position:relative;
	height:100%
}
.main.x7_sw .box12 .wrap .text-box {
	position:absolute;
	top:8%;
	left:3%;
	width:94%;
	margin:0 auto;
	text-align:center
}
.main.x7_sw .box12 .wrap .text-box h4 {
	padding-bottom:24px;
	font-size:34px;
	font-weight:normal;
	color:#fff;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box12 .wrap .text-box .text {
	max-width:680px;
	margin:0 auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.1s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box12 .wrap .text-box p {
	font-size:18px;
	line-height:1.8;
	color:#999
}
.main.x7_sw .box12 .wrap .img-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	margin:auto;
	transition:transform 1s ,opacity 0.8s;
	transform:translatey(30px);
	transition-delay:0.2s;
	opacity:0;
	filter:alpha(opacity=0)
}
.main.x7_sw .box12 .wrap .img-box .img1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
@media (max-width: 1024px) {
	.main.x7_sw .box12 .wrap .text-box {
	top:8%
}
.main.x7_sw .box12 .wrap .text-box h4 {
	padding-bottom:.5rem;
	font-size:.70833rem
}
.main.x7_sw .box12 .wrap .text-box p {
	font-size:16px
}
}@media (max-width: 750px) {
	.main.x7_sw .box12 .wrap .text-box {
	top:13%
}
.main.x7_sw .box12 .wrap .text-box h4 {
	font-size:22px
}
.main.x7_sw .box12 .wrap .text-box p {
	display:inline;
	font-size:16px
}
.main.x7_sw .box12 .wrap .img-box {
	height:65%
}
}.main.x7_sw .box12.animate .wrap .text-box h4,.main.x7_sw .box12.animate .wrap .text-box .text {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box12.animate .wrap .img-box {
	transform:translatey(0px);
	opacity:1;
	filter:alpha(opacity=100)
}
.main.x7_sw .box13 .wrap {
	text-align:center;
	background-color:#fcfaf8
}
.main.x7_sw .box13 .wrap .text-box {
	padding-bottom:9%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatey(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.x7_sw .box13 .wrap .text-box h4 {
	padding-bottom:35px;
	font-size:34px;
	font-weight:normal;
	color:#3e280c
}
.main.x7_sw .box13 .wrap .text-box .text {
	font-size:18px;
	line-height:2;
	color:#8b704c
}
.main.x7_sw .box13 .wrap .list-box .li {
	width:165px;
	margin:0 16px 30px;
	font-size:0;
	vertical-align:top;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.x7_sw .box13 .wrap .list-box .li .img {
	width:70px;
	padding-bottom:26px;
	margin:0 auto
}
.main.x7_sw .box13 .wrap .list-box .li .img img {
	display:block;
	width:100%;
	margin:0 auto
}
.main.x7_sw .box13 .wrap .list-box .li .wen {
	font-size:18px;
	color:#8b704c
}
@media (max-width: 1366px) {
	.main.x7_sw .box13 .wrap .list-box .li {
	width:155px;
	margin:0 12px 26px
}
.main.x7_sw .box13 .wrap .list-box .li .wen {
	font-size:16px
}
}@media (max-width: 1080px) {
	.main.x7_sw .box13 .wrap {
	/* padding-top:110px */
}
}@media (max-width: 1024px) {
	.main.x7_sw .box13 .wrap {
	/* padding-top:2.29167rem */
}
.main.x7_sw .box13 .wrap .text-box h4 {
	font-size:.70833rem;
	padding-bottom:.72917rem
}
.main.x7_sw .box13 .wrap .text-box .text {
	font-size:16px;
	line-height:1.8
}
.main.x7_sw .box13 .wrap .list-box .li {
	margin:0 .25rem .54167rem
}
.main.x7_sw .box13 .wrap .list-box .li .img {
	width:50px;
	padding-bottom:14px
}
.main.x7_sw .box13 .wrap .list-box .li .wen {
	font-size:16px
}
}@media (max-width: 768px) {
	.main.x7_sw .box13 .wrap .text-box {
	width:94%;
	margin:0 auto;
	padding-bottom:8%
}
.main.x7_sw .box13 .wrap .text-box h4 {
	font-size:22px
}
.main.x7_sw .box13 .wrap .text-box .text {
	font-size:14px
}
.main.x7_sw .box13 .wrap .text-box .text p {
	display:inline
}
.main.x7_sw .box13 .wrap .list-box .li {
	width:136px;
	margin-bottom:20px
}
.main.x7_sw .box13 .wrap .list-box .li .img {
	width:40px;
	padding-bottom:10px
}
.main.x7_sw .box13 .wrap .list-box .li .wen {
	font-size:14px
}
}.main.x7_sw .box13.animate .wrap .text-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatey(0)
}
.main.x7_sw .box13.animate .wrap .list-box .li {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0);
	transition-delay:0.2s
}
.main.x7_sw .box13.animate .wrap .list-box .li:nth-child(2) {
	transition-delay:0.3s
}
.main.x7_sw .box13.animate .wrap .list-box .li:nth-child(3) {
	transition-delay:0.4s
}
.main.x7_sw .box13.animate .wrap .list-box .li:nth-child(4) {
	transition-delay:0.5s
}
.main.x7_sw .box13.animate .wrap .list-box .li:nth-child(5) {
	transition-delay:0.6s
}
.main.x7_sw .box13.animate .wrap .list-box .li:nth-child(6) {
	transition-delay:0.7s
}
.main.x7_sw .box14 .mcsb_horizontal.mcsb_inside>.mcsb_container {
	margin-bottom:16px
}
.main.x7_sw .box14 .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	background:#000 !important
}
.main.x7_sw .box14 .wrap {
	height:100%
}
.main.x7_sw .box14 .wrap .w1280 {
	padding-top:0
}
@media (max-width: 1200px) {
	.main.x7_sw .box14 .wrap .w1280 {
	padding-top:0
}
}@media (max-width: 1024px) {
	.main.x7_sw .box14 .wrap .w1280 {
	padding-top:0rem
}
}.main.x7_sw .box14 .wrap .img-box {
	width:35.7%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(-30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.x7_sw .box14 .wrap .img-box img {
	display:block;
	max-width:100%;
	max-height:100%
}
.main.x7_sw .box14 .wrap .text-box {
	width:62.5%;
	opacity:0;
	filter:alpha(opacity=0);
	transform:translatex(30px);
	transition:opacity 0.8s,transform 0.8s
}
.main.x7_sw .box14 .wrap .text-box .table-box {
	height:680px
}
.main.x7_sw .box14 .wrap .text-box .table-box table {
	width:100%
}
.main.x7_sw .box14 .wrap .text-box .table-box table .pt14 td {
	padding-top:14px
}
.main.x7_sw .box14 .wrap .text-box .table-box table .pb14 td {
	padding-bottom:14px;
	border-bottom:1px solid #f2ece6
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr {
	color:#8b704c
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr th {
	padding:14px;
	font-size:18px
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr td {
	padding:0;
	font-size:16px;
	line-height:2
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr td.pb14 {
	border-bottom:1px solid #f2ece6
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr td p {
	word-break:keep-all
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr:nth-child(1) {
	background-color:#faf8f1
}
.main.x7_sw .box14 .wrap .text-box .text {
	max-width:76%;
	padding:20px 20px 0 0;
	font-size:14px;
	line-height:1.8;
	color:#a4a2a0
}
@media (max-width: 1600px) {
	.main.x7_sw .box14 .wrap .text-box .table-box {
	height:530px
}
.main.x7_sw .box14 .wrap .text-box .table-box table .pt14 td {
	padding-top:10px
}
.main.x7_sw .box14 .wrap .text-box .table-box table .pb14 td {
	padding-bottom:10px
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr th {
	padding:14px;
	font-size:16px
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr td {
	font-size:14px;
	line-height:1.8
}
.main.x7_sw .box14 .wrap .text-box .text {
	padding:14px 14px 0 0
}
}@media (max-width: 1366px) {
	.main.x7_sw .box14 .wrap .text-box .table-box {
	height:400px
}
}@media (max-width: 968px) {
	.main.x7_sw .box14 .wrap .img-box {
	float:none;
	width:100%;
	padding-top:25px
}
.main.x7_sw .box14 .wrap .img-box img {
	display:block;
	width:130px;
	margin:0 auto 12px
}
.main.x7_sw .box14 .wrap .text-box {
	float:none;
	width:100%;
	overflow:hidden
}
.main.x7_sw .box14 .wrap .text-box .table-box table {
	min-width:600px
}
.main.x7_sw .box14 .wrap .text-box .table-box table .pt14 td {
	padding-top:4px
}
.main.x7_sw .box14 .wrap .text-box .table-box table .pb14 td {
	padding-bottom:4px
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr th {
	font-size:14px;
	padding:8px 10px
}
.main.x7_sw .box14 .wrap .text-box .table-box table tr td {
	font-size:13px;
	line-height:1.4
}
.main.x7_sw .box14 .wrap .text-box .text {
	padding:10px 10px 0 0;
	max-width:100%;
	line-height:1.4
}
}@media (max-width: 768px) {
	.main.x7_sw .box14 .wrap .text-box .table-box {
	height:220px
}
}.main.x7_sw .box14.animate .wrap .img-box,.main.x7_sw .box14.animate .wrap .text-box {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translatex(0);
	transition-delay:0.3s
}
.order-sw {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%
}
.order-sw.hide-a::after,.order-sw.hide-a::before {
	height:0
}
.order-sw.hidetwo .order-one-info {
	-webkit-transition:ease all .5s;
	transition:ease all .5s;
	-webkit-transform:translatey(0);
	-ms-transform:translatey(0);
	transform:translatey(0);
	opacity:1
}
.order-sw .order-one-info {
	position:absolute;
	position:absolute;
	z-index:6;
	top:50%;
	left:50%;
	box-sizing:border-box;
	width:1056px;
	height:686px;
	margin-top:-343px;
	margin-left:-528px;
	padding:40px 60px;
	-webkit-transition:ease all .5s;
	transition:ease all .5s;
	-webkit-transform:translatey(-40px);
	-ms-transform:translatey(-40px);
	transform:translatey(-40px);
	opacity:0;
	background:#fff
}
.order-sw .order-one-info .top .h {
	font-family:'ny-reg';
	font-size:34px;
	line-height:1;
	color:#0a0526
}
.order-sw .order-one-info .ulbox {
	height:530px
}
.order-sw .order-one-info .ulbox .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius:0;
	background:#000
}
.order-sw .order-one-info .top {
	padding-bottom:30px
}
.order-sw .order-one-info .ul {
	padding:0 0 50px;
	border-bottom:1px solid #c6c6c8
}
.order-sw .order-one-info .ul .h-sw {
	font-family:'ny-reg';
	font-size:16px;
	line-height:30px;
	color:#333
}
.order-sw .order-one-info .ul .h-tit {
	font-size:22px;
	line-height:1;
	margin-bottom:15px;
	padding-top:20px;
	color:#0a0526
}
.order-sw .order-one-info .ul .p {
	font-size:16px;
	line-height:1.8;
	color:#666;
	text-align:justify
}
.order-sw .order-one-info .ul .p p,.order-sw .order-one-info .ul .p strong,.order-sw .order-one-info .ul .p span {
	font-size:16px !important;
	line-height:1.8 !important;
	color:#666 !important
}
.order-sw .order-one-info .ul .p img {
	max-width:100%
}
.order-sw .order-one-info .ul:last-child {
	border-bottom:none
}
.order-sw .bg-close {
	position:fixed;
	z-index:4;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	background:rgba(0,0,0,0.6)
}
.order-sw .closex:hover:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.order-sw .closex:hover:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.order-sw .closex:hover {
	opacity:1
}
.order-sw .mcsb_outside .mcsb_scrolltools {
	right:-33px
}
.order-sw .wclosebtn {
	top:20px;
	right:20px
}
.order-sw .wclosebtn .icon {
	width:36px;
	height:36px;
	margin-left:0
}
@media (max-width: 768px) {
	.order-sw .mcsb_outside .mcsb_scrolltools {
	right:-17px
}
.order-sw .wclosebtn {
	right:10px
}
}@media (max-width: 1280px) {
	.order-two .order-one-info {
	width:90%;
	margin-left:-45%
}
.order-sw .order-one-info .top {
	padding-bottom:20px
}
.order-sw .order-one-info .ul {
	padding:0 0 30px
}
.order-sw .order-one-info {
	width:90%;
	margin-left:-45%
}
}@media (max-width: 1024px) {
	.order-sw .order-one-info .top .h {
	font-size:.70833rem
}
.order-sw .order-one-info .ul .p {
	font-size:14px;
	line-height:1.8
}
.order-sw .order-one-info .ul .p p,.order-sw .order-one-info .ul .p strong,.order-sw .order-one-info .ul .p span {
	font-size:14px !important
}
}@media (max-width: 768px) {
	.order-sw .order-one-info .ul {
	padding:0;
	border-bottom:0
}
.order-sw .order-one-info {
	padding:20px 36px
}
.order-sw .order-one-info {
	height:410px;
	margin-top:-205px
}
.order-sw .order-one-info .ulbox {
	height:300px
}
}