/* Css Document */

@font-face {
	font-family: 'century-gothic';
	src: url('../fonts/century-gothic.eot');
	src: url('../fonts/century-gothic.woff') format('woff'), url('../fonts/century-gothic.ttf') format('truetype'), url('../fonts/century-gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	font-size: 12px;
}

html,
body {
	-webkit-text-size-adjust: none;
}

body {
	color: #a2a2a2;
}

html,
body,
input,
p,
a,
span,
ul,
li,
dl,
dt,
dd,
ol,
select,
td,
th,
input,
textarea,
button,
div {
	font-family: "微软雅黑", "Microsoft Yahei", "HELVETI1ca Neue", "Tohoma";
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #666;
	outline: 0;
	text-decoration: none
}

a:link,
a:active {
	background-color: transparent;
}

a:hover {
	text-decoration: none;
}

@media (min-width: 1200px) {
	a:hover {
		color: #ff690a;
	}
}

small {
	display: block;
	font-size: 100%;
}

input,
textarea,
button,
select,
radio {
	outline: 0;
	border: 0;
}

textarea {
	resize: none;
}

a {
	text-decoration: none;
	outline: 0;
	blr: expression(this.onFocus=this.blur());
	/*按下鼠标图片周边不会出现虚线*/
}

::-ms-clear,
::-ms-reveal {
	display: none;
	/*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */
}

.mt {
	margin-top: 0 !important;
}

.mr {
	margin-right: 0 !important;
}

.mb {
	margin-bottom: 0 !important;
}

.ml {
	margin-left: 0 !important;
}


/* Grid */

.col-24x {
	width: 100%
}

.col-23x {
	width: 95.8333333333%
}

.col-22x {
	width: 91.6666666667%
}

.col-21x {
	width: 87.5%
}

.col-20x {
	width: 83.3333333333%
}

.col-19x {
	width: 79.1666666667%
}

.col-18x {
	width: 75%
}

.col-17x {
	width: 70.8333333333%
}

.col-16x {
	width: 66.6666666667%
}

.col-15x {
	width: 62.5%
}

.col-14x {
	width: 58.3333333333%
}

.col-13x {
	width: 54.1666666667%
}

.col-12x {
	width: 50%
}

.col-11x {
	width: 45.8333333333%
}

.col-10x {
	width: 41.6666666667%
}

.col-9x {
	width: 37.5%
}

.col-8x {
	width: 33.3333333333%
}

.col-7x {
	width: 29.1666666667%
}

.col-6x {
	width: 25%
}

.col-5x {
	width: 20.8333333333%
}

.col-4x {
	width: 16.6666666667%
}

.col-3x {
	width: 12.5%
}

.col-2x {
	width: 8.33333333333%
}

.col-1x {
	width: 4.16666666667%
}

.col-0x {
	width: 2.08333333333%
}

.weui-cell {
	padding: 10px 15px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.weui-cell_primary {
	min-width: 1px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.weui-cell__bd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.weui-cell__ft {
	text-align: right;
	color: #999999;
}

.weui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.weui-flex__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

body.loading {
	overflow-y: hidden
}

body.loading #main {
	overflow-y: hidden
}

#pageloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2000
}

#pageloader::after,
#pageloader::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	background: #fff;
	z-index: -1;
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}

#pageloader::before {
	top: 0
}

#pageloader::after {
	bottom: 0
}

#pageloader .loader-icon {
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

#pageloader.hiden::after,
#pageloader.hiden::before {
	height: 0
}

#pageloader.hiden .loader-icon {
	opacity: 0
}

.loader-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px
}

.loader-icon .circular {
	width: 100%;
	height: 100%;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center
}

.loader-icon .circular .path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round
}


/* index */

.idx-banner {
	background-color: #000;
	height: 100vh
}

.idx-banner img {
	position: absolute;
	top: 55%;
	left: 50%;
	opacity: 0;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 2s 2s;
	transition: all 2s 2s;
}

.idx-banner .word {
	position: absolute;
	top: 55%;
	left: 50%;
	opacity: 0;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 2s 2s;
	transition: all 2s 2s;
}

.idx-banner .fixed-head {
	height: 100%
}

.idx-banner .swiper-slide {
	background-color: rgba(0, 0, 0, .5);
}

.idx-banner .swiper-wrapper,
.idx-banner [data-swiper-parallax] {
	will-change: transform
}

.idx-banner .fixed-head {
	width: 100%;
	z-index: 0
}

.idx-banner .headbg {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.idx-banner .headbg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
	z-index: 1;
}

.idx-banner .slide_transition {
	-webkit-transition-duration: 1.6s;
	transition-duration: 1.6s
}

.idx-banner .swiper-container .swiper-lazy.showin {
	opacity: 1
}

.idx-banner .will-change {
	will-change: transtorm
}

.idx-more {
	position: absolute;
	z-index: 11;
	left: 50%;
	bottom: 20px;
	margin-left: -42px;
	width: 84px;
	height: 84px;
}

.idx-more span {
	margin: 14px;
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

.idx-more span i {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-animation: down_arrow 1.5s infinite;
	animation: down_arrow 1.5s infinite
}

.idx-banner .swiper-pagination {
	bottom: 30px !important;
}

.idx-banner .swiper-pagination-bullet {
	background: #fff;
}

.idx-banner .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-container .arrow {
	display: none;
	position: absolute;
	z-index: 10;
	top: 25%;
	margin-top: 0;
	width: 100px;
	height: 50%;
	padding: 0;
	background: none;
}

.swiper-container .arrow span,
.swiper-container .arrow span:after,
.swiper-container .arrow span:before {
	position: absolute;
	top: 50%;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.swiper-container .arrow span {
	margin-top: -1px;
	width: 0
}

.swiper-container .arrow span:after,
.swiper-container .arrow span:before {
	content: "";
	width: 30px
}

.swiper-container .arrow.btn-prev span {
	left: 50%;
	margin-left: -10px
}

.swiper-container .arrow.btn-prev span:before {
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.swiper-container .arrow.btn-prev span:after {
	left: 0;
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.swiper-container .arrow.btn-next span {
	right: 50%;
	margin-right: -10px
}

.swiper-container .arrow.btn-next span:before {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.swiper-container .arrow.btn-next span:after {
	right: 0;
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.swiper-container .btn-prev {
	left: 2%
}

.swiper-container .btn-next {
	right: 2%
}

.swiper-container .arrow:hover span {
	width: 40px
}

.swiper-container .arrow:hover.btn-prev span {
	margin-left: -20px
}

.swiper-container .arrow:hover.btn-next span {
	margin-right: -20px
}

.swiper-container .swiper-button-disabled {
	opacity: .3;
	cursor: default;
	pointer-events: none
}

.idx-banner .swiper-slide-active .headbg {
	-webkit-animation: 7s scaleBigToSmall;
	animation: 7s scaleBigToSmall;
}

.idx-banner .swiper-slide-active img {
	opacity: 1;
}

.idx-banner .swiper-slide-active .word {
	opacity: 1;
}

@-webkit-keyframes scaleBigToSmall {
	0% {
		-webkit-transform: scale(1.2) translate3d(0, 0, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1) translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-moz-keyframes scaleBigToSmall {
	0% {
		-moz-transform: scale(1.2) translate3d(0, 0, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: scale(1) translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-ms-keyframes scaleBigToSmall {
	0% {
		-ms-transform: scale(1.2) translate3d(0, 0, 0);
		opacity: 0;
	}
	100% {
		-ms-transform: scale(1) translate3d(0, 0, 0);
		opacity: 1;
	}
}

.scaleBigToSmall {
	-webkit-animation-name: scaleBigToSmall;
	animation-name: scaleBigToSmall;
	transform-origin: 50% 50%;
}

.idx-title {
	font-size: 60px;
	font-family: "century-gothic";
	line-height: 1;
	color: #5c5c5c;
}

.idx-overview {
	position: relative;
	padding: 60px 0 20px;
}

.idx-overview .container,
.idx-field .container,
.idx-news .container {
	margin: 0 16.5%;
}

@media (min-width: 641px) and (max-width: 1024px) {
	.idx-overview .container,
	.idx-field .container,
	.idx-news .container {
		margin: 0 12%;
	}
}

@media (max-width: 640px) {
	.idx-overview .container {
		margin: 0 7.7%;
	}
	.idx-field .container,
	.idx-news .container {
		margin: 0 10%;
	}
	.idx-overview {
		padding-top: 30px;
	}
	.idx-title {
		font-size: 40px;
	}
}

.idx-overview-box {
	padding: 0;
}

.idx-overview-box .idx-title {
	margin-right: 3%;
}

.idx-overview-desc {
	margin-top: 5px;
	margin-left: 4%;
	width: 400px;
	color: #555;
	font-size: 14px;
	line-height: 28px;
}

@media (min-width: 780px) {
	.idx-overview-desc {
		height: 56px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.idx-overview-dot a {
	display: inline-block;
	margin-top: 30px;
	padding: 10px;
}

.idx-overview-dot i {
	display: inline-block;
	margin: 0 6px;
	width: 8px;
	height: 8px;
	background: #525252;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.idx-overview-cover {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}

.idx-overview-anibox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.idx-overview-anibox .dot {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -35px;
	max-width: 107px;
	max-height: 107px;
	min-width: 70px;
	min-height: 70px;
	background: rgba(234, 90, 8, .9);
}

.idx-overview-wrap {
	margin: 0 auto;
	width: 915px;
	height: 317px;
}

.idx-overview-anibox .style1 {
	width: 612px;
	height: 360px;
}

.idx-overview-anibox .style1 img {
	position: absolute;
	top: 8%;
	width: 100%;
	height: auto;
}

.idx-overview-anibox .style2 {
	width: 40%;
	height: 140%;
}

.idx-overview-anibox .ani1 img {
	left: -50%;
}

.idx-overview-anibox .ani3 img {
	right: -50%;
}

.idx-overview-anibox .ani2 .dot {
	left: -5%;
}

.idx-overview-anibox .ani4 .dot {
	right: -10%;
}

.idx-overview .more-with-line {
	position: relative;
	top: -95px;
	left: 6px;
}

@media (max-width: 1200px) {
	.idx-overview-wrap {
		display: none;
	}
	.idx-overview .more-with-line {
		top: 0;
		left: 1px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

.more-with-line a {
	display: inline-block;
}

.more-with-line .line {
	display: block;
	margin: 0 auto 27px;
	width: 1px;
	height: 117px;
	background: #dcdcdc;
	-webkit-transition: all .7s;
	transition: all .7s;
}

.more-with-line .en {
	font-size: 16px;
	color: #525252;
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media (max-width: 991px) {
	.idx-banner img.hidden-xs {
		max-width: 80%;
	}
}

@media (max-width: 780px) {
	.idx-overview-box {
		padding: 0 15px;
	}
	.idx-overview-box .idx-title {
		margin-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}
	.idx-overview-desc {
		margin-left: 0;
		width: 100%;
	}
}

@media (max-width: 640px) {
	.idx-banner img.hidden-xs {
		max-width: 70%;
	}
}

@media (min-width: 992px) {
	.idx-overview-dot a:hover i,
	.idx-overview-dot.active a i {
		margin: 0 10px;
		background: #eb6112;
	}
	.more-with-line a:hover .line {
		height: 130px;
		background: #eb6112;
	}
	.more-with-line a:hover .en {
		color: #eb6112;
	}
	.swiper-container .arrow {
		display: block;
	}
}

.idx-field {
	padding-top: 60px;
	padding-bottom: 55px;
	background: #f6f6f6;
}

.idx-field .swiper-slide {
	background: #f6f6f6;
}

.idx-field .idx-title {
	margin-bottom: 20px;
	margin-right: 15px;
	padding-right: 56.8%;
}

.idx-field img {
	max-width: 100%;
}

.idx-field .col-md-5 {
	width: 43.2%;
}

.idx-field .col-md-7 {
	width: 56.8%;
	padding-left: 40px;
}

.idx-field-text {
	font-size: 14px;
	line-height: 26px;
	color: #555;
}

.idx-field-text p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #a0a0a0;
}

.idx-field-text .line {
	display: block;
	margin-bottom: 4.5%;
	width: 22px;
	height: 3px;
	background: #5c5c5c;
}

.idx-field-tit {
	margin-bottom: 10px;
	font-size: 16px;
	color: #393939;
}

.idx-field-nav {
	margin-top: 40px;
}

.idx-field-nav .row>div {
	position: relative;
	height: 54px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.idx-field-nav .after {
	height: 54px;
	font-size: 14px;
	line-height: 27px;
	color: #606060;
}

.idx-field-nav .after span {
	opacity: 1;
	-webkit-transition: all 0.5s;
	transition: all 0.5;
}

.idx-field-nav .after i {
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 10px;
	display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #ff690a;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/index_icon5.png);
	-webkit-transition: all .5s cubic-bezier(.23, 0, .38, 1);
	transition: all .5s cubic-bezier(.23, 0, .38, 1);
}

.idx-field-nav .row>div:nth-of-type(1) .after i {
	background-position: 0 0;
}

.idx-field-nav .row>div:nth-of-type(2) .after i {
	background-position: 0 -54px;
}

.idx-field-nav .row>div:nth-of-type(3) .after i {
	background-position: 0 -108px;
}

.idx-field-nav .row>div:nth-of-type(4) .after i {
	background-position: 0 -162px;
}

.idx-field-nav .row>div:hover i {
	bottom: 0;
	margin-left: -27px;
	width: 54px;
	height: 54px;
}

.idx-field-nav .row>div:hover span {
	opacity: 0;
}

.idx-field-abs {
	position: relative;
	margin-top: 9%;
	width: 100%;
	height: 60%;
}

.idx-field-tabs {
	width: 77px;
}

.idx-field-tabs ul {
	padding: 0;
	width: 100%;
	height: 100%;
}

.idx-field-tabs li {
	position: relative;
	list-style: none;
	margin-top: 42%;
	cursor: pointer;
}

.idx-field-tabs li:first-child {
	margin-top: 0;
}

.idx-field-tabs li i {
	display: block;
	margin-left: 23px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 100%;
}

.idx-field-icon1 li i {
	background-image: url(../images/index_icon1.png);
}

.idx-field-icon1 li:hover i,
.idx-field-icon1 li.active i {
	background-image: url(../images/index_icon1_hover.png);
}

.idx-field-icon2 li i {
	background-image: url(../images/index_icon2.png);
}

.idx-field-icon2 li:hover i,
.idx-field-icon2 li.active i {
	background-image: url(../images/index_icon2_hover.png);
}

.idx-field-icon3 li i {
	background-image: url(../images/index_icon3.png);
}

.idx-field-icon3 li:hover i,
.idx-field-icon3 li.active i {
	background-image: url(../images/index_icon3_hover.png);
}

.idx-field-icon4 li i {
	background-image: url(../images/index_icon4.png);
}

.idx-field-icon4 li:hover i,
.idx-field-icon4 li.active i {
	background-image: url(../images/index_icon4_hover.png);
}

.idx-field-tabs li:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 4px;
	height: 0;
	background: #ff690a;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.idx-field-tabs li:nth-of-type(1) i {
	background-position: 0 0;
}

.idx-field-tabs li:nth-of-type(2) i {
	background-position: 0 -30px;
}

.idx-field-tabs li:nth-of-type(3) i {
	background-position: 0 -60px;
}

.idx-field-tabs li:nth-of-type(4) i {
	background-position: 0 -90px;
}

.idx-field-tabs li:hover::before,
.idx-field-tabs li.active::before {
	height: 30px;
}

.idx-field-tabs li::after {
	position: absolute;
	content: "";
	display: none;
	right: 0;
	top: 50%;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #ff690a;
}

.idx-field-tabs li.active::after {
	display: block;
}

.idx-field .swiper-button-next,
.idx-field .swiper-button-prev {
	top: 60%;
	background: none;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

.idx-field .swiper-button-next {
	right: -30px;
}

.idx-field .swiper-button-prev {
	left: -30px;
}

@media (min-width: 1600px) {
	.idx-field .container,
	.idx-news .container {
		margin: 0 20%;
	}
}

@media (min-width: 1700px) {
	.idx-field-tabs li {
		margin-top: 60%;
	}
}

@media (max-width: 991px) {
	.idx-field {
		padding-bottom: 10%;
	}
}

@media (max-width: 640px) {
	.idx-field {
		padding-top: 30px;
		padding-bottom: 0;
	}
	.idx-field-text p {
		height: auto;
	}
	.idx-field .swiper-button-next,
	.idx-field .swiper-button-prev {
		top: 42%;
	}
}

.idx-field-panel {
	position: absolute;
	left: 77px;
	right: 0;
	bottom: 0;
	top: 0;
	text-align: center;
	color: #fff;
	background-color: #ff690a;
	color: #fff;
}

.idx-field-panel .weui-cell {
	padding: 0;
	height: 100%;
}

.idx-field-panel .weui-cell__bd>div {
	display: inline-block;
	padding: 5%;
	background: #ff690a;
}

.idx-field-panel h6 {
	margin-bottom: 20px;
	font-size: 22px;
}

.idx-field-panel svg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.more-white {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 10px;
	border: 2px solid #fff;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.more-white i {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #fff;
	-webkit-transition: all .7s cubic-bezier(.77, 0, .175, 1);
	transition: all .7s cubic-bezier(.77, 0, .175, 1);
}

.more-white span {
	position: relative;
	top: -1px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

.more-white:hover i {
	width: 100%;
}

.more-white:hover span {
	color: #ff690a;
}

.more-orange {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 18px;
	width: 128px;
	height: 28px;
	border: 2px solid #ff7426;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.more-orange i {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #ff7426;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all .7s cubic-bezier(.77, 0, .175, 1);
	transition: all .7s cubic-bezier(.77, 0, .175, 1);
}

.more-orange span {
	position: relative;
	color: #ec6f33;
	font-size: 16px;
	line-height: 24px;
}

.more-orange:hover i {
	width: 100%;
}

.more-orange:hover span {
	color: #fff;
}

@media (max-width: 991px) {
	.idx-field-text .line {
		margin-top: 50px;
		margin-bottom: 40px;
	}
}

@media (max-width: 640px) {
	.idx-field .col-md-5,
	.idx-field .col-md-7 {
		width: 100%;
	}
	.idx-field .idx-title {
		margin: 0 0 15px 0;
		padding: 0;
		text-align: center;
	}
	.idx-field-text .line {
		margin-top: 25px;
		margin-bottom: 20px;
	}
}

.idx-news {
	padding: 68px 0;
}

.idx-news .idx-title {
	position: absolute;
	right: -28px;
	top: 8%;
	width: 50%;
}

#gallery-wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

img.thumb {
	width: 100%;
	height: auto;
}

.white-panel {
	position: absolute;
	background: white;
	overflow: hidden;
}

.white-panel h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #555;
}

.white-panel p {
	color: #808080;
	font-size: 14px;
	line-height: 24px;
}

.white-panel small {
	margin-top: 10px;
	font-family: "century-gothic";
	font-size: 14px;
	color: #5c5c5c;
}

.white-panel small span {
	padding-left: 5px;
	color: #a1a1a1;
}

.white-panel a {
	position: relative;
	display: block;
	-webkit-transition: all 0.35s linear;
	transition: all 0.35s linear;
}

.white-panel .picbox i {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 108px;
	height: 108px;
	background: #ff690a;
	-webkit-transition: all 1.2s cubic-bezier(.23, 1, .38, 1);
	transition: all 1.2s cubic-bezier(.23, 1, .38, 1);
}

.white-panel .picbox i:before,
.white-panel .picbox i:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: "";
	background: #fff;
}

.white-panel .picbox i:before {
	width: 36px;
	height: 7px;
	margin-top: -3.5px;
	margin-left: -18px;
}

.white-panel .picbox i:after {
	height: 36px;
	width: 7px;
	margin-left: -3.5px;
	margin-top: -18px;
}

@media (min-width: 992px) {
	.white-panel small {
		position: absolute;
		top: 0;
		text-align: center;
		font-size: 22px;
		line-height: 22px;
	}
	.white-panel:nth-of-type(2n-1) a {
		padding-right: 59px;
		padding-left: 15px;
	}
	.white-panel:nth-of-type(2n) a {
		padding-left: 59px;
		padding-right: 15px;
	}
	.white-panel:nth-of-type(2n-1) small {
		right: 15px;
	}
	.white-panel:nth-of-type(2n) small {
		left: 15px;
	}
	.white-panel small span,
	.white-panel small strong {
		position: relative;
		display: block;
	}
	.white-panel small span {
		padding-left: 0;
		font-size: 12px;
	}
	.white-panel h4 {
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

@media (max-width: 1024px) {
	.idx-field-abs {
		display: none;
	}
}

@media (min-width: 641px) and (max-width: 1024px) {
	.idx-field .swiper-slide {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
}

@media (min-width: 641px) and (max-width: 991px) {
	.idx-field .col-sm-6:nth-of-type(2n-1) {
		padding-right: 28px !important;
	}
	.idx-field .col-sm-6:nth-of-type(2n) {
		padding-left: 28px !important;
	}
	.white-panel:nth-of-type(2n-1) a {
		padding-right: 28px;
	}
	.white-panel:nth-of-type(2n) a {
		padding-left: 28px;
	}
}

@media (max-width: 640px) {
	.idx-field .col-sm-6 {
		padding: 0 !important;
	}
	.idx-news {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.idx-news .idx-title {
		position: static;
		width: 100%;
		text-align: center;
	}
	.white-panel {
		margin-top: 8%;
		position: static;
	}
	#gallery-wrapper {
		height: auto !important;
	}
}


/* news */

.banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 244px;
	background: #f0f0f0;
	text-align: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.banner-title {
	position: relative;
	top: 47%;
	color: #e0e0e0;
	font-size: 150px;
	font-weight: 800;
}

.wrapper {
	margin-top: 244px;
	background: #fff;
	overflow: hidden;
}

.subnav {
	padding: 20px 0;
}

.subnav a {
	display: inline-block;
	margin: 5px 15px;
	font-size: 16px;
	line-height: 20px;
	color: #aaa;
	text-transform: capitalize;
}

.subnav a:hover,
.subnav a.active {
	color: #ff690a;
}

.subnav .weui-cell {
	padding: 0 7.7%;
	height: 50px;
}

.subnav .weui-cell__bd {
	font-size: 16px;
	color: #333;
}

.subnav .weui-cell__ft {
	width: 12px;
	height: 12px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.subnav .weui-cell.hover .weui-cell__ft {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.subnav ul {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	z-index: 10;
	padding: 0;
	margin: 0;
	background: #fff;
}

.subnav ul li {
	border-top: 1px solid #dcdcdc;
}

.subnav ul li a {
	display: block;
	margin: 0;
	padding: 15px 7.7%;
	color: #666;
	font-size: 14px;
	background-color: #fff;
}

@media (max-width: 780px) {
	.subnav {
		margin-bottom: 20px;
		padding: 0;
		border-bottom: 1px solid #ebebeb;
	}
}

@media (max-width: 640px) {
	.subnav {
		margin-bottom: 0;
	}
}

.page a {
	display: inline-block;
	margin: 0 3px;
	width: 18px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #535353;
	background-color: #fff;
	border: 1px solid transparent;
	font-family: "Arial";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.page-prev,
.page-m,
.page-next {
	display: inline-block;
}

.page-m {
	position: relative;
	top: -1px;
	+display: inline !important;
}

.page-m a.active {
	color: #fff;
	background-color: #eb6112;
	border-color: #eb6112;
}

.page-m a:hover {
	color: #fff;
	background-color: #666;
	border-color: #666;
}

.page-prev,
.page-next {
	position: relative;
	top: 3px;
	+display: inline !important;
}

.page-prev a,
.page-next a {
	border-color: #b8b8b8;
	background-repeat: no-repeat;
	background-position: center center;
}

.page-prev a {
	background-image: url(../images/prev.png);
}

.page-next a {
	background-image: url(../images/next.png);
}

.page-prev a:hover {
	border-color: #4e4e4e;
}

.page-next a:hover {
	border-color: #4e4e4e;
}

.news {
	padding-bottom: 70px;
}

.news .page {
	margin-top: 100px;
}

.news-item {
	margin-top: 30px;
}

.news-item .weui-cell {
	position: relative;
	padding: 5.5%;
	background: #f5f5f5;
}

.news-item .weui-cell::after {
	position: absolute;
	content: "";
	display: block;
	top: 16.5%;
	bottom: 16.5%;
	right: 18%;
	width: 1px;
	background: #dcdcdc;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.news-item .weui-cell__hd {
	width: 21.738%;
}

.news-item .weui-cell__hd img {
	max-width: 100%;
}

.news-item .weui-cell__bd {
	padding: 0 10.2% 0 6.2%;
}

.news-item .weui-cell__bd h6 {
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #5c5c5c;
	-webkit-transition: all .7s cubic-bezier(.37, 1, .38, 1);
	transition: all .7s cubic-bezier(.37, 1, .38, 1);
}

.news-item .weui-cell__bd p {
	font-size: 14px;
	line-height: 24px;
	color: #b0b0b0;
	height: 48px;
	overflow: hidden;
	-webkit-transition: all .7s cubic-bezier(.37, 1, .38, 1);
	transition: all .7s cubic-bezier(.37, 1, .38, 1);
}

.news-item .weui-cell__ft {
	padding-bottom: .3em;
	text-align: center;
	color: #5c5c5c;
	font-family: "century-gothic";
	-webkit-transition: all .7s cubic-bezier(.37, 1, .38, 1);
	transition: all .7s cubic-bezier(.37, 1, .38, 1);
}

.news-item .weui-cell__ft span {
	line-height: 1.5;
	-webkit-transition: all .7s cubic-bezier(.37, 1, .38, 1);
	transition: all .7s cubic-bezier(.37, 1, .38, 1);
}

@media (max-width: 1400px) {
	.news-item .weui-cell::after {
		right: 20%;
	}
}

@media (max-width: 1200px) {
	.news-item .weui-cell__bd h6 {
		margin-bottom: 10px;
	}
	.news-item .weui-cell::after {
		right: 22%;
	}
}

@media (min-width: 641px) and (max-width: 1024px) {
	.news-item {
		margin-top: 30px;
	}
}

@media (max-width: 780px) {
	.wrapper {
		margin-top: 200px;
	}
	.banner {
		height: 200px;
	}
	.banner-title {
		top: 68%;
		font-size: 8rem;
	}
}

@media (max-width: 640px) {
	.wrapper {
		margin-top: 144px;
	}
	.banner {
		height: 144px;
	}
	.banner-title {
		top: 77%;
		font-size: 3.8rem;
	}
	.news-item {
		margin-top: 10px;
	}
	.news-item .weui-cell {
		padding: 15px;
	}
	.news-item .weui-cell__bd h6 {
		margin-top: 0;
	}
	.news-item .weui-cell__bd p {
		line-height: 20px;
		height: 40px;
	}
	.news-item .weui-cell::after {
		right: 22%;
	}
	.news-item .weui-cell__ft {
		font-size: 12px;
	}
	.page {
		display: none;
	}
}

@media (min-width: 780px) {
	.subnav a {
		margin: 0 2.7%;
	}
}

@media (min-width: 1025px) {
	.news-item .weui-cell::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		display: block;
		width: 0;
		height: 100%;
		background: #ff690a;
		-webkit-transition: all 1s cubic-bezier(.37, 1, .38, 1);
		transition: all 1s cubic-bezier(.37, 1, .38, 1);
	}
	.news-item .weui-cell:hover::before {
		width: 100%;
	}
	.news-item .weui-cell:hover::after {
		background: #f9914e;
	}
	.news-item .weui-cell:hover * {
		color: #fff;
	}
}

.news-close span {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	margin: -1px 0 0 -10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.news-close span::before,
.news-close span::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.news-close span::before {
	background: #e5e5e5;
	opacity: 1;
	filter: alpha(opacity=100);
}

.news-close span::after {
	background: #333;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.news-close span:last-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.news-close span:last-child::before,
.news-close span:last-child::after {
	-webkit-transition-delay: .18s;
	transition-delay: .18s;
}

.news-close .in {
	position: relative;
	margin: 0 auto 30px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.news-close .in:hover span::before {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.news-close .in:hover span::after {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/* culture */

.culture-tags {
	padding-top: 2.8%;
	padding-bottom: 2.8%;
}

.culture-tags .row>div>div {
	display: inline-block;
	text-align: left;
}

.culture-tags h3 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #434343;
}

.culture-tags p {
	font-size: 16px;
	color: #7c7c7c;
}

.culture-flex {
	margin-bottom: 4%;
}

.culture-flex .weui-cell {
	padding: 0;
	text-align: center;
}

.culture-flex .picbox {
	width: 50%;
}

.culture-flex .picbox img {
	width: 100%;
}

.culture-flex .article {
	display: inline-block;
	text-align: left;
}

.culture-flex .article h3 {
	margin-top: 0;
	font-size: 20px;
	color: #434343;
}

.culture-flex .article p {
	font-size: 14px;
	line-height: 28px;
	color: #7c7c7c;
}

.culture-flex .core-title h3 {
	font-size: 18px !important;
	font-weight: bold;
}

@media (max-width: 640px) {
	.culture-tags .row>div,
	.culture-tags .row>div>div {
		text-align: center;
	}
	.culture-tags .row>div h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.culture-tags p {
		font-size: 14px;
	}
	.culture-flex .weui-cell {
		display: block;
	}
	.culture-flex .picbox,
	.culture-flex .weui-cell__bd {
		width: 100%;
	}
	.culture-flex .article {
		text-align: center;
	}
	.culture-flex .article h3 {
		font-size: 20px;
	}
	.culture-flex .article p {
		line-height: 24px;
	}
	.technique-box5 .culture-flex .core-title {
		margin-top: 15px;
	}
}

@media (min-width: 641px) {
	.culture-flex .article {
		max-width: 80%;
	}
	.technique-box5 .culture-flex .core-title {
		margin-left: 15%;
	}
}

@media (min-width: 780px) {
	.culture-tags .row>div:nth-of-type(2) div {
		margin-left: 15%;
	}
	.culture-tags .row>div:nth-of-type(3) div {
		margin-left: 25%;
	}
	.culture-tags .row>div:nth-of-type(4) {
		text-align: right;
	}
}

@media (min-width: 1161px) {
	.culture .container {
		padding-left: 10.64%;
		padding-right: 10.64%;
	}
}


/* team */

.team {
	padding-bottom: 4.2%;
}

.team .page {
	margin-top: 6%;
}

.team .row>div {
	padding-top: 2.5%;
}

.team-item .imgbox img {
	max-width: 100%;
}

.team-item .imgtext {
	padding: 20px 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.team-item h6 {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 14px;
	color: #555;
	font-weight: bold;
}

.team-item span {
	font-size: 12px;
	color: #4f4f4f;
}

.team-item .weui-cell__ft {
	position: relative;
	width: 28px;
	height: 28px;
	border: 1px solid #b5b5b5;
}

.team-item .weui-cell__ft::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3px;
	margin-left: -4px;
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media (max-width: 640px) {
	.team .row>div {
		margin-top: 10px;
	}
	.team-item h6 {
		margin-top: 15px;
	}
	.team-item .imgtext {
		padding: 0;
	}
	.team-item .weui-cell__ft {
		width: 28px;
		height: 28px;
	}
	.team-item .weui-cell__ft::before {
		width: 8px;
		height: 8px;
		margin-top: -4px;
		margin-left: -5px;
	}
}

@media (min-width: 415px) and (max-width: 640px) {
	.team .row>div {
		width: 50%;
	}
}

@media (min-width: 780px) and (max-width: 991px) {
	.team-item {
		width: 96%;
	}
	.team .row>div:nth-of-type(2n) {
		text-align: right;
	}
	.team .row>div:nth-of-type(2n) .team-item {
		display: inline-block;
		text-align: left;
	}
}

@media (min-width: 992px) {
	.team .row>div:hover .team-item {
		-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
		box-shadow: 0 15px 30px rgba(0, 0, 0, .3)
	}
	.team .row>div:hover .imgtext {
		padding: 20px 15px;
	}
	.team-item {
		width: 94%;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
	}
	.team .row>div:nth-of-type(3),
	.team .row>div:nth-of-type(6) {
		text-align: right;
	}
	.team .row>div:nth-of-type(3) .team-item,
	.team .row>div:nth-of-type(6) .team-item {
		display: inline-block;
		text-align: left;
	}
	.team .row>div:nth-of-type(2) .team-item,
	.team .row>div:nth-of-type(5) .team-item {
		margin: 0 auto;
	}
}

@media (min-width: 1660px) {
	.team-item {
		width: 86%;
	}
}


/* details */

.details-title {
	margin-top: 2%;
}

.details-title h1 {
	margin-bottom: 18px;
	font-size: 28px;
	color: #4f4f4f;
}

.details-title p {
	font-size: 12px;
	color: #4f4f4f;
}

.details-article {
	padding: 3% 0;
	font-size: 14px;
	color: #555;
	line-height: 28px;
}

.details-article img {
	max-width: 100% !important;
	height: auto !important;
}

@media (max-width: 640px) {
	.details-title h1 {
		font-size: 24px;
	}
}


/* partners */

.partners,
.process {
	padding: 4% 11.4032% 12%;
}

.partners img {
	max-width: 100%;
}

.partners .row>div {
	padding: 0;
	background: #f6f6f6;
	-webkit-transition: all 0.35s linear;
	transition: all 0.35s linear;
}

@media (max-width: 599px) {
	.partners .row>div:nth-of-type(2),
	.partners .row>div:nth-of-type(3),
	.partners .row>div:nth-of-type(6),
	.partners .row>div:nth-of-type(7),
	.partners .row>div:nth-of-type(10),
	.partners .row>div:nth-of-type(11),
	.partners .row>div:nth-of-type(14),
	.partners .row>div:nth-of-type(15) {
		background: #e8e8e8;
	}
}

@media (min-width: 600px) and (max-width: 991px) {
	.partners .row>div:nth-of-type(2),
	.partners .row>div:nth-of-type(4),
	.partners .row>div:nth-of-type(6),
	.partners .row>div:nth-of-type(8),
	.partners .row>div:nth-of-type(10),
	.partners .row>div:nth-of-type(12),
	.partners .row>div:nth-of-type(14),
	.partners .row>div:nth-of-type(16) {
		background: #e8e8e8;
	}
}

@media (min-width: 992px) {
	.partners .row>div:nth-of-type(2),
	.partners .row>div:nth-of-type(4),
	.partners .row>div:nth-of-type(5),
	.partners .row>div:nth-of-type(7),
	.partners .row>div:nth-of-type(10),
	.partners .row>div:nth-of-type(12),
	.partners .row>div:nth-of-type(13),
	.partners .row>div:nth-of-type(15) {
		background: #e8e8e8;
	}
}


/* process */

.process .row::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 21px;
	width: 1px;
	height: 91%;
	background: #eb6112;
}

.process .row>div {
	position: relative;
	margin-bottom: 12%;
}

.process .row>div::before {
	position: absolute;
	left: 16px;
	bottom: -8px;
	display: block;
	content: "";
	width: 12px;
	height: 20px;
	background: #fff;
}

.process .row>div::after {
	position: absolute;
	bottom: 0;
	left: 18px;
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid #eb6112;
	border-right: 1px solid #eb6112;
	-webkit-transform: rotate(135deg);
	transform: rotata(135deg);
}

.process .row>div:last-child::before,
.process .row>div:last-child::after {
	display: none;
}

.process img {
	position: absolute;
	left: 0;
	top: 0;
	width: 42px;
	height: 42px;
}

.process-article {
	margin-left: 45px;
	padding-bottom: 5%;
}

.process-article h6 {
	font-size: 20px;
	color: #eb6112;
}

.process-article p {
	font-size: 14px;
	color: #555;
	line-height: 28px;
}

.process .cap {
	margin-top: 10%;
	color: #eb6112;
	font-size: 18px;
	text-align: center;
}

.process .cap span {
	font-size: 40px;
	line-height: 1.1;
	font-family: "century-gothic";
}

.process .cap span:nth-of-type(2) {
	display: block;
	margin-bottom: 10px;
}

.process .gotop {
	width: 50px;
	height: 50px;
	margin: 12% auto 0;
	position: relative;
	background: #eb6112;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.process .gotop::before {
	position: absolute;
	content: "";
	top: 19px;
	left: 17px;
	display: block;
	width: 15px;
	height: 15px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media (min-width: 760px) {
	.process .row>div:nth-of-type(2n-1) {
		margin-left: 50%;
	}
	.process .row>div:nth-of-type(2n) {
		margin-right: 50%;
	}
}

@media (min-width: 761px) {
	.process {
		padding: 4% 4% 11%;
	}
	.process .row::before {
		left: 50%;
		height: 100%;
	}
	.process .row>div {
		margin-bottom: 7%;
	}
	.process-article {
		padding-bottom: 9%;
	}
	.process .row>div:nth-of-type(2n-1)::before {
		left: 25px;
	}
	.process .row>div:nth-of-type(2n-1)::after {
		left: 28px;
	}
	.process .row>div:nth-of-type(2n)::before {
		left: auto;
		right: 25px;
	}
	.process .row>div:nth-of-type(2n)::after {
		left: auto;
		right: 28px;
	}
	.process-article h6 {
		margin-top: 18px;
		margin-bottom: 18px;
	}
	.process .row>div:nth-of-type(2n-1) .process-article {
		margin-left: 70px;
	}
	.process .row>div:nth-of-type(2n) .process-article {
		margin-left: 0;
		margin-right: 70px;
		text-align: right;
	}
	.process .row>div:nth-of-type(2n) img {
		left: auto;
		right: 0;
	}
	.process .row>div:last-child::after {
		display: block;
		bottom: -42%;
	}
	.process .cap span {
		font-size: 50px;
	}
	.process .gotop {
		margin-top: 9%;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@media (min-width: 992px) {
	.process img {
		width: 84px;
		height: 84px;
	}
	.process .row>div:nth-of-type(2n-1) {
		left: -42px;
	}
	.process .row>div:nth-of-type(2n) {
		right: -42px;
	}
	.process .row>div:nth-of-type(2n-1)::before {
		left: 36px;
	}
	.process .row>div:nth-of-type(2n-1)::after {
		left: 39px;
	}
	.process .row>div:nth-of-type(2n)::before {
		right: 36px;
	}
	.process .row>div:nth-of-type(2n)::after {
		right: 39px;
	}
	.process .row>div:nth-of-type(2n-1) .process-article {
		margin-left: 107px;
	}
	.process .row>div:nth-of-type(2n) .process-article {
		margin-right: 107px;
	}
	.process .row>div:last-child::after {
		bottom: -57%;
	}
	.process-article h6 {
		margin-top: 30px;
	}
	.process .cap span {
		font-size: 60px;
	}
	.partners .row>div:hover {
		z-index: 1;
		-webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .3);
		box-shadow: 0 15px 25px rgba(0, 0, 0, .3);
	}
}

@media (min-width: 1200px) {
	.process .row>div:last-child::after {
		bottom: -68%;
	}
}

@media (min-width: 761px) and (max-width: 991px) {
	.process .row>div:nth-of-type(2n-1) {
		left: -31px;
	}
	.process .row>div:nth-of-type(2n) {
		right: -31px;
	}
	.process .row>div:nth-of-type(2n) .process-article {
		margin-left: 0;
		margin-right: 65px;
	}
	.process img {
		width: 62px;
		height: 62px;
	}
}


/* recruit */

.recruit-cell-wrap {
	padding: 2% 0 3%;
}

.recruit-cell {
	margin-left: 7.7%;
	padding: 0;
}

.recruit-cell:nth-of-type(2) {
	margin-top: 2%;
}

.culture-ad-text {
	width: 23.3333333333%;
}

.culture-ad-text div {
	margin-right: 10%;
}

.culture-ad-text .f22 {
	color: #404040;
}

.culture-ad-text .f54 {
	margin-bottom: 28px;
	color: #eb6112;
	line-height: 1.2;
	font-size: 38px;
}

.culture-ad-text .f14 {
	color: #717171;
	line-height: 28px;
}

.recruit-bd {
	padding-top: 5.5%;
	padding-bottom: 3%;
	background: #f1f1f1;
}

.recruit-bd .row>div {
	margin-bottom: 30px;
}

.recruit-bd .row>div img {
	-webkit-transition: all .7s;
	transition: all .7s;
}

.recruit-bd-tit {
	margin-top: 3%;
}

.recruit-bd-tit::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #c5c5c5;
}

.recruit-bd-tit span {
	position: relative;
	display: inline-block;
	padding: 0 75px;
	font-size: 22px;
	color: #292929;
	background: #f1f1f1;
}

.recruit-bd-tit span::before,
.recruit-bd-tit span::after {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #959595;
	background: #f1f1f1;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.recruit-bd-tit span::before {
	left: 0;
}

.recruit-bd-tit span::after {
	right: 0;
}

.recruit-ft {
	padding: 7% 11% 10%;
}

.recruit-ft-tit {
	margin-bottom: 8%;
	font-size: 22px;
	color: #292929;
}

.recruit-ft .row>div {
	padding: 0 30px;
}

.recruit-ft i {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #eb6112;
	-webkit-transition: all .7s ease-in;
	transition: all .7s ease-in;
}

.recruit-ft .required {
	width: 100%;
	padding: 12px 0;
	border-bottom: 1px solid #aeaeae;
	font-size: 18px;
	line-height: 20px;
	color: #666;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

.recruit-ft .required:focus+i {
	width: 100%;
}

.recruit-ft input[type="submit"] {
	margin: 8% auto 0;
	display: block;
	width: 26%;
	line-height: 58px;
	font-weight: bold;
	background: #eb6112;
	color: #fff;
	font-size: 20px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.recruit-ft input[type="submit"]:hover {
	-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #b8b8b8;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #b8b8b8;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #b8b8b8;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b8b8b8;
}

.recruit-cell .culture-flex .weui-grid__icon {
	width: 70px;
	height: 70px;
}

.recruit-cell .culture-flex .weui-grid__label {
	color: #0d0d0d;
}

@media (min-width: 640px) and (max-width: 990px) {
	.recruit-ft {
		padding-left: 0;
		padding-right: 0;
	}
	.recruit-ft input[type="submit"] {
		line-height: 50px;
	}
	.recruit-ft .row>div {
		padding: 0 20px
	}
}

@media (max-width: 1024px) {
	.recruit-ft {
		padding-left: 7%;
		padding-right: 7%;
	}
	.recruit-cell .culture-flex .weui-grid__icon {
		width: 35px;
		height: 35px;
	}
}

@media (max-width: 991px) {
	.recruit-cell {
		display: block;
	}
	.culture-ad-text {
		margin-bottom: 15px;
		width: 100%;
	}
	.culture-ad-text div {
		width: 96%;
		text-align: center;
	}
}

@media (max-width: 639px) {
	.recruit-ft input[type="submit"] {
		width: 40%;
		line-height: 36px;
		font-size: 16px;
	}
	.recruit-bd-tit span {
		font-size: 22px;
		padding: 0 50px;
	}
	.recruit-bd-tit span::before,
	.recruit-bd-tit span::after {
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}
	.recruit-bd {
		padding-left: 5px;
		padding-right: 5px;
	}
	.recruit-bd .row>div {
		margin-bottom: 10px;
		padding: 0 5px;
	}
	.recruit-ft .required {
		font-size: 14px;
	}
	.culture-ad-text .f54 {
		margin-bottom: 15px;
	}
	.culture-ad-text .f22 {
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.recruit-bd .row>div:hover img {
		-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .3);
		box-shadow: 0 10px 25px rgba(0, 0, 0, .3);
	}
}

@media (min-width: 1161px) {
	.recruit-bd .container {
		padding-left: 10.64%;
		padding-right: 10.64%;
	}
	.culture-ad-text {
		margin-left: 10.64%;
	}
}


/* brand */

.brand-box1 .core-title {
	margin-top: 3%;
	margin-bottom: 4%;
}

.brand-box1 .culture-flex .weui-grid__label {
	font-size: 16px !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.brand-box1 .culture-flex .weui-flex {
	margin-top: 0;
	padding: 5% 0;
	color: #555;
}

.brand .culture-flex .article p {
	color: #555;
}

.num {
	display: inline-block;
	margin-right: 18px;
	border: 2px solid #fe5d00;
	color: #fe5d00;
	font-family: "Arial";
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	font-style: normal;
}

.brand-box2 .core-title {
	margin-bottom: 3%;
}

.brand-box2 .core-title .num {
	margin-left: 18px;
}

.brand-box2 .core-title p {
	margin-top: 15px;
}

.brand-box2 .weui-cell:last-child .article {
	margin: 0 17%;
}

.brand-box3 {
	background: #f7f7f7;
}

.brand-box3 .core-title {
	margin-top: 1%;
	margin-bottom: 2%;
}

.brand-box4 .core-title {
	margin-top: 5%;
	margin-bottom: 5%;
}

.brand-box4 .core-title p {
	margin-top: 25px;
}

.brand-box5 {
	margin-top: 4%;
}

.brand-box5 .article {
	margin-right: 8%;
	width: 60%;
}

@media (max-width: 640px) {
	.brand-box2 .core-title .num {
		width: 24px;
		height: 24px;
		line-height: 20px;
	}
	.brand-box2 .spec .article {
		text-align: left;
	}
	.brand-box2 .spec .article .num {
		width: 20px;
		height: 20px;
		line-height: 16px;
	}
	.brand-box2 .weui-cell:last-child .article {
		margin: 0;
	}
	.brand-box5 .article {
		margin: 0;
		width: 100%;
	}
	.brand-box2 .spec .article p {
		float: left;
		width: 50%;
	}
	.brand-box2 .spec .num {
		margin-right: 8px;
	}
}

@media (min-width: 992px) {
	.brand-box1 .culture-flex .weui-flex__item:hover .weui-grid__label {
		color: #eb6112;
	}
}


/* technique */

.technique .container {
	padding: 3% 10.64%;
}

.technique .core-title p {
	margin-top: 25px;
}

.technique-box1 {
	margin-top: 3%;
}

.technique-box2 {
	background: #f7f7f7;
}

.technique-box2 .core-title p {
	line-height: 24px;
}

.technique .imgtext {
	position: relative;
	padding-left: 40px;
}

.technique .imgtext .num {
	position: absolute;
	left: 0;
	top: -5px;
	background: #eb6112;
	color: #fff;
}

.technique .imgtext h6 {
	font-size: 14px;
	font-weight: bold;
	color: #393939;
}

.technique .imgtext p {
	font-size: 14px;
	line-height: 26px;
	color: #8e8e8e;
}

.technique .picbox {
	width: 58%;
}

.technique-box3 .row {
	margin-top: 9%;
	margin-bottom: 7%;
}

.technique-box4 .culture-flex,
.technique-box5 .culture-flex {
	margin-top: 10%;
}

.technique-box4 .culture-flex .imgtext {
	margin: 10% 15% 10% 0;
}

.technique-box4 .culture-flex .imgtext h6 {
	line-height: 24px;
}

.technique-box5 .culture-flex .imgtext {
	margin: 10% 0 10% 15%;
}

.technique img {
	max-width: 100%;
}

.technique-box4 .imgtext .num {
	top: 0;
}

@media (max-width: 640px) {
	.technique .picbox {
		width: 100%;
	}
	.technique-box4 .culture-flex .imgtext {
		margin-right: 0;
	}
	.technique-box5 .culture-flex .imgtext {
		margin-left: 0;
	}
}


/* hiring */

.hiring-list .container {
	padding: 3% 10.64%;
}

@media (max-width: 780px) {
	.hiring-list .container {
		padding-left: 0;
		padding-right: 0;
	}
}

.hiring-list-hd>span,
.hiring-list-bd ul li>span {
	float: left;
	display: block;
	line-height: 20px;
	color: #696969;
}

.hiring-list span.li1 {
	padding-left: 8%;
	width: 30%;
}

.hiring-list span.li2 {
	padding-left: 2%;
	width: 27%;
}

.hiring-list span.li3 {
	padding-left: 2%;
	width: 27%;
}

.hiring-list span.li4 {
	padding-left: 2%;
	width: 12%;
}

.hiring-list-hd {
	background: #ec6f33;
	overflow: hidden;
}

.hiring-list-hd>span {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
}

.hiring-list-bd {
	background: #f1f1f1;
}

.hiring-list-bd ul {
	padding: 0;
}

.hiring-list-bd ul li {
	list-style: none;
}

.hiring-list-bd ul li:nth-of-type(2n-1) {
	background: #f6f6f6;
}

.hiring-list-bd ul li:nth-of-type(2n) {
	background: #ececec;
}

.hiring-list-bd ul li>span {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
}

.hiring-list-bd ul li span {
	padding-left: 5%;
}

.hiring-list-bd a {
	padding: 0 5px;
	color: #ec6f33;
	border: 2px solid #ec6f33;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.hiring-list span.li4 {
	text-align: center;
}

.hiring-info-hd {
	padding: 2% 3%;
	background: #eb6112;
}

.hiring-info-hd h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.hiring-info-hd p {
	margin-bottom: 5px;
	font-size: 14px;
	color: #fff0ce;
}

.hiring-info-bd {
	position: relative;
	margin: 6px 0;
	background: #f3f3f3;
}

.hiring-info-bd .line {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -3px;
	width: 6px;
	height: 100%;
	background: #fff;
}

.hiring-info-bd .article {
	padding: 2% 3% 3%;
	width: 44%;
	font-size: 14px;
	line-height: 40px;
	color: #161616;
}

.hiring-info-bd .article h5 {
	margin-bottom: 20px;
	font-size: 18px;
}

.hiring-select .submit {
	margin-top: 0;
	height: 40px;
	background: #dfc58c;
}

.hr-btn {
	float: left;
	margin-right: 20px;
	width: 90px;
	height: 40px;
	border: 0;
	outline: 0;
	font-size: 14px;
	cursor: pointer;
	background: #d8d8d8;
}

.hiring-select .submit:hover {
	background: #fadd9f;
}

.hiring-select .reset:hover {
	background: #b9b8b8;
}

@media (max-width: 1330px) {
	.hiring-list span.li4 {
		width: 15%;
	}
}

@media (max-width: 1024px) {
	.hiring-list span.li1 {
		padding-left: 5%;
		width: 27%;
	}
	.hiring-list span.li2 {
		padding-left: 2%;
		width: 26%;
	}
	.hiring-list span.li3 {
		padding-left: 2%;
		width: 26%;
	}
	.hiring-list span.li4 {
		padding-left: 2%;
		width: 20%;
	}
}

@media (max-width: 780px) {
	.hiring-list span.li2,
	.hiring-list span.li3,
	.hiring-info-bd .line {
		display: none;
	}
	.hiring-list span.li1 {
		width: 65%;
	}
	.hiring-list span.li4 {
		width: 35%;
	}
	.hiring-info-bd {
		background: none;
	}
	.hiring-info-bd .article {
		float: none;
		margin-bottom: 8px;
		width: 100%;
		line-height: 28px;
		background: #f3f3f3;
	}
}


/* finance */

.finance .container {
	padding: 60px 10.64%;
}

.finance .even .weui-cell__bd {
	padding-right: 8%;
}

.finance .odd .weui-cell__bd {
	padding-left: 8%;
}

.finance .culture-flex {
	margin-bottom: 0;
}

.finance .culture-flex .article h3 {
	margin-bottom: 20px;
}

.finance .culture-flex .picbox {
	width: 48%;
}

.culture-flex .weui-flex {
	margin-top: 12%;
}

.culture-flex .weui-grid__icon {
	margin: 0 auto 10px;
	width: 50px;
	height: 50px;
}

.culture-flex .weui-grid__icon img,
.finance-box4 .weui-grid__icon img {
	max-width: 100%;
}

.culture-flex .weui-grid__label {
	font-size: 16px !important;
}

.finance-box4 .core-title p {
	margin: 2% 0 8%;
	line-height: 28px;
}

.finance-box4 .weui-grid__icon {
	margin: 0 auto 15px;
	width: 79px;
	height: 79px;
}

.finance-box4 .weui-grid__label {
	font-size: 16px;
	color: #eb6112;
}

.finance-box5 .core-title {
	margin-bottom: 6%;
}

.warehousing .weui-grid__icon {
	margin-bottom: 5px;
}

.warehousing .weui-grid__label {
	font-size: 14px !important;
}

.warehousing .culture-flex .article h3 {
	color: #555;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.warehousing .article p {
	color: #5c5c5c;
}

.warehousing-box2 .container {
	padding-top: 2%;
}

.warehousing-box2 .imgtext {
	margin-top: 22%;
}

.warehousing-box2 .technique .imgtext h6 {
	margin-bottom: 20px;
	text-align: left;
}

.warehousing-box2 .imgtext p {
	color: #555;
	line-height: 28px;
}

.core-title .f48 {
	font-size: 22px;
}

.core-img-right {
	position: relative;
	padding-left: 18.34%;
}

.core-img-left {
	position: relative;
	padding-right: 18.34%;
}

.core-img-right img,
.core-img-left img {
	position: relative;
}

.core-bgcolor {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 50%;
}

.brand .container {
	padding: 0 10.64%;
}

.brand-box2 {
	margin: 0 7.7% 20px;
}

.brand-box4 .culture-flex .weui-grid__label {
	color: #555;
}

.technique .culture-flex .weui-grid__label {
	font-size: 14px !important;
	color: #5b5b5b;
}

.technique .culture-flex .weui-grid__icon {
	margin-bottom: 0;
}

@media (max-width: 1160px) {
	.brand .container,
	.technique .container,
	.finance .container {
		padding-left: 0;
		padding-right: 0;
	}
	.core-img-right {
		padding-left: 7.7%;
	}
	.core-img-left {
		padding-right: 7.7%;
	}
}

@media (max-width: 1024px) {
	.culture-flex .weui-grid__icon {
		width: 25px;
		height: 25px;
	}
	.culture-flex .weui-grid__label,
	.brand-box1 .culture-flex .weui-grid__label,
	.technique .culture-flex .weui-grid__label {
		font-size: 12px !important;
		line-height: 18px !important;
	}
	.finance-box4 .weui-grid__icon {
		width: 40px;
		height: 40px;
	}
	.finance-box4 .weui-grid__label {
		font-size: 14px;
		line-height: 20px !important;
	}
}

@media (max-width: 780px) {
	.culture-flex .article {
		margin: 0 15px !important;
	}
	.warehousing-box2 .imgtext {
		margin-top: 20px;
	}
}

@media (max-width: 640px) {
	.finance .culture-flex .picbox {
		width: 100%;
	}
	.finance .even .weui-cell__bd {
		padding-right: 0;
	}
	.finance .odd .weui-cell__bd {
		padding-left: 0;
	}
	.warehousing-box2 .imgtext {
		margin-top: 13%;
	}
	.culture-flex .article {
		margin: 10px 0 !important;
	}
	.finance .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.core-img-right {
		display: none;
	}
	.technique-box3 .culture-flex .weui-flex {
		margin-top: 0;
	}
	.brand-box4 .culture-flex .weui-flex,
	.technique-box3 .culture-flex .weui-flex,
	.finance-box3 .culture-flex .weui-flex,
	.finance-box5 .culture-flex .weui-flex {
		display: block;
	}
	.brand-box4 .culture-flex .weui-flex__item,
	.technique-box3 .culture-flex .weui-flex__item {
		float: left;
		width: 33.3333333333%;
	}
	.technique .imgtext h6,
	.technique .imgtext p {
		text-align: left;
	}
	.finance-box3 .culture-flex .weui-flex__item,
	.finance-box5 .culture-flex .weui-flex__item {
		float: left;
		width: 50%;
	}
}

@media (min-width: 641px) {
	.culture-flex .hidden-xs {
		display: block !important;
	}
	.culture-flex .hidden-sm {
		display: none;
	}
}

@media (min-width: 1161px) {
	.details .container,
	.news,
	.team .container {
		padding-left: 10.64%;
		padding-right: 10.64%;
	}
}


/* about */

.about-box1 {
	margin-top: 5%;
}

.about-box1 .more-orange::after {
	position: absolute;
	right: 18px;
	top: 50%;
	content: "";
	display: block;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ff7426;
	border-right: 2px solid #ff7426;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.about-box1 .more-orange:hover::after {
	border-color: #fff;
}

.about-box1 .desc {
	margin-top: 9%;
	margin-bottom: 7%;
	font-size: 14px;
	line-height: 28px;
	color: #555;
}

.about-box1 .col-md-offset-4>.idx-title {
	font-size: 16px;
	color: #ff6700;
}

.about-box1 .col-md-offset-4>.idx-title .idx-title {
	font-size: 22px;
	color: #ff6700;
}

.about-box2 {
	padding-top: 5%;
	padding-bottom: 3%;
}

.about-box2 .f38 {
	line-height: 1;
}

.about-box2-slick {
	margin-top: 6%;
	margin-left: 20px;
	margin-right: 20px;
	color: #595959;
}

.about-box2-slick::before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 137px;
	width: 100%;
	height: 1px;
	background: #afafaf;
}

.about-box2-slick .idx-title {
	margin-bottom: 0;
	line-height: 62px;
	font-size: 60px;
}

.about-box2-slick .swiper-slide {
	padding-top: 138px;
	text-align: center;
	position: relative;
	cursor: pointer;
	background: #f5f5f5;
}

.about-box2-slick .swiper-slide .item {
	position: absolute;
	top: 137px;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	border-left: 1px dashed #c0c0c0;
	border-right: 1px dashed #c0c0c0;
	-webkit-transition: all .3s linear .3s;
	transition: all .3s linear .3s;
}

.about-box2-slick .swiper-slide .item .idx-title {
	position: relative;
	opacity: 0;
	top: 20px;
	-webkit-transition: all .3s linear .6s;
	transition: all .3s linear .6s;
}

.about-box2-slick .swiper-slide .item .f14 {
	position: relative;
	opacity: 0;
	top: 20px;
	-webkit-transition: all .3s linear .9s;
	transition: all .3s linear .9s;
}

.about-box2-slick .swiper-slide .weui-cell {
	padding: 0;
	height: 100%;
}

.about-box2-slick .swiper-slide i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 1px;
}

.about-box2-slick .swiper-slide i.before {
	width: 100%;
	background: #afafaf;
}

.about-box2-slick .swiper-slide i.after {
	width: 0;
	background: #ff6d00;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.about-box2-slick .swiper-slide .item .f14 {
	margin-top: -5px;
}

.about-box2-slick .swiper-slide .f12 {
	margin-top: 20px;
}

.about-box2-slick .swiper-button-prev,
.about-box2-slick .swiper-button-next {
	opacity: 1 !important;
	position: absolute;
	top: 127px;
	margin-top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px;
}

.about-box2-slick .swiper-button-prev::before,
.about-box2-slick .swiper-button-next::before {
	position: absolute;
	top: 9px;
	content: "";
	display: block;
	width: 11px;
	height: 1px;
	background: #afafaf;
}

.about-box2-slick .swiper-button-prev::before {
	right: -1px;
}

.about-box2-slick .swiper-button-next::before {
	left: -1px;
}

.about-box2-slick .swiper-button-prev {
	left: -20px;
	background-image: url(../images/left.png);
}

.about-box2-slick .swiper-button-next {
	right: -20px;
	background-image: url(../images/right.png);
}

.about-box2-slick .swiper-button-prev.swiper-button-disabled,
.about-box2-slick .swiper-button-next.swiper-button-disabled {
	background-image: none;
	border-color: #040000;
}

.about-box2-slick .swiper-button-prev.swiper-button-disabled::before,
.about-box2-slick .swiper-button-next.swiper-button-disabled::before {
	display: none;
}

.about-box2-slick .swiper-slide.swiper-slide-active .after {
	width: 100%;
}

.about-box2-slick .swiper-slide.swiper-slide-active .item {
	top: 0;
	height: 138px;
}

.about-box2-slick .swiper-slide.swiper-slide-active .idx-title {
	top: 0;
	opacity: 1;
}

.about-box2-slick .swiper-slide.swiper-slide-active .f14 {
	top: 0;
	opacity: 1;
}

@media (max-width: 991px) {
	.about-box1 .more-orange {
		margin-top: 10%;
		margin-bottom: 10%;
	}
}

@media (max-width: 767px) {
	.about-box1 .row {
		text-align: center;
	}
	.about-box1 .more-orange {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.about-box2 .f38 {
		font-size: 28px;
	}
	.about-box1 .idx-title {
		font-size: 48px;
	}
}

@media (min-width: 992px) {
	.about-box1-article {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
	}
	.about-box1 .more-orange {
		margin-top: 30%;
	}
	.about-box1-img img {
		bottom: 0;
		width: 39.7%;
	}
}


/* contact */

.map {
	margin-top: 10px;
	width: 100%;
	height: 40vh;
}

.anchorBL {
	display: none;
}

.contact {
	padding-top: 50px;
	padding-bottom: 50px;
}

.contact .item {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 24px;
	min-height: 64px;
	color: #555;
}

.contact .item:nth-of-type(1),
.contact .item:nth-of-type(2),
.contact .item:nth-of-type(4) {
	width: 30%;
}

.contact .item:nth-of-type(3) {
	width: 40%;
}

.contact .item:last-child {
	margin-right: 0 !important;
}

.contact .item:last-child img {
	margin-left: 15px;
}

.contact .item:last-child img:first-child {
	margin-left: 0;
}

.contact .withicon {
	padding-left: 55px;
}

.contact .withicon img {
	position: absolute;
	left: 0;
	top: 6px;
}

@media (max-width: 780px) {
	.contact .item:nth-of-type(1),
	.contact .item:nth-of-type(2),
	.contact .item:nth-of-type(4),
	.contact .item:nth-of-type(5) {
		width: 50%;
	}
	.contact .item:nth-of-type(3) {
		width: 100%;
	}
}

@media (max-width: 640px) {
	.contact .item {
		width: 100% !important;
	}
}

@media (min-width: 1620px) {
	.contact .item {
		margin-right: 6.85% !important;
		width: auto !important;
	}
}


/* honor */

.honor-item .bgcolor {
	top: 0;
	width: 50%;
	height: 100%;
	background: #f1f1f1;
}

.honor-item .weui-cell {
	position: relative;
	padding: 0;
	text-align: center;
}

.honor-item .weui-cell__hd,
.honor-item .weui-cell__ft {
	width: 50%;
}

.honor-item .box {
	display: inline-block;
	padding: 15% 15px;
	text-align: left;
}

.honor-item .title {
	font-size: 42px;
	color: #5c5c5c;
}

.honor-item .box .line {
	margin: 35px 0 0 20px;
	height: 50px;
	width: 1px;
	background: #cdcdcd;
}

.honor-item .box .date {
	margin-top: 35px;
	font-size: 22px;
	font-family: "century-gothic";
	color: #5c5c5c;
}

.honor-item .article {
	display: none;
}

.honor-item .article h6 {
	margin-top: 20px;
	font-size: 20px;
	color: #555;
}

.honor-item .article p {
	font-size: 14px;
	color: #555;
}

.honor-item .swiper-button-next,
.honor-item .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	display: inline-block;
	margin: 100px 15px 0;
	width: 90px;
	height: 42px;
	background: none;
	opacity: 1 !important;
}

.honor-item .swiper-button-next span,
.honor-item .swiper-button-prev span {
	position: relative;
	display: block;
	width: 42px;
	height: 42px;
	border: 1px solid #adadad;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

.honor-item .swiper-button-prev span {
	left: 46px;
}

.honor-item .swiper-button-next span {
	right: 0;
}

.honor-item .swiper-button-next span::before,
.honor-item .swiper-button-prev span::before {
	position: absolute;
	top: 15px;
	display: block;
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.honor-item .swiper-button-next span::after,
.honor-item .swiper-button-prev span::after {
	position: absolute;
	top: 19px;
	display: block;
	content: "";
	width: 0;
	height: 1px;
	background: #ff6d00;
	-webkit-transition: all .7s ease-in .2s;
	transition: all .7s ease-in .2s
}

.honor-item .swiper-button-prev span::before {
	left: 16px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.honor-item .swiper-button-next span::before {
	left: 13px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.honor-item .swiper-button-prev span::after {
	left: 17px;
}

.honor-item .swiper-button-next span::after {
	right: 19px;
}

.honor-item .swiper-button-next:hover span,
.honor-item .swiper-button-prev:hover span {
	border-color: #ff6d00;
}

.honor-item .swiper-button-prev:hover span {
	left: 0;
}

.honor-item .swiper-button-next:hover span {
	right: -46px;
}

.honor-item .swiper-button-next:hover span::before,
.honor-item .swiper-button-prev:hover span::before {
	border-color: #ff6d00;
}

.honor-item .swiper-button-next:hover span::after,
.honor-item .swiper-button-prev:hover span::after {
	width: 70px;
}

.history .bgcolor {
	left: 0;
}

.honor .bgcolor {
	right: 0;
}

.wheels {
	top: 0;
	left: 0;
	-webkit-transition: all .7s;
	transition: all .7s;
}

.history-wrap {
	min-height: 45px;
	background: url(../images/line.png) repeat-x 0 38px;
}

.history-wrap i {
	position: absolute;
	left: 0;
	top: 12px;
	width: 11px;
	height: 32px;
	background: url(../images/flag.png) no-repeat;
}

.history-slick {
	margin-left: 11.3%;
	margin-right: 3.7%;
}

.history-slick .swiper-wrapper {
	padding-top: 45px;
}

.history-slick .swiper-slide {
	height: 80px;
}

.history-slick .line {
	margin: 0 auto 5px;
	width: 1px;
	height: 43px;
	background: #999;
	-webkit-transition: all .4s cubic-bezier(.23, 0, .175, 1);
	transition: all .4s cubic-bezier(.23, 0, .175, 1);
}

.history-slick .date {
	font-size: 14px;
	font-family: "century-gothic";
	color: #5c5c5c;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.history-slick .swiper-slide:hover .line {
	height: 60px;
	background: #eb6112;
}

.history-slick .swiper-slide:hover .date {
	color: #eb691e;
}

.honor-slick .years {
	margin-bottom: 5%;
}

.honor-slick .years span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-left: 27px;
	background: #f1f1f1;
	font-size: 30px;
	font-family: "century-gothic";
	color: #5c5c5c;
}

.honor-slick .years::after {
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	display: block;
	left: -6%;
	right: 0;
	height: 1px;
	background: #cecece;
}

.honor-slick .swiper-slide>div {
	font-size: 14px;
	line-height: 28px;
	color: #555;
}

.honor-slick {
	padding: 15% 5% 10%;
}

.honor-slick .imgbox {
	margin: 20px auto;
	width: 155px;
	height: 200px;
	line-height: 200px;
}

.honor-slick .imgbox img {
	max-width: 100%;
}

.honor-slick p {
	margin: 0 auto;
	width: 155px;
	height: 56px;
}

.honor-slick .t_num i {
	width: 16px;
	height: 23px;
	display: inline-block;
	background-image: url(../images/num.png);
	background-repeat: no-repeat;
	text-indent: -999em
}

.honor-btn {
	padding-top: 0 !important;
}

.honor-btn .swiper-button {
	margin-top: 0;
}

@media (max-width: 1152px) {
	.honor {
		background: #f1f1f1;
	}
	.honor-item .hidden-sm {
		display: none;
	}
	.honor-item .bgcolor {
		display: none;
	}
	.honor-item .article {
		display: block !important;
	}
}

@media (min-width: 640px) {
	.honor-item .box {
		width: 80%;
	}
}

@media (min-width: 992px) {
	.honor-item .box {
		width: 60%;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.honor-slick .swiper-slide>div {
		width: 50%;
	}
}

a.fill {
	display: block;
	width: 100%;
	height: 100%;
}

.max {
	max-width: 100%;
}

.color1 {
	color: #555;
}

.color2 {
	color: #7b7b7b;
}

.color3 {
	color: #3d3d3d;
}

.color4 {
	color: #5c5c5c;
}

.color5 {
	color: #595959;
}

.bg-white {
	background-color: #fff;
}

.bg-gray1 {
	background-color: #f5f5f5;
}

.bg-gray2 {
	background-color: #f7f7f7;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f26 {
	font-size: 26px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.f32 {
	font-size: 32px;
}

.f34 {
	font-size: 34px;
}

.f36 {
	font-size: 36px;
}

.f38 {
	font-size: 38px;
}

.f40 {
	font-size: 40px;
}

.f42 {
	font-size: 42px;
}

.f48 {
	font-size: 48px;
}

.f54 {
	font-size: 54px;
}

.f60 {
	font-size: 60px;
}

@media (max-width: 640px) {
	.f22 {
		font-size: 18px;
	}
	.f34 {
		font-size: 24px;
	}
	.f48 {
		font-size: 28px;
	}
	.f54 {
		font-size: 22px !important;
	}
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pf {
	position: fixed;
}

.block {
	display: block;
}

.hide {
	display: none;
}

.inline {
	display: inline-block;
}

.hidden {
	overflow: hidden;
}

.cap {
	text-transform: capitalize;
}

.upper {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

.indent {
	text-indent: 2em;
}

.normal {
	font-weight: normal;
}

.vmid td {
	vertical-align: middle;
}

.hand {
	cursor: pointer;
	_cursor: hand;
}

.ff-ar {
	font-family: Arial !important;
}

.noborder {
	border: 0 !important;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.justify {
	text-align: justify;
	text-justify: distribute-all-lines;
	text-align-last: justify;
}

.filterbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	zoom: 1;
}

:root .filterbox {
	filter: none\9;
}

.tips {
	display: none;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -135px;
	padding: 10px;
	width: 250px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	background: rgba(0, 0, 0, .75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);
	zoom: 1;
}

:root .tips {
	filter: none\9;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
	content: "\200B"
}

.clearfix {
	*zoom: 1;
}


/* 图片去色 */

img.color {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}


/* 高斯模糊 */

.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
	/* IE6~IE9 */
}


/* css3 style */

.trans-3 {
	-webkit-transition: all 0.35s linear;
	transition: all 0.35s linear;
}

.trans-8 {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.radius-half {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.shadow {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

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

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

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@-webkit-keyframes down_arrow {
	0% {
		-webkit-transform: translateY(-5px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg)
	}
	50% {
		-webkit-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg)
	}
	100% {
		-webkit-transform: translateY(-5px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg)
	}
}

@keyframes down_arrow {
	0% {
		-webkit-transform: translateY(-5px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg)
	}
	50% {
		-webkit-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg)
	}
	100% {
		-webkit-transform: translateY(-5px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg)
	}
}

@-webkit-keyframes down_arrowPhone {
	0% {
		-webkit-transform: translateY(-5px) translateX(-50%);
		transform: translateY(-5px) translateX(-50%);
	}
	50% {
		-webkit-transform: translateY(5px) translateX(-50%);
		transform: translateY(5px) translateX(-50%);
	}
	100% {
		-webkit-transform: translateY(-5px) translateX(-50%);
		transform: translateY(-5px) translateX(-50%);
	}
}

@keyframes down_arrowPhone {
	0% {
		-webkit-transform: translateY(-5px) translateX(-50%);
		transform: translateY(-5px) translateX(-50%);
	}
	50% {
		-webkit-transform: translateY(5px) translateX(-50%);
		transform: translateY(5px) translateX(-50%);
	}
	100% {
		-webkit-transform: translateY(-5px) translateX(-50%);
		transform: translateY(-5px) translateX(-50%);
	}
}


/**/

::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

.top {
	width: 85.9%;
	max-width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 5.1%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.top.hidden-xs img {
	height: 3.17rem;
	width: auto;
}

.contentBlock {
	width: 85.9%;
	max-width: 1200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.word {
	color: #fff;
	font-size: 2rem;
	line-height: 3rem;
}

.black {
	color: #333333;
}

.brown {
	color: #654619;
}

.word .title {
	font-size: 5rem;
	line-height: 10.67rem;
	letter-spacing: 0.4rem;
	font-weight: 400;
}

.word .info {
	font-size: 2rem;
	margin-bottom: 0.4rem;
}

.footer {
	position: relative;
	height: 8.33rem;
}

.footer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bottomText {
	position: absolute;
	top: 50%;
	transform: translateY(-55%);
	color: #666666;
	right: 2.6%;
	font-size: 1rem;
	line-height: 1.6rem;
	text-align: right;
}

.bottomText .phone {
	color: #404040;
	font-size: 2.2rem;
	line-height: 4.2rem;
}


/*content1*/

.contentBlock .content1 {
	top: 12.65%;
	left: 0;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.idx-banner .swiper-slide-active .contentBlock .content1 {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/*content2*/

.contentBlock .content2 {
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.idx-banner .swiper-slide-active .contentBlock .content2 {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


/*content3*/

.contentBlock .content3 {
	top: 12.65%;
	left: 12%;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.idx-banner .swiper-slide-active .contentBlock .content3 {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/*content4*/

.contentBlock .content4 {
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.idx-banner .swiper-slide-active .contentBlock .content4 {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/*content5*/

.contentBlock .content5 {
	top: 12.65%;
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
}

.contentBlock .content5.word {
	text-align: center;
}

.idx-banner .swiper-slide-active .contentBlock .content5 {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}


/*content6*/

.contentBlock .content6 {
	top: 12.65%;
	left: 0;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.idx-banner .swiper-slide-active .contentBlock .content6 {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/*content7*/

.contentBlock .content7 {
	top: 12.65%;
	right: 0;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	text-align: right;
}

.idx-banner .swiper-slide-active .contentBlock .content7 {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.idx-banner .swiper-slide-active .contentBlock .content7 img {
	position: relative;
	height: 5.92rem;
	top: unset;
	left: unset;
	opacity: unset;
	max-width: unset;
	transform: translate(0, 0);
}


/**/

@media screen and (max-width: 1539px) {
	html {
		font-size: 8px;
	}
}

@media screen and (min-width: 1540px) and (max-width: 1920px) {
	html {
		font-size: 10px;
	}
}

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


/*适配手机*/

.phoneMain .swiper-container {
	width: 100vw;
	height: 100vh;
}

.phoneMain .swiper-slide {
	position: relative;
}

.phoneMain .swiper-slide .up {
	width: 100%;
	height: 50%;
}

.phoneMain .swiper-slide .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.phoneMain .swiper-slide .textContent {
	font-weight: 400;
	position: absolute;
	z-index: 2;
	opacity: 0;
}

.phoneMain .swiper-slide-active.swiper-slide .textContent {
	opacity: 1;
	transition: all 2s 0.5s;
}

.phoneMain .swiper-slide .textContent .big {
	font-size: 4.8vw;
	margin-bottom: 5vw;
	line-height: normal;
}

.phoneMain .swiper-slide .textContent .small {
	font-size: 3.2vw;
	line-height: normal;
	margin-bottom: 2vw;
}

.phoneMain .swiper-slide:nth-child(1) {
	background: #032878;
}

.phoneMain .swiper-slide:nth-child(1) .textContent {
	top: 21.8vw;
	left: 7vw;
	color: #fff;
	transform: translateY(50%);
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(1) .textContent {
	transform: translateY(0%);
}

.phoneMain .swiper-slide:nth-child(1) .bg {
	background-position: center bottom;
}

.phoneMain .swiper-slide:nth-child(2) {
	background: #fcaa5a;
}

.phoneMain .swiper-slide:nth-child(2) .textContent {
	top: 21.8vw;
	left: 7vw;
	color: #fff;
	transform: translateY(50%);
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(2) .textContent {
	transform: translateY(0%);
}

.phoneMain .swiper-slide:nth-child(2) .up {
	background: #FD8345;
}

.phoneMain .swiper-slide:nth-child(2) .bg {
	background-position: center;
}

.phoneMain .swiper-slide:nth-child(3) {
	background: #855BE3;
}

.phoneMain .swiper-slide:nth-child(3) .textContent {
	top: 21.8vw;
	left: 7vw;
	color: #fff;
	transform: translateY(50%);
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(3) .textContent {
	transform: translateY(0%);
}

.phoneMain .swiper-slide:nth-child(3) .bg {
	background-position: center top;
}

.phoneMain .swiper-slide:nth-child(4) {
	background: #fff;
}

.phoneMain .swiper-slide:nth-child(4) .textContent {
	top: 50%;
	left: 7vw;
	color: #333;
	transform: translatex(-10%) translateY(-40%);
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(4) .textContent {
	transform: translatex(0%) translateY(-40%);
}

.phoneMain .swiper-slide:nth-child(4) .up {
	background: linear-gradient(-72deg, rgba(93, 168, 248, 1), rgba(82, 128, 246, 1));
}

.phoneMain .swiper-slide:nth-child(4) .bg {
	background-position: center;
}

.phoneMain .swiper-slide:nth-child(5) {
	background: #FFA26D;
}

.phoneMain .swiper-slide:nth-child(5) .textContent {
	top: 21.8vw;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	transform: translateY(50%);
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(5) .textContent {
	transform: translateY(0%);
}

.phoneMain .swiper-slide:nth-child(5) .bg {
	background-position: center top;
}

.phoneMain .swiper-slide:nth-child(6) {
	background: #ffcc0e;
}

.phoneMain .swiper-slide:nth-child(6) .textContent {
	top: 21.8vw;
	left: 7vw;
	color: #654619;
	transform: translateY(50%);
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(6) .textContent {
	transform: translateY(0%);
}

.phoneMain .swiper-slide:nth-child(6) .bg {
	background-position: center top;
}

.phoneMain .swiper-slide:nth-child(7) {
	background: #F87525;
}

.phoneMain .swiper-slide:nth-child(7) .textContent {
	top: 21.8vw;
	left: 7vw;
	color: #fff;
	transform: translateY(50%);
}

.phoneMain .swiper-slide:nth-child(7) .textContent img {
	height: 7.2vw;
	margin-bottom: 4vw;
}

.phoneMain .swiper-slide:nth-child(7) .textContent .big {
	margin-bottom: 1.2vw;
}

.phoneMain .swiper-slide-active.swiper-slide:nth-child(7) .textContent {
	transform: translateY(0%);
}

.phoneMain .swiper-slide:nth-child(7) .bg {
	background-position: center top;
}

.phoneMain .swiper-slide:nth-child(7) .phoneBottom {
	position: absolute;
	left: 0;
	width: 100%;
	height: 16.53vw;
	bottom: 0;
	z-index: 3;
	background: url(../images/footer@3x.png) no-repeat center;
	background-size: 100% 100%;
	text-align: right;
	padding: 1.84vw 3.86vw 0 0;
}

.phoneMain .swiper-slide:nth-child(7) .phoneBottom .big {
	font-size: 4vw;
	color: #666;
}

.phoneMain .swiper-slide:nth-child(7) .phoneBottom .small {
	font-size: 2.8vw;
	color: #999;
}

.phoneMain .toNext {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: 2.67vw;
	width: 10.13vw;
	transform: translateX(-50%);
	animation: down_arrowPhone 1.5s infinite;
}

.top.hidden-sm {
	top: 6.8vw;
}

.top.hidden-sm img {
	width: 17.47vw;
}