@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;
	background:url(../images/banner-douyin.jpg) center center no-repeat;
}



/* .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(../images/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(../images/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(../images/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(../images/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;
}
@media only screen and (max-width: 780px) {
	.main-title > h1, .main-title > big{
		font-size: 16px;
	}
	.inbanner{
		width: 100%;
	}
	.w1200{
		width: 90%;
		margin: auto;
		overflow: hidden;
	}
	.web-main{
		width: 100%;
	}
	.main-title > small{
		font-size: 12px;
	}
	.part-flow{
		height: auto;
	}
	.part-flow .content > li:nth-of-type(4n+1){
		margin-left: 50px;
	}
	.part-flow .intro > strong{
		font-size: 17px;
	}
	.part-flow .intro > small{
		font-size: 12px;
	}
	.part-entrance .content > li{
		width: 121px;
		height: 332px;
	}
	.part-service .content > li{
		width: 48%;
		margin: 0 1%;
		height: 456px;
	}
	.part-data{
		height: auto;
	}
	.part-data .content > li{
		width: 48%;
		margin: 0 1%;
		height: 456px;
	}
	.part-ai .content > li{
		width: 50%;
	}
	.part-data-radar .content > li:first-child {
		margin-left: 110px;
	}
}
@media only screen and (max-width: 380px) {
	.part-entrance .content > li {
		width: 108px;
		height: 258px;
	}
	.part-data-radar .content > li:first-child{
		margin-left: 108px;
	}
}
@media only screen and (max-width: 370px) {
	.part-entrance .content > li {
		width: 103px;
		height: 258px;
		font-size: 12px;
	}
}