.comm-dots {
	position: absolute;bottom: 30px;right: 0;left: 0;text-align: center;
	margin: 0;padding: 0;list-style: none;
	li {
		display: inline-block;vertical-align: top;list-style: none;margin-right: 3px;margin-left: 3px;
		button {
			width: 10px;height: 10px;font-size: 0;border: 0;padding: 0;outline: 0;background-color: $white;border-radius: 6px;cursor: pointer;
			transition: width .3s $cubic;
		}
		&.slick-active {
			button {
				width: 44px;
			}
		}
	}
}
.ib-box {
	overflow: hidden;
	&::before {
		padding-top: percent(1920, 800);
	}
	&.index {
		&::after {
			content: "";
			position: absolute;top: 0;right: 0;left: 0;height: 80px;pointer-events: none;
			background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
			opacity: .5;
		}
	}
}
.ib-box__wrap {
	position: absolute;top: 0;right: 0;left: 0;
}
.ib-item {
	position: relative;display: block;
}
.ib-item__img {
	overflow: hidden;
	&::before {
		padding-top: percent(1920, 800);
	}
}
.ib-item__intro {
	position: absolute;right: 0;left: 0;
}
.ib-item__title {
	padding: 0;margin: 0;
	font-weight: 700;line-height: 1.2;
}
.ib-item__desc {
	font-weight: 300;line-height: 1.5;margin-top: 1em;
}
.ib-item__title,
.ib-item__desc {
	visibility: hidden;opacity: 0;
	// transform: translateY(20px);
	transition: all .6s $cubic;
}
.ready {
	.slick-current {
		.ib-item__title,
		.ib-item__desc {
			visibility: visible;opacity: 1;
			transform: translateY(0);
		}
		.ib-item__title {
			transition-delay: .3s;
		}
		.ib-item__desc {
			transition-delay: .6s;
		}
	}
}
@media (max-width: 1440px) {
	.ib-box {
		&::before {
			padding-top: 0;height: 600px;
		}
	}
	.ib-item__img {
		&::before {
			padding-top: 0;height: 600px;
		}
		img {
			left: 50%;height: 100%;width: auto;
			transform: translateX(-50%);
		}
	}
}
@media (max-width: 1040px) {
	.ib-box,
	.ib-item__img {
		&::before {
			height: 0;
			padding-top: percent(1040, 600);
		}
	}
}
@media (max-width: 1024px) {
	.comm-dots {
		bottom: 20px;
		> li {
			button {
				height: 6px;width: 6px;
			}
			&.slick-active {
				button {
					width: 32px;
				}
			}
		}
	}
}
@media (max-width: 768px) {
	.ib-item__intro {
		left: 20px;right: 20px;width: auto;margin-left: 0;
	}
}
@media (max-width: 750px) {
	.ib-box,
	.ib-item__img {
		&::before {
			padding-top: percent(750, 1200);
		}
	}
}

.comm-arrow {
	.slick-arrow {
		z-index: 10;
		position: absolute;top: 50%;border: 0;padding: 0;outline: 0;background-color: transparent;font-size: 0;cursor: pointer;margin-top: -18px;
		&::before {
			font-family: iconfont;font-size: 24px;line-height: 1.5;width: 1.5em;text-align: center;color: $blue;
		}
	}
	.slick-prev {
		left: 60px;
		&::before {
			content: "\e729";
		}
	}
	.slick-next {
		right: 60px;
		&::before {
			content: "\ecdd";
		}
	}
}


// Index Series
.sec-title {
	line-height: 1.25;font-weight: 700;
}
.sec-desc {
	line-height: 1.5;color: $black40;font-weight: 300;
	max-width: 680px;margin-right: auto;margin-left: auto;
	&.app {
		max-width: 960px;
	}
}
.sec-footer {
	font-weight: 300;color: $black40;line-height: 1.5;
	a {
		color: $gray;text-decoration: underline;
		transition: color .3s;
	}
}
@media (any-hover:hover) {
	.sec-footer {
		a {
			&:hover {
				color: $blue;
			}
		}
	}
}
@media (max-width: 640px) {
	.m-text-left {
		text-align: left;
	}

}


.serise-item {
	overflow: hidden;display: block;border-radius: 3px;
	&::before {
		padding-top: percent(240, 460);
	}
	&::after {
		content: "";
		position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;visibility: hidden;
		background-image: linear-gradient(to bottom, rgba(0, 57, 200, 0) 30%, rgba(0, 57, 200, 1));
		transition: all .3s $cubic;
	}
	> img {
		transition: transform .6s ease;
	}
}
.serise-item__intro {
	z-index: 5;
	position: absolute;right: 20px;bottom: 0;left: 20px;color: $black;text-align: center;
	padding-bottom: 30px;
	transform: translateY(80px);
	transition: all .3s $cubic;
}
.serise-item__title {
	max-height: 2.5em;
}
.serise-item__desc {
	line-height: 1.5;height: 3em;font-weight: 300;
}
.ico-octagon {
	position: relative;
	display: inline-block;vertical-align: top;width: 1em;height: 1em;text-align: center;line-height: 1;color: $white;
	&::after {
		content: "\e715";
		font-family: iconfont;font-size: .375em;width: 1em;height: 1em;line-height: 1;text-align: center;
		position: absolute;top: 50%;left: 50%;margin-top: -.5em;margin-left: -.5em;color: $blue;
	}
}
@media (any-hover:hover) {
	.serise-item {
		&:hover {
			> img {
				transform: scale3d(1.1, 1.1, 1.1);
			}
			&::after {
				visibility: visible;opacity: 0.8;
			}
			.serise-item__intro {
				color: $white;
				transform: translateY(0);
			}
		}
	}
}
@media (max-width: 1024px) {
	.serise-item__intro {
		padding-bottom: 20px;
		transform: translateY(70px);
	}
}
@media (max-width: 768px) {
	.serise-item__intro {
		right: 10px;left: 10px;
		transform: translateY(60px);
	}
}
@media (max-width: 750px) {
	.list-iseries {
		> li {
			width: 50%;
			&:nth-of-type(n+3) {
				margin-top: 20px;
			}
		}
	}
}
@media (max-width: 480px) {
	.list-iseries {
		> li {
			&:nth-of-type(n+3) {
				margin-top: 10px;
			}
		}
	}
}


// Index Inno
.inno-img {
	position: absolute;bottom: 0;right: 0;
	width: 50%;margin-left: auto;margin-right: 0;
	&::before {
		padding-top: percent(640, 480);
	}
}
.index-inno {
	position: relative;overflow: hidden;
}
.index-inno__wrap {
	position: relative;
	padding-top: 140px;padding-bottom: 110px;
}
.inno-bg {
	position: absolute;bottom: -20%;left: 40%;width: 950px;max-width: 100%;background-image: url(../upload/index/inno_bg.png);
	&::before {
		padding-top: percent(950, 750);
	}
}
.inno-intro {
	max-width: 480px;
}
.learn-more {
	display: inline-block;vertical-align: top;line-height: 20px;
	transition: color .3s ease;
	span {
		display: inline-block;vertical-align: top;line-height: 20px;margin-left: 4px;
		transition: transform .3s ease;
	}
	&.black {
		color: $black40;
	}
}
.inno-video {
	max-width: 264px;overflow: hidden;border-radius: 3px;
	&::before {
		// padding-top: percent(264, 148);
	}
	> img {
		transition: transform .6s ease;
	}
	span {
		position: absolute;top: 50%;left: 50%;font-size: 38px;width: 1em;line-height: 1em;
		margin-top: -.5em;margin-left: -.5em;color: $white;cursor: pointer;
		transition: color .3s;
	}
	iframe {
		width: 100%;height: auto;
	}
}
@media (any-hover:hover) {
	.inno-video {
		&:hover {
			> img {
				transform: scale(1.1);
			}
			span {
				color: $blue;
			}
		}
	}
	.learn-more {
		&:hover {
			color: $blue;
			span {
				transform: translateX(4px);
			}
		}
	}
}
@media (max-width: 1280px) {
	.index-inno__wrap {
		padding-top: 80px;padding-bottom: 60px;
	}
}
@media (max-width: 750px) {
	.index-inno__wrap {
		padding-bottom: 0;padding-top: 60px;
	}
	.inno-bg {
		bottom: -5%;left: 0;
	}
	.inno-img {
		position: relative;width: auto;max-width: 640px;width: 80%;margin-top: 20px;
	}
}


// Index App
.slick-app {
	.slick-prev {
		left: 50%;margin-left: -550px;
	}
	.slick-next {
		right: 50%;margin-right: -550px;
	}
}
@media (min-width: 901px) {
	.slick-app {
		&.center {
			.slick-list {
				text-align: center;
			}
			.slick-track {
				width: auto !important;display: inline-block;
				// transform: translate3d(0, 0, 0);
			}
			
		}
	}
}
.app-item {
	display: block;margin-top: 20px;margin-bottom: 20px;
	width: 240px;padding: 40px 45px 30px;background-color: $white;border-radius: 3px;
	transition: all .3s;
	&.bg-lightblue {
		background-color: $bg;
	}
}
.app-item__img {
	&::before {
		padding-top: percent(240, 280);
	}
	img {
		// filter: grayscale(100%);
		// opacity: .5;
		transition: all .3s;
	}
}
.app-item__ico {
	position: absolute;right: -.4em;bottom: -.4em;
	visibility: hidden;opacity: 0;
	transition: all .3s;
}
.app-item__title {
	font-weight: 700;line-height: 1.25;font-weight: 700;color: $black;height: 2.5em;
	transition: color .3s;
}
.app-item__desc {
	height: 6em;
	transition: color .3s;
}
.app-item__more {
	color: $black;
	transition: color .3s;
}
@media (any-hover:hover) {
	.app-item {
		&:hover {
			box-shadow: 2px 4px 16px rgba(0,0,0,.16);
			transform: scale3d(1.01,1.01,1.01);
			background-color: $blue;
			.app-item__img {
				img {
					filter: grayscale(0);opacity: 1;
				}
			}
			.app-item__ico {
				visibility: visible;opacity: 1;
			}
			.app-item__title,
			.app-item__desc,
			.app-item__more {
				color: $white;
			}
		}
	}
}
@media (any-hover: none) {
	.slick-current {
		.app-item__img {
			img {
				filter: grayscale(0);opacity: 1;
			}
		}
	}
}
@media (max-width: 1280px) {
	.app-item {
		padding: 30px;
	}
	.slick-app {
		.slick-prev {
			left: 50%;margin-left: -505px;
		}
		.slick-next {
			right: 50%;margin-right: -505px;
		}
	}
}
@media (max-width: 1024px) {
	.slick-app {
		.slick-prev {
			left: 50%;margin-left: -462px;
		}
		.slick-next {
			right: 50%;margin-right: -462px;
		}
	}
	.app-item {
		padding: 20px;
	}
}
@media (max-width: 900px) {
	.slick-app {
		.slick-prev {
			left: 0;margin-left: 0;
		}
		.slick-next {
			right: 0;margin-right: 0;
		}
	}
}



.animimg-box {
	.img-box {
		overflow: hidden;
		img {
			transition: transform .6s ease;
		}
	}
}
@media (any-hover:hover) {
	.animimg-box {
		&:hover {
			.img-box {
				img {
					transform: scale3d(1.1, 1.1, 1.1);
				}
				.news-item__bg {
					transform: scale3d(1.1, 1.1, 1.1);
				}
			}
		}
	}
}


// Index News
.news-item {
	display: block;background-color: $white;border-radius: 3px;
}
.news-item__img {
	border-radius: 3px;overflow: hidden;
	&::before {
		padding-top: percent(330, 200);
	}
}
.news-item__bg {
	position: absolute;top: 0;right: 0;bottom: 0;left: 0;
	transition: transform .6s ease;
}
.news-item__cate {
	line-height: 1.5;color: $blue;letter-spacing: 0.01em;
}
.news-item__intro {
	padding: 15px 25px;
}
.news-item__title {
	font-weight: 700;color: $black;line-height: 1.4;height: 2.8em;
}
.news-item__desc {
	margin-top: .4em;
	font-weight: 300;line-height: 1.5;color: $black40;height: 3em;
}
.news-item__bottom {
	position: relative;
	border-top: 1px solid $border;margin-top: 4px;padding-top: 5px;
}
.news-item__date {
	line-height: 24px;color: $black40;
}
.news-item__br {
	position: absolute;top: 5px;right: 0;
}
.news-item__btn {
	display: inline-block;vertical-align: top;line-height: 24px;margin-left: 10px;color: $black40;
	transition: color .3s;
	&::before {
		font-size: 16px;display: inline-block;vertical-align: top;line-height: 24px;margin-right: 4px;
	}
	&.like {
		color: $blue;
	}
}
@media (any-hover:hover) {
	.news-item__btn {
		&:hover {
			color: $blue;
		}
	}
}
@media (max-width: 1024px) {
	.news-item__intro {
		padding-right: 20px;padding-left: 20px;
	}
}
@media (max-width: 768px) {
	.list-inews {
		> li {
			width: 50%;
			&:nth-of-type(n+3) {
				// display: none;
				margin-top: 20px;
			}
		}
	}
}
@media (max-width: 580px) {
	.list-inews {
		> li {
			width: 100%;
			&:nth-of-type(n+2) {
				margin-top: 20px;
			}
		}
	}
}


// Index Honor
.ihonor-item {
	width: 90%;max-width: 240px;margin-right: auto;margin-left: auto;
}
.ihonor-item__title {
	position: relative;
	display: inline-block;vertical-align: top;
	.num {
		font-family: Arial;line-height: 1;font-size: 64px;color: $blue;
	}
	.ico {
		position: absolute;top: 0;left: 100%;line-height: 1;color: $blue;margin-left: 10px;line-height: 38px;font-family: Arial;
	}
	.unit {
		position: absolute;bottom: 6px;left: 100%;margin-left: 10px;color: $black40;font-weight: 300;
	}
}
.ihonor-item__desc {
	line-height: 1.5;font-weight: 300;color: $black40;letter-spacing: 0.01em;
}
.list-ihonor {
	> li {
		&:nth-of-type(n+4) {
			margin-top: 50px;
		}
	}
}
@media (max-width: 1024px) {
	.list-ihonor {
		margin-top: 40px;
	}
	.ihonor-item__title {
		.num {
			font-size: 48px;display: inline-block;vertical-align: top;
		}
		.ico {
			font-size: 32px;line-height: 32px;
			&.fz-28 {
				font-size: 20px;
			}
		}
		.unit {
			font-size: 14px;line-height: 16px;
		}
	}
}
@media (max-width: 768px) {
	.list-ihonor {
		> li {
			width: 50%;
			&:nth-of-type(n+3) {
				margin-top: 40px;
			}
		}
	}
	.ihonor-item__title {
		.num {
			font-size: 32px;display: inline-block;vertical-align: top;line-height: 40px;
		}
		.ico {
			font-size: 20px;line-height: 24px;
			&.fz-28 {
				font-size: 12px;
			}
		}
		.unit {
			font-size: 12px;line-height: 16px;
		}
	}
}

// Index Partner
.partner-item {
	max-width: 160px;margin-right: auto;margin-left: auto;
	&::before {
		padding-top: percent(160, 60);
	}
	img {
		// filter: grayscale(100%);
		transition: all .3s;
	}
}
@media (any-hover:hover) {
	.partner-item {
		&:hover {
			img {
				// filter: grayscale(0);
			}
		}
	}
}
@media (max-width: 768px) {
	.lists-partners {
		> li {
			width: 25%;
			&:nth-of-type(n+5) {
				margin-top: 20px;
			}
		}
	}
}

// Index  Business
.index-bleft,
.index-bright {
	display: inline-block;vertical-align: top;height: 390px;
}
.index-bleft {
	width: 42%;background-color: $blue;
}
.index-bright {
	width: 58%;
}
.index-bintro {
	width: 320px;margin-right: auto;margin-left: auto;
}
.index-btitle {
	font-weight: 700;text-transform: uppercase;line-height: 1.5;color: $white;
}
.index-bus-btn {
	padding: 15px 10px; 
	line-height: 20px;background-color: $white;border-radius: 3px;color: $blue;text-align: center;
	span {
		display: inline-block;vertical-align: top;margin-left: 20px;line-height: 20px;
		transition: transform .3s ease;
	}
}
@media (any-hover:hover) {
	.index-bus-btn {
		&:hover {
			span {
				transform: translateX(4px);
			}
		}
	}
}
@media (max-width: 1024px) {
	.footer-bottom {
		margin-top: 0;
	}
	.index-bleft {
		width: 100%;height: auto;padding: 50px 0;
	}
	.index-bright {
		display: none;
	}
	.index-bintro {
		margin-top: 0;
	}
}