.slider {
	height: 60.83rem
}

.slider,.slider-m {
	position: relative;
	width: 100%
}

.slider-m {
	height: 32rem
}

.slider .items {
	height: 60.83rem
}

.slider-m .items,.slider .items {
	position: relative;
	width: 100%;
	-webkit-transform: none;
	transform: none;
	overflow: hidden
}

.slider-m .items {
	height: 100%
}

.slider-m .items .item img {
	width: 100%;
	height: 100%
}

.slider-m .items .item .info {
	position: absolute;
	top: 5.4rem;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center
}
.slider-m .items .item .info h1{color: #fff;}
.slider-m .items .item .info p {
	margin: -1rem 0 0;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #fff;
	font-weight: 300;
}

.slider-m .items .item .info a {
	display: inline-block;
	margin-top: .5rem;
	width: 10.33rem;
	height: 2.87rem;
	text-align: center;
	font-size: 1.33rem;
	line-height: 2.87rem;
	color: #fff;
	font-weight: 400;
	border-radius: 10rem;
	border: 1px solid #fff;
}

.slider-m .items .item,.slider .items .item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 120rem;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none;
	background: -webkit-gradient(linear,left top,right top,from(#22272B),to(#22272B));
	background: linear-gradient(90deg,#22272B,#22272B);
	z-index: -1
}

.slider .items .item h1,.slider .items .item h2 {
	color: #fff;
	font-weight: 400
}

.slider .items .item h1 {
	font-size: 2.5rem
}


.slider .items .item p {
	margin: 1.67rem 0 0;
	font-size: 1.67rem;
	color: #fff;
	font-weight: 300;
}

.slider .items .item.active {
	display: block;
	z-index: 98
}

.slider .items .item .banner-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.slider .items .item:after,.slider .items .item:before {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: ""
}

.slider .items .item:before {
	left: -100%;
	background: #22272B
}

.slider .items .item:after {
	right: -100%;
	background: #22272B
}

.slider .items .item:first-child:before {
	background: #22272B
}

.slider .items .item:first-child:after {
	background: #22272B
}

.slider .item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1
}

.slider .item img.banner-icon {
	opacity: 0;
	-webkit-transform: translate3d(0,6rem,0);
	transform: translate3d(0,6rem,0);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	index: 99
}

.slider .items .item.active img {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.slider .item .info {
	position: absolute;
	top: 21.75rem;
	left: 13.5rem;
	color: #fff;
	opacity: 0;
	z-index: 99;
	-webkit-transform: translate3d(0,4rem,0);
	transform: translate3d(0,4rem,0);
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.slider .items .item.active .info {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.slider .info h1 {
	margin: .42rem;
	font-weight: 200;
	font-size: 2.5rem;
	font-size: 3.16rem;
	margin-left: 0;
}

.slider .info h2 {
	margin: 0;
	line-height: 4.67rem;
	font-size: 3.33rem
}

.slider .info p {
	margin: .21rem;
	font-size: 1.67rem
}

.slider .info a {
	display: inline-block;
	margin-top: 2.5rem;
	width: 10.33rem;
	height: 2.87rem;
	text-align: center;
	font-size: 1.33rem;
	line-height: 2.87rem;
	color: #fff;
	font-weight: 400;
	border-radius: 10rem;
	border: 1px solid #fff;
	
}

.slider .menus {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 3.34rem;
	margin: 0 auto;
	width: 18rem;
	text-align: center;
	font-size: 0;
	z-index: 99
}

.slider .menus span {
	position: relative;
	display: inline-block;
	margin: 0 .4rem;
	width: 4.98rem;
	height: 1.6rem;
	opacity: .2;
	cursor: pointer
}

.slider .menus span:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 3px;
	background: #fff;
	content: "";
	border-radius: 1rem;
	-webkit-transition: all .32s ease;
	transition: all .32s ease
}

.slider .menus span.active,.slider .menus span:hover {
	opacity: .6
}

.home section>a {
	display: block;
	margin: 1.67rem 0 2.5rem;
	color: #12b3cf
}

.home .sec-1 .items {
	margin: 8rem 0;
	font-size: 0;
	text-align: center
}

.home .sec-1 .items .item {
	margin-left: 7.5rem;
	text-align: center;
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.home .sec-1 .item:first-child {
	margin-left: 0
}

.home .sec-1 .item h1 {
	margin: 0 0 1.25rem;
	font-size: 1.33rem;
	color: #6f6f6f
}

.home .sec-1 .item p {
	font-size: 1rem;
	color: #999;
	line-height: 1.75rem
}

.home .sec-1 .item:after {
	display: block;
	content: "";
	clear: both
}

.home .sec-1 .item .icon,.home .sec-1 .item .info {
	float: left
}

.home .sec-1 .item .icon {
	width: 40rem
}

.home .sec-1 .icon img {
	margin-top: 0;
	width: 40rem;
	height: 20rem;
	padding-bottom: 1rem;
}

.home .sec-1 .item .info {
	width: 40rem;
	text-align: center;
}

.home .sec-1 .item {
	display: inline-block;
	width: 40rem
}

.home .sec-2 .page {
	display: none
}

.home .sec-2 .page.active {
	display: block
}

.home .sec-2 .menus {
	margin: 1rem 0;
	font-size: 0;
	text-align: center
}

.home .sec-2 .menus span {
	display: inline-block;
	padding: .75rem 2.33rem;
	font-size: 1rem;
	border: 1px solid #e3e3e3;
	border-left: none;
	font-weight: 400;
	cursor: pointer
}

.home .sec-2 .menus span:first-child {
	border-left: 1px solid #e3e3e3;
	border-top-left-radius: .33rem;
	border-bottom-left-radius: .33rem
}

.home .sec-2 .menus span:last-child {
	border-top-right-radius: .33rem;
	border-bottom-right-radius: .33rem
}

.home .sec-2 .menus span:hover {
	background: hsla(0,0%,75%,.06)
}

.home .sec-2 .menus span.active {
	color: #fff;
	border-color: silver;
	background: silver
}

.home .sec-2 .preview {
	position: relative;
	margin: 5.83rem auto 8.5rem;
	width: 91.67rem;
	height: 53.58rem;
	background: url(../images/pc-preview.png);
	background-size: 100% 100%
}

.home .sec-2 .preview .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: .3rem
}

.home .sec-2 .img-words .intro {
	width: 37rem;
	margin: 0 0 0 3.67rem
}

.home .sec-3 .words-img {
	height: 63rem;
	background: #fbfbfb
}

.home .sec-3 .words-img img {
	margin: 13.33rem 0 8rem;
	width: 56.17rem;
	height: 42rem
}

.home .sec-3 .words-img .intro {
	margin-right: 3.375rem;
	width: 35rem
}

.home .sec-3 .words-img .intro h1 {
	margin: 0 0 .87rem
}

.home .sec-3 .words-img .intro h1:after {
	display: none
}

.home .sec-4 h1 {
	margin: 3.5rem auto 1.17rem;
}
.home .sec-4 .items {
	margin: 6rem 0 6rem;
	text-align: center;
	font-size: 0;
}

.home .sec-4 .items img{
	width: 26rem;
	height: 16rem;
}

.home .sec-4 .items .item {
	display: inline-block;
	margin-left: 6rem;
	width: 26rem
}

.home .sec-4 .item:first-child {
	margin-left: 0
}

.home .sec-4 .item h1 {
	margin: 1.67rem 0 1.08rem;
	font-size: 1.33rem;
	color: #6f6f6f;
	line-height: 1.83rem
}

.home .sec-4 .item p {
	font-size: 1rem;
	line-height: 1.67rem;
	text-align: center;
	color: #999
}

.home .sec-5 {
	position: relative;
	width: 100%;
	background: #fafafa;
	overflow: hidden
}

.home .sec-5>h1 {
	margin-top: 9rem
}

.home .sec-5 .br {
	display: none
}

.home .sec-5:after,.home .sec-5:before {
	position: absolute;
	right: 0;
	left: 0;
	width: 0;
	height: 0
}

.home .sec-5:before {
	top: 0;
	border: 1.5rem solid #fff;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-width: 50vw;
	border-right-width: 50vw;
	content: ""
}

.home .sec-5 form {
	margin: 4.08rem auto 8.35rem;
	width: 62.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.home .sec-5 .checkbox-group span,.home .sec-5 form label {
	display: block;
	float: none;
	margin-bottom: .58rem;
	padding-left: 1.67rem;
	font-size: 1rem;
	color: #a8acb9;
	letter-spacing: 1.2px;
	line-height: 1rem
}

.home .sec-5 .checkbox-group label {
	display: inline-block;
	padding: 0;
	margin: 0;
	cursor: pointer
}

.home .sec-5 form input[type=checkbox] {
	width: 14px;
	height: 14px;
	margin-left: 1.67rem;
	cursor: pointer;
	background: transparent;
	vertical-align: middle
}

.home .sec-5 form input[type=text] {
	padding: 0 1.67rem;
	width: 30rem;
	height: 3.48rem;
	font-size: 1.17rem;
	border: 1px solid #dedede;
	border-radius: 8.33rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent;
	outline: none;
	-webkit-appearance: none
}

.home .sec-5 form p {
	margin: 2.52rem auto 1.17rem;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.home .sec-5 form p:after {
	display: block;
	content: "";
	clear: both
}

.home .sec-5 form p span {
	float: left
}

.home .sec-5 form p span:first-child {
	margin-right: 2.5rem
}

.home .sec-5 form textarea {
	display: block;
	margin: 0 auto;
	padding: .67rem 1.67rem;
	width: 62.5rem;
	max-width: 62.5rem;
	height: 6.63rem;
	font-size: 1.17rem;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: .83rem;
	background: transparent;
	-webkit-appearance: none
}

.home .sec-5 form button {
	display: block;
	margin: 3.53rem auto 8.35rem;
	width: 17.75rem;
	height: 3.15rem;
	font-size: 1.17rem;
	line-height: 1.17rem;
	color: #231815;
	border: none;
	border-radius: 8.25rem;
	background: #ffeb00;
	-webkit-transition: all .32s ease;
	transition: all .32s ease
}

.home .sec-5 form button:focus,.home .sec-5 form input:focus,.home .sec-5 form textarea:focus {
	outline: none;
	color: #666
}

.home .sec-5 .contact {
	display: none
}

.home .sec-5 form button:hover {
	cursor: pointer;
	background: #f2df00
}
.home .sec-6 h1 {
	margin: 6rem auto 
}
.home .sec-6 .items {
	max-width: 95rem;
	margin: 6rem auto;
	text-align: center;
	font-size: 0;
}

.home .sec-6 .items img{
	width: 15rem;
	height: auto;
}

.home .sec-6 .items .item {
	display: inline-block;
	margin-left: 5rem;
	width: 15rem;
	margin-bottom:3rem;
}

.home .sec-6 .item:nth-child(5n+1) {
	margin-left: 0
}

.home .sec-6 .item h1 {
	margin: 1.67rem 0 1.08rem;
	font-size: 1.33rem;
	color: #6f6f6f;
	line-height: 1.83rem
}

.home .sec-6 .item p {
	font-size: 1rem;
	line-height: 1.67rem;
	text-align: center;
	color: #999
}

.home~footer:after {
	background: #fbfbfb
}

@media screen and (max-width:1024px) {
	.home.main section>h1 {
		margin-top: 0
	}

	.home.main section>p {
		font-size: 1.4rem;
		max-width: 26rem
	}

	.slider-m .items .item {
		z-index: 1
	}

	.home .sec-4 .items .item {
		margin: 1rem 0;
		z-inde: 1
	}
.home .sec-1 .item:first-child , .home .sec-4 .item:first-child{
 margin:0 auto;
}

.home .sec-1 .items .item {
     margin:0 auto;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
	.home .sec-1 .items .item h1 {
		display: none
	}

	.home .sec-1 .items .item .icon {
		font-size: 1rem
	}
 
 .home .sec-1 .item .icon {
    width: 26rem;
}
.home .sec-1 .icon img {
    margin-top: 0;
    width: 100%;
    height: auto;
    padding-bottom: 1rem;
}
	.home .sec-1 .item {
    display: block;
    margin: 5rem .6rem 0;
    width: 26rem;
    }

    .home .sec-1 .item .info {
    width: 26rem;
    text-align: center;
}

	.home .sec-1 .icon img {
		margin: 0
	}

	.home .sec-1 .items .item .icon span {
		display: block
	}

	.home .sec-1 {
		margin-top: 4.17rem
	}

	.home .sec-2 .menus {
		display: none
	}

	.home .sec-2 .preview {
		width: 320px;
		height: 187.5px;
		margin: 2.6rem auto 8.5rem
	}

	.home .sec-3 .words-img {
		height: auto;
		background: none
	}

	.home .sec-3 .words-img img {
		margin: 1.4rem 0 5.4rem
	}

	.home .sec-5 {
		margin-bottom: -3rem;
		padding-top: 6rem
	}

	.home .sec-5 form {
		padding: 0 1.8rem;
		width: 100%
	}

	.home .sec-5 form p {
		margin: 0 auto 1.17rem;
		width: 100%
	}

	.home .sec-5 form label {
		margin: 1rem 0 .4rem
	}

	.home .sec-5 form p span {
		float: none
	}

	.home .sec-5 form textarea {
		width: 100%;
		max-width: 100%
	}

	.home .sec-5 form button {
		margin-top: 2rem;
		width: 100%;
		height: 4.2rem
	}

	.home .sec-3 .words-img .intro h1 {
		margin-top: 3rem;
		text-align: center
	}

	.home .sec-3 .words-img .intro {
		display: none
	}

	.home .sec-3 .words-img img {
		width: 100%;
		height: auto
	}

	.home .sec-4 .items {
		margin: -2rem 0 6rem
	}

	.home .sec-4 .items .item {
		display: block;
    margin: 5rem auto;
    width: 26rem;
	}

	.home .sec-4 .items .item h1 {
		margin: .5rem 0 .2rem;
		font-size: 1.2rem
	}

	.home .sec-4 .items .item p {
		margin: 0
	}

	.home .sec-4 .items .item img {	
    width: 100%;
    height: auto;
	}

	.home .sec-5 form input[type=checkbox] {
		margin-left: .3rem
	}

	.home .sec-5 form input[type=text] {
		max-width: 100%;
		width: 100%
	}

	.home .sec-5 .checkbox .br {
		display: block
	}

	.home .sec-5 .contact {
		display: block;
		margin-top: -7rem;
		text-align: center
	}

	.home .sec-5 .contact span {
		margin: 0 1rem
	}

	.home .sec-5 .contact a {
		color: #60baff
	}

	.home .sec-5 .contact em {
		font-style: normal
	}

	.home .sec-5>p {
		width: 18rem
	}

.home .sec-6 h1{margin:6rem 0 0;}
.home .sec-6 .items {
	max-width: 95rem;
	margin: 3rem 1rem 6rem;
	text-align: center;
	font-size: 0;
}

.home .sec-6 .items img{
	width: 100%;
	height: auto;
}

.home .sec-6 .items .item {
	margin: 3rem .6rem 0;
    width: 12rem;
}


}

.product-center .items {
	max-width: 95rem;
	margin: 9rem auto;
	font-size: 0;
	text-align: center
}

.product-center .items .item {
	display: inline-block;
	margin-left: 5rem;
	width: 19rem;
	margin-bottom: 3rem;
	vertical-align: top
}

.product-center .items .item:nth-child(4n+1) {
	margin-left: 0
}

.product-center .items .item img {
	float: none;
	margin: 0;
	width: 5rem;
	height: 5rem
}

.product-center .items .item h1 {
	margin: 2.33rem 0 1.58rem;
	font-size: 1.33rem;
	line-height: 1.83rem;
	color: #6f6f6f
}

.product-center .items .item p {
	font-size: 1rem;
	line-height: 1.75rem;
	text-align: left;
	color: #999
}

.product-center~footer:after {
	background: #fbfbfb
}

.product-center .intro {
	width: 36.92rem
}

.product-center .sec-1 {
	padding: 0 0 9rem
}

.product-center .sec-1 h1 {
	margin: 12.42rem 0 1.33rem;
	font-size: 2.33rem;
	color: #6f6f6f;
	line-height: 2.33rem;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.product-center .sec-1 p {
	max-width: 50rem;
	font-size: 1.17rem;
	color: #999;
	line-height: 2.33rem;
	-webkit-transition: all .48s ease;
	transition: all .48s ease
}

.product-center .sec-2 {
	position: relative;
	background: #fbfbfb
}

.product-center .sec-2:after {
	position: absolute;
	top: 0;
	right: 0;
	left: -50%;
	width: 200%;
	height: 18rem;
	background: #fff;
	content: "";
	z-index: 1;
	-webkit-transform: rotate(4deg) translateY(-12rem);
	transform: rotate(4deg) translateY(-12rem)
}

.product-center .sec-2 .img-words {
	margin: 14.33rem 0 8.33rem
}

.product-center .sec-3 .words-img {
	margin: 8.33rem 0 8.25rem
}

.product-center .sec-4 {
	position: relative;
	height: 59.67rem;
	background: #fbfbfb
}

.product-center .sec-4 .img-words {
	position: absolute;
	top: 8.42rem;
	bottom: 18rem;
	left: 0;
	margin: 0;
	width: 100%;
	height: 31.67rem;
	z-index: 999
}

.product-center .sec-5 h1 {
	margin: 6rem auto 1.17rem;
}
.product-center .sec-5 .items {
	margin: 6rem auto;
	text-align: center;
	font-size: 0;
}

.product-center .sec-5 .items img{
	width: 26rem;
	height: 16rem;
}

.product-center .sec-5 .items .item {
	display: inline-block;
	margin-left: 6rem;
	width: 26rem
}

.product-center .sec-5 .item:first-child {
	margin-left: 0
}

.product-center .sec-5 .item h1 {
	margin: 1.67rem 0 1.08rem;
	font-size: 1.33rem;
	color: #6f6f6f;
	line-height: 1.83rem
}

.product-center .sec-5 .item p {
	font-size: 1rem;
	line-height: 1.67rem;
	text-align: center;
	color: #999
}
.product-center .sec-6 {
	position: relative;
	background: #fbfbfb
}
.product-center .sec-6 h1 {
	margin: 6rem auto 
}
.product-center .sec-6 .items {
	max-width: 95rem;
	margin: 6rem auto;
	text-align: center;
	font-size: 0;
}

.product-center .sec-6 .items img{
	width: 15rem;
	height: auto;
}

.product-center .sec-6 .items .item {
	display: inline-block;
	margin-left: 5rem;
	width: 15rem;
	margin-bottom:3rem;
}

.product-center .sec-6 .item:nth-child(5n+1) {
	margin-left: 0
}

.product-center .sec-6 .item h1 {
	margin: 1.67rem 0 1.08rem;
	font-size: 1.33rem;
	color: #6f6f6f;
	line-height: 1.83rem
}

.product-center .sec-6 .item p {
	font-size: 1rem;
	line-height: 1.67rem;
	text-align: center;
	color: #999
}
.min-program .sec-1 .img-words,.min-program .sec-1 .words-img {
	margin: 7.17rem 0 5.6rem
}

.app .sec-1 .img-words,.app .sec-1 .words-img {
	margin: 7.17rem 0 11.17rem
}

.app .sec-2:after,.min-program .sec-2:after,.product-center .sec-4:after {
	position: absolute;
	top: 0;
	right: 0;
	left: -50%;
	margin-right: 50%;
	width: 200%;
	height: 18rem;
	background: #fff;
	content: "";
	z-index: 1;
	-webkit-transform: rotate(-6deg) translateY(-12rem);
	transform: rotate(-6deg) translateY(-12rem)
}

.app .sec-2,.min-program .sec-1 {
	padding: 0
}

.app .sec-2,.min-program .sec-2 {
	position: relative;
	height: 62rem;
	background: #fbfbfb
}

.app .sec-3,.min-program .sec-3 {
	background: #fbfbfb
}

.app .intro,.min-program .intro {
	width: 28.67rem
}

.app .img-words .intro p,.app .words-img .intro p,.min-program .img-words .intro p,.min-program .words-img .intro p {
	font-size: 1rem;
	line-height: 2.33rem
}

.min-program　.sec-1 {
	background: #fbfbfb
}

.min-program .img-words {
	text-align: center;
	font-size: 0
}

.min-program .img-words img {
	margin: 0;
	width: 46.67rem;
	height: 47.25rem
}

.min-program .img-words .intro {
	display: inline-block;
	margin-left: 8rem;
	width: 28.67rem;
	vertical-align: top
}

.min-program .img-words .intro h1 {
	margin-top: 13.65rem
}

.min-program .img-words .intro p {
	line-height: 2.33rem
}

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

	.slider-m {
		display: block
	}

	.product-center~footer:after {
		background: #fff
	}

	.app .sec-2:after,.min-program .sec-2:after,.product-center .sec-4:after {
		display: none
	}

	.main .app section>h1 {
		margin: 6.25rem auto 1.17rem;
		font-size: 1.8rem
	}

	.crm {
		margin-bottom: 10rem
	}

	.product-center .sec-2,.product-center .sec-4 {
		background: #fff
	}

	.product-center.main .tab-btns span {
		padding: 0 .5rem;
		font-size: 1.2rem
	}

	.product-center .img-words .intro {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.product-center .img-words img {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: 3rem 0
	}

	.product-center .sec-1 {
		padding: 0 0 2rem
	}

	.product-center .sec-1 h1 {
		margin: 6rem 0 .33rem;
		font-size: 1.8rem
	}

	.product-center .sec-1 p {
		max-width: 23rem;
		font-size: 1rem
	}

	.product-center .sec-3 .words-img {
		margin: 0
	}

	.product-center .sec-2 .img-words {
		margin: 6.33rem 0 3.33rem
	}


	.product-center .items .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 1.8rem 0;
		width: 100%
	}

	.product-center .items .item .info {
		display: inline-block;
		width: auto
	}

	.product-center .items .item:after {
		display: block;
		content: "";
		clear: both
	}

	.product-center .items .item h1 {
		display: none
	}

	.product-center .items .item .item-icon {
		padding: 0 1.2rem 0 0;
		text-align: center;
		font-size: 1rem
	}

	.product-center .items .item .item-icon span {
		display: block
	}

	.min-program .img-words .intro {
		margin-left: 0
	}

	.min-program .img-words .intro h1 {
		margin-top: 2rem
	}

	.min-program .img-words img {
		width: 100%;
		height: 32rem
	}

	.min-program .sec-2 h1 {
		margin: 3rem 0 1rem;
		font-size: 1.8rem
	}

.product-center .sec-4{
	position: relative;
    height: auto;
    background: #fff;
}
.product-center .sec-4 h1{margin:6rem 0 0;}
	.product-center .sec-4 .items {
	max-width: 95rem;
	margin: 3rem auto 6rem 1rem;
	text-align: center;
	font-size: 0;
}

.product-center .sec-4 .items img{
	width: 10rem;
	height: 10rem;
}

.product-center .sec-4 .items .item {
	margin: 3rem 1rem;
    width: 42%;
    float: left;
}
.product-center .sec-4 .items .item .item-icon{
padding: 0;
text-align: center;
font-size: 1.25rem;
}

.product-center .sec-4 .items .item .info {
		display: block;
		width: auto
	}

.product-center .sec-5 h1{margin:6rem 0 0;}
	.product-center .sec-5 .items {
		margin: -2rem 0 6rem
	}

	.product-center .sec-5 .items .item {
		display: block;
    margin: 5rem auto;
    width: 26rem;
	}

	.product-center .sec-5 .items .item h1 {
		margin: .5rem 0 .2rem;
		font-size: 1.2rem
	}

	.product-center .sec-5 .items .item p {
		margin: 0
	}

	.product-center .sec-5 .items .item img {	
    width: 100%;
    height: auto;
	}

.product-center .sec-6{
	position: relative;
    height: auto;
    background: #fff;
}
	.product-center .sec-6 h1{margin:0;}
.product-center .sec-6 .items {
	max-width: 95rem;
	margin: 3rem 1rem 6rem;
	text-align: center;
	font-size: 0;
}

.product-center .sec-6 .items img{
	width: 100%;
	height: auto;
}

.product-center .sec-6 .items .item {
	margin: 3rem .6rem 0;
    width: 11rem;
}
.news-detail img {
	margin: 1.67rem 0;
	width: 100%
}


}

.solution~footer:after {
	background: #fbfbfb
}

.solution section {
	overflow: hidden
}

.solution.main .tab-btns span {
	padding: 0 8rem;
	border: none
}

.solution.main .tab-btns span em {
	font-style: normal
}

.solution.main section>p {
	max-width: 31.67rem;
	line-height: 2.33rem
}

.solution .items {
	margin: 5.42rem auto 6.92rem;
	text-align: center;
	font-size: 0
}

.solution .items .item {
	display: inline-block;
	margin: 0 3%;
	width: 18.33rem
}

.solution .items .item h1 {
	margin: .38rem 0 1.25rem;
	font-size: 1.33rem;
	color: #6f6f6f
}

.solution .items .item p {
	margin: 0;
	font-size: 1rem;
	color: #999;
	text-align: left
}

.solution .img-words,.solution .words-img {
	margin: 5.33rem 0 9.33rem;
	height: 31.67rem
}

.solution .img-words img,.solution .words-img img {
	width: 37.5rem;
	height: 31.67rem
}

.solution .img-words img {
	margin-right: 4.585rem
}

.solution .img-words .intro,.solution .words-img .intro {
	width: 40rem;
	vertical-align: middle
}

.solution .words-img .intro {
	margin-right: 9.17rem;
	vertical-align: middle
}

.solution .img-words .intro h1,.solution .words-img .intro h1 {
	margin: 4.84rem 0 1.67rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #666
}

.solution .intro h1:after {
	display: none!important
}

.solution .img-words .intro p,.solution .words-img .intro p {
	margin: 1.67rem 0 0;
	max-width: 36.67rem;
	color: #999;
	font-size: 1rem;
	line-height: 2rem
}

.solution .sec-2 {
	position: relative;
	background: #fbfbfb
}

.solution .sec-2>h1 {
	margin: 9.58rem 0 1rem
}

.solution .sec-2:after,.solution .sec-3:after,.solution .sec-4:after {
	position: absolute;
	top: 0;
	right: 0;
	left: -50%;
	margin-right: 50%;
	width: 200%;
	height: 8rem;
	background: #fff;
	content: "";
	z-index: 1;
	-webkit-transform: rotate(3deg) translateY(-5rem);
	transform: rotate(3deg) translateY(-5rem)
}

.solution .sec-3,.solution .sec-4 {
	position: relative
}

.solution .sec-3:after,.solution .sec-4 {
	background: #fbfbfb
}

.solution .sec-4:after {
	-webkit-transform: rotate(-3deg) translateY(-5rem);
	transform: rotate(-3deg) translateY(-5rem)
}

@media screen and (max-width:1024px) {
	.solution.main .tab-btns span em {
		display: none
	}

	.solution.main section>h1 {
		margin: 6rem 0 1rem;
		font-size: 1.8rem;
		color: #6f6f6f
	}

	.solution.main section>p {
		max-width: 16rem;
		line-height: 1.5rem;
		font-size: 1rem
	}

	.solution.main section.sec-2>p {
		max-width: 23rem
	}

	.solution.main .tab-btns span {
		padding: 0 2rem
	}

	.solution .img-words,.solution .words-img {
		margin: 1rem 0 3rem;
		height: auto
	}

	.solution .img-words .intro,.solution .words-img .intro {
		margin: 0;
		text-align: center
	}

	.solution .img-words .intro ul,.solution .words-img .intro ul {
		display: none
	}

	.solution .img-words img,.solution .words-img img {
		margin: 2.5rem 0;
		width: 23rem;
		height: 20rem
	}

	.solution .img-words img {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.solution .img-words .intro {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.solution .items {
		margin: 0 -1.25rem 4rem;
		text-align: center;
		font-size: 0
	}

	.solution .items .item {
		display: inline-block;
		margin: 2.5rem 4%;
		width: 12.5rem
	}

	.solution .items .item h1 {
		margin: .38rem 0 1.25rem;
		font-size: 1.2rem;
		color: #6f6f6f
	}

	.solution .items .item p {
		margin: 0;
		font-size: 1rem;
		color: #999;
		text-align: left
	}

	.solution .sec-2,.solution .sec-3:after,.solution .sec-4,.solution~footer:after {
		background: #fff
	}
}

.banner.banner-customer {
	background: none
}

.banner-customer:before {
	background: #fcc71b
}

.banner-customer:after {
	background: #fee53a
}

.customer-case.main {
	margin: 13.33rem auto 25.6rem;
	max-width: 88.5rem
}

.customer-case.main .tab-btns:after {
	display: none
}

.customer-case.main .tab-btns span {
	font-weight: 400
}

.customer-case .tab-pages {
	margin-left: 18.5rem;
	width: 70rem
}

.customer-case .tab-pages h1 {
	margin: 1.33rem 0 2.5rem;
	color: #333;
	font-size: 1.67rem;
	line-height: 1.67rem
}

.customer-case .tab-pages p {
	margin: 2.08rem 0 2.5rem;
	color: #999;
	font-size: 1.17rem;
	line-height: 2.33rem
}

.customer-case .tab-pages ul {
	margin: 1.83rem 0 4.17rem;
	color: #999;
	font-weight: 400;
	font-size: 1.17rem;
	line-height: 2.17rem
}

.customer-case .tab-pages img {
	display: block;
	margin: 1.83rem 0 1.75rem
}

@media screen and (min-width:1024px) {
	.customer-case.main .tab-btns {
		top: 0;
		width: 18.5rem;
		height: auto;
		line-height: 1.67rem;
		text-align: left;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		float: left
	}

	.customer-case.main .tab-btns span {
		display: block;
		margin-bottom: 1.67rem;
		padding: 0;
		font-size: 1.67rem;
		border: none
	}

	.customer-case.main .tab-btns span.active {
		color: #333
	}
}

@media screen and (max-width:1024px) {
	.customer-case.main .tab-btns {
		top: -2.5rem;
		margin: 0 1.3rem;
		width: auto;
		height: 4.5rem;
		font-size: 1rem;
		line-height: 4.5rem
	}

	.customer-case.main .tab-btns:after {
		display: block
	}

	.customer-case.main .tab-btns span {
		font-size: 1.4rem;
		margin: 0;
		padding: 0 2rem
	}

	.customer-case.main {
		margin: 0 auto 12rem
	}

	.customer-case.main .tab-btns {
		float: none
	}

	.customer-case.main .tab-pages {
		margin: 0
	}

	.customer-case .tab-pages,.customer-case .tab-pages img {
		width: 100%
	}
}

.service section {
	overflow: hidden
}

.service section>h1 {
	margin: 13.33rem auto 1.17rem;
	font-size: 2.33rem;
	color: #6f6f6f
}

.service section>h1,.service section>p {
	opacity: 0;
	-webkit-transform: translate3d(0,2rem,0);
	transform: translate3d(0,2rem,0);
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.service section>p {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.service .in-view>h1,.service .in-view>p {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.service>p {
	color: #999;
	line-height: 1rem
}

.service .items {
	margin: 5.42rem auto 10.75rem;
	text-align: center;
	font-size: 0
}

.service .items .item {
	display: inline-block;
	margin: 0 3%;
	width: 18.33rem
}

.service .items .item h1 {
	margin: .38rem 0 1.25rem;
	font-size: 1.33rem;
	color: #6f6f6f
}

.service .items .item p {
	margin: 0;
	font-size: 1rem;
	color: #999;
	text-align: left
}

.service .img-words,.service .words-img {
	margin: 5.08rem 0 9.33rem
}

.service .img-wrods img,.service .words-img img {
	width: 37.5rem;
	height: 31.67rem
}

.service .img-words .intro,.service .words-img .intro {
	width: 32rem;
	vertical-align: top
}

.service .img-words .intro {
	margin-left: 13.83rem
}

.service .words-img .intro {
	margin-right: 8rem
}

.service .img-words .intro p,.service .words-img .intro p {
	margin: .83rem 0 1.33rem;
	color: #999;
	font-size: 1rem;
	line-height: 1.5rem
}

.service .sec-2:after {
	position: absolute;
	top: 0;
	right: 0;
	left: -50%;
	width: 200%;
	height: 18rem;
	background: #fff;
	content: "";
	z-index: 1;
	-webkit-transform: rotate(4deg) translateY(-12rem);
	transform: rotate(4deg) translateY(-12rem)
}

.service .sec-2,.service .sec-3 {
	position: relative;
	background: #fbfbfb
}

.service .sec-2>h1 {
	margin: 10.33rem 0 1.17rem
}

.service.main .sec-4 h1 {
	margin-top: 10rem
}

.service .tables {
	margin: 5rem 0 8rem;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0,5rem,0);
	transform: translate3d(0,5rem,0);
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.service .tables .table {
	display: inline-block;
	margin: 0 3rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.service .tables .table h1 {
	margin: .8rem 0;
	text-align: left;
	font-size: 1rem;
	color: #333;
	font-weight: 400
}

.tables table {
	width: 450px;
	border: 1px solid #979797;
	border-collapse: collapse
}

.tables td {
	padding: 1.12rem 0;
	text-align: left;
	text-indent: 2rem;
	color: #6e6e6e;
	border-bottom: 1px solid #979797;
	border-collapse: collapse
}

.service .in-view .tables {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

@media screen and (max-width:1024px) {
	.service.main section>h1 {
		margin: 13rem 0 1rem;
		font-size: 1.8rem;
		color: #6f6f6f
	}

	.service.main section>p {
		max-width: 19rem;
		font-size: 1rem
	}

	.service.main section.sec-2>p {
		max-width: 100%
	}

	.service .items {
		margin: 3rem auto 2rem
	}

	.service .items .item {
		margin: 1.6rem 3.6%;
		width: 12.2rem
	}

	.service .items .item h1 {
		font-size: 1.2rem
	}

	.service .img-words img,.service .words-img img {
		width: 23rem;
		height: 20rem
	}

	.service .img-words .intro,.service .words-img .intro {
		margin: 0;
		max-width: 23rem
	}

	.service .img-words .intro p,.service .words-img .intro p {
		margin: .83rem 0 .33rem
	}

	.service .tables .table {
		display: block;
		margin: 0;
		padding: 0 3rem;
		width: 100%
	}

	.service .tables .table:first-child {
		margin-bottom: 3rem
	}

	.service .tables .table table {
		width: 100%
	}
}

.activity.main .tab-btns span {
	padding: 0 7.75rem;
	font-size: 2rem;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none
}

.activity.main .tab-pages {
	margin: 7rem auto 25rem;
	max-width: 83.3rem
}

.activity .news {
	margin: 3.75rem 0
}

.activity .news:after {
	display: block;
	clear: both;
	content: ""
}

.activity .news a:hover {
	color: #0096d7
}

.activity .news .img {
	float: left;
	width: 9rem;
	height: 7.6rem;
	width: 20.75rem;
	height: 14.58rem;
	overflow: hidden;
	text-align: center;
	background: #607d8b
}

.activity .news .img,.activity .news .img img {
	-webkit-transition: all .32s ease;
	transition: all .32s ease
}

.activity .news .img img {
	width: 100%;
	height: 100%
}

.activity .news .content {
	margin-left: 23.83rem
}

.activity .news h1 {
	font-size: 1.67rem;
	line-height: 2.17rem;
	font-weight: 400
}

.activity .news p {
	margin: 1.17rem 0 1.83rem;
	font-size: 1.17rem;
	color: #999;
	line-height: 2.67rem
}

.activity .news .tags {
	margin: 1rem 0;
	color: #031155;
	font-size: 1rem;
	line-height: 1.42rem
}

.activity .load-more {
	margin: 6.67rem 0;
	line-height: 2.17rem;
	text-align: center;
	font-size: 1.67rem;
	color: #999
}

.news-banner.banner,.news-banner.banner:after,.news-banner.banner:before {
	background: #22272B
}

.news-banner.banner h1,.news-title {
	font-size: 3.17rem
}

.news-title {
	margin: auto!important;
	max-width: 50rem
}

.news-detail.main {
	margin: 6rem auto 20rem;
	max-width: 83.3rem;
	font-size: 16px;
    line-height: 2em;
}

.news-detail.main section>p {
	max-width: 100%
}

.news-detail img {
	margin: 1.67rem 0;
}

.news-detail h1 {
	color: #282828;
	font-size: 1.5rem
}

.news-detail.main p {
	margin: 1.67rem 0;
	font-size: 1.17rem;
	line-height: 2.33rem;
	text-align: left
}

.news-detail p strong {
	font-weight: 500
}

.news-detail h2 {
	font-weight: 500;
	font-size: 1.17rem;
	color: #333
}

.news-detail .date {
	text-align: right;
	font-size: 1.25rem
}

.empty {
	height: 32rem;
	text-align: center
}

.empty span {
	color: #bbb;
	font-size: 4rem;
	line-height: 32rem
}

.for-mob {
	display: none
}

.for-pc {
	display: block
}

@media screen and (max-width:1024px) {
	.activity.main .tab-btns span {
		padding: 0 1rem;
		font-size: 1.4rem
	}

	.activity.main .tab-pages {
		margin: 0 auto 10rem;
		padding: 0 1.2rem
	}

	.activity .news .img {
		width: 17.5rem;
		height: 12.25rem
	}

	.activity .news .content {
		margin-left: 20rem
	}

	.activity .news p {
		line-height: 2rem
	}

	.news-detail.main {
		margin: 3rem auto 10rem
	}

	.news-detail {
		padding: 0 1rem
	}

	.banner h1.news-title {
		font-size: 1.6rem;
		line-height: 2.2rem
	}

	.news-banner.banner {
		height: 19rem
	}
}

@media screen and (max-width:768px) {
	.for-mob {
		display: block
	}

	.for-pc {
		display: none
	}

	.activity .news {
		margin: 1.6rem 0
	}

	.activity .news:first-child {
		margin-top: 4rem
	}

	.activity .news .img {
		width: 9rem;
		height: 7.6rem
	}

	.activity .news h1 {
		margin: .4rem 0 .6rem;
		line-height: 1.6rem;
		font-size: 1.2rem
	}

	.activity .news p {
		margin: 0;
		font-size: 1rem;
		line-height: 1.2rem;
		height: 2.4rem;
		overflow: hidden;
		color: #999
	}

	.activity .news .tags {
		margin: .4rem 0 0
	}

	.activity .news .content {
		margin-left: 10rem
	}
	
}

.about {
	width: 95rem;
	color: #999;
    font-size: 16px;
    line-height: 30px;
}

.about.main {
	margin-bottom: 13.33rem
}

.about.main .tab-pages {
	margin-top: 36px
}

.about.main .tab-btns span {
	padding: 0 7.75rem;
	border: none
}

.main .page:after {
	display: block;
	content: "";
	clear: both
}

.page .aside {
	float: left;
	border: none;
	width: auto
}

.page .aside img {
	width: 200px;
	height: 200px;
	border-radius: 100px
}

.page .main {
	margin-left: 260px;
	width: auto
}

.page .main h1 {
	margin: 60px 0 20px;
	font-size: 24px;
	line-height: 30px;
	color: #333;
	font-weight: 400
}

.page .main h2 {
	margin: 20px 0 6px;
	font-size: 16px
}

.page .main p {
	color: #999;
	font-size: 16px;
	line-height: 26px
}

.page .partner {
	padding: 20px 0;
	text-align: center
}

.page .partner img {
	margin: 0 4px;
	width: 200px;
	height: 200px;
	border-radius: 100px
}

.join,.team {
	margin-top: 5rem
}

.join .jobs {
	font-size: 0
}

.join .jobs .job {
	display: inline-block;
	width: 50%;
	text-align: left;
	-webkit-box-sizing: border-box;
	vertical-align: top;
	box-sizing: border-box
}

.join .jobs .job:nth-of-type(2n) {
	padding-left: 1.67rem
}

.jobs .job h1 {
	margin: 0;
	font-size: 2rem;
	color: #0096d7;
	font-weight: 400;
	line-height: 2.17rem
}

.jobs .job h2 {
	margin: 1.67rem 0;
	color: #0096d7;
	font-size: 1.17rem;
	line-height: 1.17rem
}

.jobs .job ul {
	max-width: 40rem
}

.jobs .job li {
	color: #999;
	line-height: 2.17rem;
	font-size: 1.17rem
}

.jobs hr {
	margin: 2.5rem 0;
	width: 100%;
	height: 1px;
	border: none;
	background: #cacaca
}
.join .to-hr-hello {
	text-align: center;
	padding-bottom: 2rem;
}

.join .to-hr-hello span {
	margin: 0 auto;
	font-size: 2.75rem;
    color: #0096d7;
    font-weight: 400;
    line-height: 2.17rem;
}

.join .to-hr {
	text-align: center;
	padding-bottom: 2rem;
}

.join .to-hr span {
	margin: 0 1.4rem;
	color: #999
}

.join .to-hr span:hover {
	color: #999
}

.join .to-hr span a {
	color: #0096d7
}

.join .to-hr span em {
	color: #999;
	font-style: normal
}

@media screen and (max-width:1024px) {
	.banner-about h1 {
		display: none
	}

	.about {
		width: 100%
	}

	.page .aside {
		display: none
	}

	.page {
		padding: 0 1.25rem
	}

	.page .main {
		margin-left: 0
	}

	.join {
		margin-top: 0
	}

	.join .jobs .job {
		margin: 2rem auto 4rem;
		padding: 0;
		width: 100%
	}

	.join .jobs .job:nth-of-type(2n) {
		padding: 0
	}
	.join .to-hr-hello span {
	margin: 0 auto;
	color: #0096d7;
	font-size: 2.25rem;
    color: #0096d7;
    font-weight: 400;
    line-height: 2.17rem;
    }

	.about.main .tab-btns span {
		padding: 0 1rem
	}

	.page .main h1,.page h1 {
		margin: 3.5rem 0 .8rem;
		font-size: 1.2rem
	}

	.join .to-hr {
		margin-top: -.5rem
	}

	.join .to-hr span {
		display: block;
		margin: .7rem 0
	}
}

html {
	margin: 0
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent;
	-webkit-transition: all .36s ease;
	transition: all .36s ease;
	z-index: 999
}

.header {
	-webkit-box-shadow: 0 0 4px hsla(0,0%,73%,.52);
	box-shadow: 0 0 4px hsla(0,0%,73%,.52);
	background: #22272B;
	z-index: 9999
}

header a {
	display: inline-block
}

header .logo {
	float: left;
	padding: 9px 0
}

header .logo img {
	width: 182px;
	height: 43px;
	vertical-align: middle
}

header nav {
	float: right;
	padding-top: 1.3rem;
	font-weight: 400
}

nav a {
	display: inline-block;
	margin-left: 40px;
	font-size: 14px;
	padding: 0 2px 4px;
	color: rgba(255,255,255,.6);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

nav a:first-child {
	margin: 0
}

nav a.active {
	color: #fff;
	border-bottom: 2px solid #fff
}

nav a:hover {
	color: #fff
}

@media screen and (max-width:1024px) {
	header {
		background: transparent;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	header .logo {
		float: none;
		text-align: center
	}

	nav {
		position: absolute;
		left: 0;
		top: 0;
		padding: 0 10px;
		width: 60px;
		height: 60px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden
	}

	nav.active {
		width: 100%;
		height: 100vh;
		background: #fff
	}

	nav .menu {
		position: relative;
		width: 30px;
		height: 30px;
		cursor: pointer
	}

	nav .menu span {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 20px;
		height: 2px;
		background: #ccc;
		-webkit-transition: -webkit-transform .32s ease;
		transition: -webkit-transform .32s ease;
		transition: transform .32s ease;
		transition: transform .32s ease,-webkit-transform .32s ease
	}

	nav .menu span:first-child {
		top: 12px
	}

	nav .menu span:last-child {
		bottom: 12px
	}

	nav.active .menu span:first-child {
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	nav.active .menu span:last-child {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	nav.active .menu span:nth-child(2) {
		display: none
	}

	nav .links {
		opacity: 0;
		padding: 0 30px;
		-webkit-transform: translateY(4rem);
		transform: translateY(4rem);
		-webkit-transition: all .4s ease;
		transition: all .4s ease
	}

	nav.active .links {
		opacity: 1;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	nav a,nav a.active {
		display: block;
		margin: 0;
		padding: 30px 0 15px;
		color: #333;
		border-bottom: 1px solid #979797
	}
}

footer {
	position: relative;
	padding-top: 12rem;
	height: 20.58rem;
	color: #979797;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #22272B;
	overflow: hidden
}

footer:after {
	position: absolute;
	top: 0;
	right: 0;
	left: -50%;
	margin-right: 50%;
	width: 200%;
	height: 8rem;
	background: #fff;
	content: "";
	-webkit-transform: rotate(2deg) translateY(-5rem);
	transform: rotate(2deg) translateY(-5rem)
}

footer a {
	color: #979797
}

footer a:hover {
	color: #0096d7
}

ul.info li {
	position: relative;
	display: inline-block;
	padding: 0 22px
}

ul.info li:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #515151;
	-webkit-transform: translateX(-.5px);
	transform: translateX(-.5px)
}

ul.info li:last-child:after {
	display: none
}

.copyright {
	margin-top: 35px;
	color: #979797
}

.copyright span {
	display: inline-block;
	margin: 0 1.125rem
}

.wechat {
	position: relative;
	cursor: pointer
}

.wechat:hover {
	color: #0096d7
}

.wechat .qrcode {
	position: absolute;
	top: -7rem;
	right: 0;
	left: 0;
	margin: auto;
	width: 6rem;
	height: 6rem;
	display: none
}

.wechat .qrcode img {
	width: 100%;
	height: 100%
}

.wechat:hover .qrcode {
	display: block
}

footer .mobile {
	display: none
}

ul.mobile li {
	padding: 0 8px
}

@media screen and (max-width:1024px) {
	footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
		height: 15.08rem
	}

	footer:after {
		height: 4rem;
		-webkit-transform: rotate(3deg) translateY(-2rem);
		transform: rotate(3deg) translateY(-2rem)
	}

	footer .pc {
		display: none
	}

	footer .mobile {
		display: block
	}

	footer .copyright {
		margin: 0 0 27px
	}

	footer .copyright span:last-child {
		display: none
	}
}

body,html {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: PingFang SC,arial,Lantinghei SC,Microsoft Yahei,Verdana,Hiragino Sans GB,Helvetica,sans-serif;
	color: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff
}

h2,h3,li,p {
	font-weight: 400
}

h1 {
	font-weight: 700
}

img {
	border: none
}

ul {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

a {
	text-decoration: none;
	color: #333
}

a[href="http://www.cnzz.com/stat/website.php?web_id=1259465002"],a[title=站长统计] {
	display: none
}

a:hover {
	color: #12b3cf
}

.banner {
	position: relative;
	height: 30rem;
	background: #22272B;
	text-align: center;
	overflow: hidden
}

.banner:after,.banner:before {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1
}

.banner:before {
	left: -50%
}

.banner:after {
	right: -50%
}

.banner-m,.slider-m {
	display: none;
	height: 33rem
}

.banner img {
	height: 100%
}

.banner-m img {
	width: 100%;
	height: 100%
}

.banner-m h1,.banner h1 {
	position: absolute;
	top: 42%;
	right: 0;
	left: 0;
	margin: 0;
	font-size: 4.17rem;
	line-height: 5.83rem;
	text-align: center;
	color: #fff
}

.banner-m h1 {
	top: 16%;
	padding: 0 2.5rem;
	font-size: 2rem;
	line-height: 3rem
}

.main {
	position: relative;
	margin: 0 auto
}

.main section {
	text-align: center;
	overflow: hidden
}

.main section>h1 {
	margin: 13.25rem auto 1.17rem;
	font-size: 2.33rem;
	color: #6f6f6f;
	font-weight: 400;
	line-height: 2.33rem
}

.main section>p {
	margin: 0 auto;
	max-width: 37.5rem;
	font-size: 1.17rem;
	color: #999;
	line-height: 2rem;
	overflow: hidden
}

.main .tab-btns {
	width: 95rem;
	height: 9.17rem;
	color: #999;
	line-height: 9.17rem;
	text-align: center;
	font-size: 0;
	font-weight: 200;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.main .tab-wrapper {
	position: relative;
	top: -4.585rem;
	margin: 0 auto;
	width: 95rem;
	height: 9.17rem
}

.main .tab-wrapper .tab-btns {
	position: absolute;
	z-index: 99
}

.main .tab-wrapper .shadow {
	position: absolute;
	right: 22px;
	bottom: 0;
	left: 22px;
	content: "";
	height: 10px;
	margin: auto;
	-webkit-box-shadow: 3px 4px 40px 11px rgba(104,97,34,.1);
	box-shadow: 3px 4px 40px 11px rgba(104,97,34,.1);
	z-index: 1
}

.main .tab-btns span {
	padding: 0 5rem;
	font-size: 2rem;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #d8d8d8
}

.main .tab-btns span.disabled-btn {
	pointer-events: none;
	cursor: not-allowed;
	color: #cacaca
}

.main .tab-btns span:hover {
	color: #666
}

.main .tab-btns span:first-child {
	border: none
}

.main .tab-btns span.active {
	color: #0096d7
}

.main .tab-pages {
	margin-top: -4.585rem
}

.main .tab-pages .page {
	display: none
}

.main .tab-pages .active {
	display: block
}

.inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 95rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.inner:after {
	display: block;
	content: "";
	clear: both
}

.img-words,.words-img {
	position: relative;
	margin: 4rem 0;
	text-align: center;
	font-size: 0
}

.img-words .intro,.img-words img,.words-img .intro,.words-img img {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	-webkit-transition: all .45s cubic-bezier(.215,.61,.355,1);
	transition: all .45s cubic-bezier(.215,.61,.355,1)
}

.img-words .intro,.words-img .intro {
	display: inline-block;
	text-align: left
}

.img-words .intro {
	margin-left: 8.92rem
}

.words-img .intro {
	margin-right: 8.92rem
}

.img-words .intro h1,.words-img .intro h1 {
	position: relative;
	margin: 0 0 5.17rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #666;
	font-weight: 400;
	-webkit-transition: all .45s cubic-bezier(.215,.61,.355,1);
	transition: all .45s cubic-bezier(.215,.61,.355,1)
}

.img-words h1:after,.words-img h1:after {
	position: absolute;
	left: 0;
	bottom: -2.5rem;
	width: 4.75rem;
	height: .17rem;
	content: "";
	background: #4bd4ff
}

.img-words .intro h2,.words-img .intro h2 {
	margin: 0;
	line-height: 1.17rem;
	color: #666
}

.img-words .intro h2,.img-words .intro p,.words-img .intro h2,.words-img .intro p {
	font-size: 1.17rem;
	-webkit-transition: all .45s cubic-bezier(.215,.61,.355,1);
	transition: all .45s cubic-bezier(.215,.61,.355,1);
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.img-words .intro p,.words-img .intro p {
	line-height: 2.17rem;
	color: #999;
	font-weight: 400
}

.img-words .intro ul,.words-img .intro ul {
	margin-top: 1.67rem;
	-webkit-transition: all .45s cubic-bezier(.215,.61,.355,1);
	transition: all .45s cubic-bezier(.215,.61,.355,1);
	-webkit-transition-delay: .36s;
	transition-delay: .36s
}

.img-words .intro li,.words-img .intro li {
	margin: .83rem 0;
	color: #999;
	font-size: 1rem;
	letter-spacing: .11rem;
	line-height: 1.42rem
}

.img-words img {
	opacity: 0;
	-webkit-transform: translate3d(-4rem,0,0);
	transform: translate3d(-4rem,0,0)
}

.words-img img {
	opacity: 0;
	-webkit-transform: translate3d(4rem,0,0);
	transform: translate3d(4rem,0,0)
}

.img-words .intro h1,.img-words .intro h2,.img-words .intro p,.img-words .intro ul {
	opacity: 0;
	-webkit-transform: translate3d(4.5rem,0,0);
	transform: translate3d(4.5rem,0,0)
}

.in-view .items .item {
	-webkit-transition: all .45s cubic-bezier(.215,.61,.355,1);
	transition: all .45s cubic-bezier(.215,.61,.355,1)
}

.items .item,.words-img .intro h1,.words-img .intro h2,.words-img .intro p,.words-img .intro ul {
	opacity: 0;
	-webkit-transform: translate3d(0,3.2rem,0);
	transform: translate3d(0,3.2rem,0)
}

.items .item {
	-webkit-transform: translate3d(0,4rem,0);
	transform: translate3d(0,4rem,0);
	-webkit-transition: all .45s cubic-bezier(.215,.61,.355,1);
	transition: all .45s cubic-bezier(.215,.61,.355,1)
}

.in-view .items .item:nth-child(2) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(3) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(4) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(5) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(6) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(7) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(8) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(9) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(10) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(11) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(12) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(13) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(14) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(15) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(16) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(17) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(18) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(19) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(20) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(21) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(22) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .items .item:nth-child(23) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.in-view .items .item:nth-child(24) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.in-view .items .item:nth-child(25) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.in-view .img-words .intro h1,.in-view .img-words .intro h2,.in-view .img-words .intro p,.in-view .img-words .intro ul,.in-view .img-words img,.in-view .items .item,.in-view .words-img .intro h1,.in-view .words-img .intro h2,.in-view .words-img .intro p,.in-view .words-img .intro ul,.in-view .words-img img {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

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

	.banner-m {
		display: block;
		height: 20rem;
		background: #22272B;
	}

	.slider-m {
		display: block;
		height: 36rem
	}

	.banner h1 {
		font-size: 2rem;
		line-height: 2.83rem
	}

	.inner {
		width: 100%
	}

	.main .tab-wrapper {
		top: -3rem;
		margin: 0 1.3rem;
		width: auto
	}

	.main .tab-btns,.main .tab-wrapper {
		height: 6rem;
		font-size: 1.2rem;
		line-height: 6rem
	}

	.main .tab-btns {
		width: 100%
	}

	.main .tab-btns span {
		border: none;
		padding: 0 3%;
		font-size: 1.4rem
	}

	.img-words {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0
	}

	.img-words img,.words-img img {
		width: 23rem;
		height: 20rem
	}

	.img-words .intro,.words-img .intro {
		margin: 0;
		max-width: 23rem
	}
}

@media screen and (max-width:768px) {
	.main .tab-wrapper {
		position: relative;
		top: -2.5rem;
		margin: 0 1.3rem;
		width: auto
	}

	.main .tab-wrapper,.main .tab-wrapper .tab-btns {
		height: 4.5rem;
		font-size: 1rem;
		line-height: 4.5rem
	}

	.main .tab-btns span {
		font-size: 1.4rem;
		margin: 0
	}
}
/*# sourceMappingURL=style.min.css.map */