@charset "utf-8";
/* CSS Document */

/* .part-banner */
.part-banner {
	position:relative; z-index:1;
	display:block;
	width:100%; height:300px; overflow:hidden;
	margin:0 auto; margin-top:-100px; 
}



/* .part-applet */
.part-applet {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:50px 0 70px 0;
	background-color:#fff;
}
.part-applet .title {
	background:none;
}
.part-applet .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:20px auto 0 auto;
}



/* .part-flow */
.part-flow {
	display:block;
	width:100%; height:783px; overflow:hidden;
	margin:0 auto;
	background:url(pic-17.jpg) center center no-repeat; background-attachment:fixed; background-size:cover;
}
.part-flow .title {
	margin-top:30px;
}

.part-flow .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-flow .content > li {
	float:left; display:inline-block;
	width:250px; height:110px; overflow:hidden;
	margin:60px 0 0 50px;
}
.part-flow .content > li:nth-of-type(4n+1) {
	margin-left:0;
}
.part-flow .content > li > .ico {
	float:left; display:inline-block;
	width:50px; height:50px; overflow:hidden;
	background:url(ico-06.png) no-repeat;
}
.part-flow .content > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-flow .content > li:nth-of-type(2) > .ico {background-position:0 -50px;}
.part-flow .content > li:nth-of-type(3) > .ico {background-position:0 -100px;}
.part-flow .content > li:nth-of-type(4) > .ico {background-position:0 -150px;}
.part-flow .content > li:nth-of-type(5) > .ico {background-position:0 -200px;}
.part-flow .content > li:nth-of-type(6) > .ico {background-position:0 -250px;}
.part-flow .content > li:nth-of-type(7) > .ico {background-position:0 -300px;}
.part-flow .content > li:nth-of-type(8) > .ico {background-position:0 -350px;}

.part-flow .content > li > p {
	float:right; display:inline-block;
	width:184px; height:auto; line-height:1.8; overflow:hidden;
	margin:0; padding:0;
	font-size:14px; color:#999;
}
.part-flow .content > li > p > strong {
	display:block;
	line-height:normal;
	margin-bottom:4px;
	font-size:18px; color:#333; font-weight:normal;
}

.part-flow .intro {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto;
	text-align:-moz-center!important; text-align:center;
}
.part-flow .intro > span {
	display:block;
	line-height:1.2;
	font-size:30px; color:#3be1c4; font-weight:bold;
}
.part-flow .intro > strong {
	display:block;
	line-height:2;
	font-size:30px; color:#ef376b;
}
.part-flow .intro > small {
	display:block;
	line-height:2;
	font-size:18px; color:#ef376b;
}



/* .part-entrance */
.part-entrance {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:50px 0 80px 0;
	background-color:#fff;
}
.part-entrance .intro {
	display:block;
	width:100%; height:auto; line-height:2; overflow:hidden;
	margin:0 auto; padding:20px 0 0 0;
	font-size:16px; color:#333;
	text-align:-moz-center!important; text-align:center;
}
.part-entrance .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto;
}
.part-entrance .content > li {
	float:left; display:inline-block;
	width:220px; height:480px; overflow:hidden;
	margin-left:25px;
	font-size:18px; color:#333;
	text-align:-moz-center!important; text-align:center;
}
.part-entrance .content > li:first-child {
	margin-left:0;
}
.part-entrance .content > li > img {
	display:block;
	width:100%; height:auto;
	margin:0 auto 16px auto;
}



/* .part-service */
.part-service {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:50px 0 80px 0;
	background-color:#f6f6f6;
}
.part-service .intro {
	display:block;
	width:100%; height:auto; line-height:2; overflow:hidden;
	margin:0 auto; padding:20px 0 0 0;
	font-size:16px; color:#333;
	text-align:-moz-center!important; text-align:center;
}
.part-service .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto;
}
.part-service .content > li {
	float:left; display:inline-block;
	width:261px; height:560px; overflow:hidden;
	margin-left:52px;
	font-size:18px; color:#333;
	text-align:-moz-center!important; text-align:center;
}
.part-service .content > li:first-child {
	margin-left:0;
}
.part-service .content > li > img {
	display:block;
	width:100%; height:auto;
	margin:0 auto 16px auto;
}



/* .part-ai */
.part-ai {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:50px 0;
	background-color:#fff;
}
.part-ai .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:50px auto 0 auto;
}
.part-ai .content > li {
	float:left; display:inline-block;
	width:300px; height:auto; overflow:hidden;
	text-align:-moz-center!important; text-align:center;
}
.part-ai .content > li > .ico {
	display:block;
	width:110px; height:110px; overflow:hidden;
	margin:0 auto 14px auto;
	background:url(ico-07.png) no-repeat;
}
.part-ai .content > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-ai .content > li:nth-of-type(2) > .ico {background-position:0 -110px;}
.part-ai .content > li:nth-of-type(3) > .ico {background-position:0 -220px;}
.part-ai .content > li:nth-of-type(4) > .ico {background-position:0 -330px;}

.part-ai .content > li > big {
	display:block;
	line-height:2;
	font-size:18px; color:#333;
}
.part-ai .content > li > small {
	display:block;
	line-height:1.8;
	font-size:14px; color:#999;
}

.part-ai a.more {
	display:block;
	width:150px; height:40px; line-height:40px;
	margin:60px auto 20px auto;
	font-size:14px; color:#fff;
	text-align:-moz-center!important; text-align:center;
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
	
	background:-webkit-linear-gradient(left, #31b2e0, #54efee);
	background:-o-linear-gradient(right, #31b2e0, #54efee);
	background:-moz-linear-gradient(right, #31b2e0, #54efee);
	background:linear-gradient(to right, #31b2e0, #54efee);
}
.part-ai a.more:hover {
	-webkit-box-shadow:rgba(76,217,243,0.5) 0 0 6px; -moz-box-shadow:rgba(76,217,243,0.5) 0 0 6px; box-shadow:rgba(76,217,243,0.5) 0 0 6px;
}



/* .part-data */
.part-data {
	display:block;
	width:100%; height:800px; overflow:hidden;
	margin:0 auto; padding:0;
	background:url(pic-18.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;
}
.part-data .title > big {
	color:#fff;
}
.part-data .title > small {
	color:rgba(255,255,255,0.4);
}

.part-data .intro {
	display:block;
	width:100%; height:auto; line-height:2; overflow:hidden;
	margin:0 auto; padding:20px 0 0 0;
	font-size:16px; color:rgba(255,255,255,0.8);
	text-align:-moz-center!important; text-align:center;
}

.part-data .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:60px auto 0 auto;
}
.part-data .content > li {
	float:left; display:inline-block;
	width:180px; height:400px; overflow:hidden;
	margin-left:24px;
	font-size:18px; color:#fff;
	text-align:-moz-center!important; text-align:center;
}
.part-data .content > li:first-child {
	margin-left:0;
}
.part-data .content > li > img {
	display:block;
	width:100%; height:auto;
	margin:0 auto 16px auto;
}


.part-data-radar .title {
	margin-top:80px;
}
.part-data-radar .content > li {
	height:480px;
	margin-left:135px;
}
.part-data-radar .content > li:first-child {
	margin-left:135px;
}


.part-data-customer .title {
	margin-top:30px;
}