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

/* .part-banner */
.part-banner {
	position:relative; z-index:1;
	display:block;
	width:100%; height:798px; overflow:hidden;
	margin:0 auto; margin-top:-100px;
}
.part-banner .swiper-slide1 {
	background:url(banner-01.jpg) center center no-repeat; background-size:cover;
}
.part-banner .swiper-slide1 .web-main {
	position:relative;
	text-align:-moz-left!important; text-align:left;
}
.part-banner .swiper-slide1 .h1 {
	position:absolute; left:0; top:220px;
	display:block;
	width:520px; height:90px; overflow:hidden;
	background:url(banner-01-h1.png) center center no-repeat;
}
.part-banner .swiper-slide1 .h2 {
	position:absolute; left:52px; top:320px;
	display:block;
	width:auto; height:30px; line-height:30px;
	font-size:20px; color:rgba(255,255,255,0.8);
}
.part-banner .swiper-slide1 .guide {
	position:absolute; left:52px; top:390px;
	display:block;
	width:auto; height:auto; line-height:30px;
	font-size:16px; color:#fff;
}
.part-banner .swiper-slide1 a.more {
	position:absolute; left:52px; top:520px;
	display:block;
	width:158px; height:38px; line-height:38px;
	font-size:14px; color:rgba(225,255,88,0.8); font-weight:bold;
	text-align:-moz-center!important; text-align:center;
	border:1px solid rgba(225,255,88,0.8);
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.part-banner .swiper-slide1 a.more:nth-of-type(2) {
	left:240px;
}
.part-banner .swiper-slide1 a.more:hover {
	color:rgba(225,255,88,1);
	border-color:rgba(225,255,88,1);
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.part-banner .im {
	position:absolute;
	display:inline-block;
	width:auto; height:30px; line-height:30px;
	padding:0 20px;
	font-size:14px; color:#fff;
	background:url(banner-dot-01.png) no-repeat;
}
.part-banner .swiper-slide1 .im1 {
	left:677px; top:220px;
	background-position:right center;
}
.part-banner .swiper-slide1 .im2 {
	left:546px; top:384px;
	background-position:right center;
}
.part-banner .swiper-slide1 .im3 {
	left:886px; top:470px;
	background-position:left center;
}


.part-banner .swiper-slide2 {
	background:url(banner-02.jpg) center center no-repeat; background-size:cover;
}
.part-banner .swiper-slide2 .web-main {
	position:relative;
	text-align:-moz-left!important; text-align:left;
}
.part-banner .swiper-slide2 .h1 {
	position:absolute; left:34px; top:200px;
	display:block;
	width:397px; height:75px; overflow:hidden;
	background:url(banner-02-h1.png) center center no-repeat;
}
.part-banner .swiper-slide2 .h2 {
	position:absolute; left:58px; top:300px;
	display:inline-block;
	width:auto; height:30px; line-height:30px;
	font-size:20px; color:rgba(255,255,255,0.8);
}
.part-banner .swiper-slide2 .guide {
	position:absolute; left:58px; top:368px;
	display:inline-block;
	width:auto; height:auto; line-height:35px;
	font-size:16px; color:#fff;
}
.part-banner .swiper-slide2 a.more {
	position:absolute; left:58px; top:520px;
	display:block;
	width:158px; height:38px; line-height:38px;
	font-size:14px; color:rgba(225,173,31,0.8); font-weight:bold;
	text-align:-moz-center!important; text-align:center;
	border:1px solid rgba(225,173,31,0.8);
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.part-banner .swiper-slide2 a.more:nth-of-type(2) {
	left:246px;
}
.part-banner .swiper-slide2 a.more:hover {
	color:rgba(225,173,31,1);
	border-color:rgba(225,173,31,1);
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.part-banner .swiper-slide2 .im1 {
	left:666px; top:222px;
	background-position:right center;
}
.part-banner .swiper-slide2 .im2 {
	left:958px; top:333px;
	background-position:right center;
}
.part-banner .swiper-slide2 .im3 {
	left:993px; top:386px;
	background-position:right center;
}



/* .part-solution */
.part-solution {
	display:block;
	width:100%; height:960px; overflow:hidden;
	margin:0 auto;
	background:url(pic-01.jpg) center center no-repeat; background-size:cover;
}
.part-solution .title {
	margin-top:70px;
}

.part-solution .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:30px auto 0 auto;
}
.part-solution .content > li {
	display:block;
	width:auto; height:auto; overflow:hidden;
	margin-top:35px; padding-left:20px;
	font-size:0;
}
.part-solution .content > li > .ico {
	display:inline-block;
	width:40px; height:40px; overflow:hidden;
	margin-right:18px;
	vertical-align:middle;
	background:url(ico-01.png) no-repeat;
}
.part-solution .content > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-solution .content > li:nth-of-type(2) > .ico {background-position:0 -40px;}
.part-solution .content > li:nth-of-type(3) > .ico {background-position:0 -80px;}
.part-solution .content > li:nth-of-type(4) > .ico {background-position:0 -120px;}

.part-solution .content > li > strong {
	display:inline-block;
	width:auto; height:40px; line-height:40px;
	font-size:20px;
	vertical-align:middle;
}
.part-solution .content > li > p {
	display:block;
	width:auto; height:auto; line-height:2.4;
	margin:0 0 0 58px; padding:0;
	font-size:15px;
}

.part-solution a.more {
	display:block;
	width:174px; height:38px; line-height:38px;
	margin:35px 0 0 78px;
	font-size:14px; color:rgba(58,193,228,0.8);
	text-indent:22px;
	border:1px solid rgba(58,193,228,0.3);
	background:url(p-02.png) 91px center no-repeat;
}
.part-solution a.more:hover {
	color:rgba(58,193,228,1);
	border-color:rgba(58,193,228,0.5);
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}



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

.part-ai .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:80px auto 0 auto;
}
.part-ai .content > li {
	float:left; display:inline-block;
	width:auto; height:auto; overflow:hidden;
	margin-left:110px;
	text-align:-moz-center!important; text-align:center;
}
.part-ai .content > li:first-child {
	margin-left:0;
}
.part-ai .content > li > big {
	display:block;
	line-height:100px;
	font-size:24px; color:#fff;
}
.part-ai .content > li > img {
	display:block;
	margin:0 auto;
}
.part-ai .content > li > small {
	display:block;
	line-height:100px;
	font-size:18px; color:rgba(255,255,255,0.6);
}



/* .part-choose */
.part-choose {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
	background-color:#fff;
}
.part-choose .title {
	margin-top:60px;
}
.part-choose .intro {
	display:block;
	width:100%; height:auto; line-height:2.4; overflow:hidden;
	margin:36px auto 0 auto;
	font-size:18px;
	text-align:-moz-center!important; text-align:center;
}

.part-choose .comp-table {
	width:98%;
	margin-top:56px;
	border-collapse:collapse;
}
.part-choose .comp-table th, .part-choose .comp-table td {
	padding:18px 10px;
	line-height:1.6;
	font-size:18px;
	text-align:-moz-center!important; text-align:center;
	border:1px solid #aaebf3;
	vertical-align:middle;
	background-color:#f9feff;
}
.part-choose .comp-table th {
	color:#3babb8;
	border-bottom-width:3px;
}
.part-choose .comp-table th:nth-of-type(3) {
	color:#ea2222;
	background-color:#fdfff9;
}
.part-choose .comp-table td {
	color:#528a91;
}
.part-choose .comp-table td:nth-of-type(3) {
	color:#0ec2d8;
	background-color:#fdfff9;
}
.part-choose .comp-table td .prompt {
	font-size:14px;
}

.part-choose a.more {
	display:block;
	width:150px; height:40px; line-height:40px;
	margin:50px auto 80px 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-choose 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-adva */
.part-adva {
	display:block;
	width:100%; height:600px; overflow:hidden;
	margin:0 auto;
	background:url(pic-03.jpg) center center no-repeat;
}
.part-adva .title {
	margin-top:65px;
}
.part-adva .title > big {
	color:#fff;
}
.part-adva .title > small {
	color:rgba(255,255,255,0.4);
}

.part-adva .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:90px auto 0 auto;
}
.part-adva .content > li {
	float:left; display:inline-block;
	width:200px; height:auto; overflow:hidden;
	margin:0 0 0 120px;
	text-align:-moz-center!important; text-align:center;
}
.part-adva .content > li:first-child {
	margin-left:20px;
}
.part-adva .content > li > .ico {
	display:block;
	width:120px; height:120px; overflow:hidden;
	margin:0 auto 22px auto;
	background:url(ico-02.png) no-repeat;
	border:1px solid rgba(255,255,255,0.3);
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	
	transition-property:border-color;
	-moz-transition-property:border-color;
	-webkit-transition-property:border-color;
	-o-transition-property:border-color;
	
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-adva .content > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-adva .content > li:nth-of-type(2) > .ico {background-position:0 -120px;}
.part-adva .content > li:nth-of-type(3) > .ico {background-position:0 -240px;}
.part-adva .content > li:nth-of-type(4) > .ico {background-position:0 -360px;}
.part-adva .content > li:hover > .ico {
	border-color:rgba(255,255,255,0.8);
}

.part-adva .content > li > strong {
	display:block;
	width:auto; line-height:2;
	font-size:24px; color:#fff;
}
.part-adva .content > li > small {
	display:block;
	width:auto; line-height:2;
	font-size:16px; color:rgba(255,255,255,0.7);
}



/* .part-news */
.part-news {
	display:block;
	width:100%; height:781px; overflow:hidden;
	margin:0 auto;
	background:url(pic-04.jpg) center center no-repeat;
}

.part-news .title {
	display:block;
	width:auto; height:auto; overflow:hidden;
	margin-top:70px; padding-left:20px;
}
.part-news .title > big {
	display:block;
	line-height:1.6;
	font-size:32px; color:#333; font-weight:bold;
}
.part-news .title > small {
	display:block;
	line-height:1.6;
	font-size:20px; color:rgba(0,0,0,0.3);
	text-transform:uppercase;
}

.part-news .content {
	display:block;
	width:auto; height:auto; overflow:hidden;
	margin-top:20px; padding-left:20px;
}
.part-news .content > li {
	display:block;
	width:auto; height:120px; overflow:hidden;
	margin:30px auto 0 auto;
}
.part-news .content > li > a {
	display:block;
	width:480px; height:50px; overflow:hidden;
	white-space:nowrap; text-overflow:ellipsis;
	font-size:24px;
}
.part-news .content > li > a:link {color:#02b2b5;}
.part-news .content > li > a:visited {color:#02b2b5;}
.part-news .content > li > a:hover {color:#c00;}
.part-news .content > li > a:active {color:#c00;}
.part-news .content > li > a > i {
	position:relative; top:-4px;
	display:inline-block;
	width:10px; height:10px; overflow:hidden;
	margin-right:10px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	
	background:-webkit-linear-gradient(#06c777, #0cc77b);
	background:-o-linear-gradient(#06c777, #0cc77b);
	background:-moz-linear-gradient(#06c777, #0cc77b);
	background:linear-gradient(#06c777, #0cc77b);
}
.part-news .content > li > p {
	display:block;
	width:480px; height:auto; line-height:2; overflow:hidden;
	margin:0; padding:0;
	font-size:16px; color:#999;
}

.part-news a.more {
	display:block;
	width:174px; height:38px; line-height:38px;
	margin:35px 0 0 20px;
	font-size:14px; color:rgba(2,178,181,0.8);
	text-indent:22px;
	border:1px solid rgba(2,178,181,0.3);
	background:url(p-02.png) 91px center no-repeat;
}
.part-news a.more:hover {
	color:rgba(2,178,181,1);
	border-color:rgba(2,178,181,0.5);
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}

/* .part-ranking */
.part-ranking {
	display:block;
	width:100%; height:680px; overflow:hidden;
	margin:0 auto;
	background:url(pic-01.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;
}
.part-ranking .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:80px auto 0 auto;
	text-align:-moz-center!important; text-align:center;
}
.part-ranking .title > big {
	display:block;
	line-height:2;
	font-size:28px; color:#fff;
}
.part-ranking .title > small {
	display:block;
	line-height:2;
	font-size:20px; color:rgba(255,255,255,0.8);
}

.part-ranking .content {
	display:block;
	width:100%; height:400px; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-ranking .content > ul {
	position:relative;
	display:block;
	width:100%; height:360px;
	margin:20px auto 0 auto;
	background-color:#fff;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.part-ranking .content > ul > li {
	position:absolute; top:0;
	display:block;
	width:300px; height:360px; overflow:hidden;
	background-color:#fff;
	text-align:-moz-center!important; text-align:center;
	
	transition-property:background-color, top, height;
	-moz-transition-property:background-color, top, height;
	-webkit-transition-property:background-color, top, height;
	-o-transition-property:background-color, top, height;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-ranking .content > ul > li:nth-of-type(1), .part-ranking .content > ul > li:nth-of-type(2), .part-ranking .content > ul > li:nth-of-type(3) {
	width:299px;
	border-right:1px solid #eee;
}
.part-ranking .content > ul > li > .ico {
	position:absolute; left:125px; top:40px;
	display:block;
	width:60px; height:60px; overflow:hidden;
	background:url(ico-09.png) no-repeat;
	
	transition-property:top, opacity;
	-moz-transition-property:top, opacity;
	-webkit-transition-property:top, opacity;
	-o-transition-property:top, opacity;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-ranking .content > ul > li > strong {
	position:absolute; left:0; top:120px;
	display:block;
	width:100%; height:auto; line-height:1.6;
	font-size:16px; color:#333;
	
	transition-property:top;
	-moz-transition-property:top;
	-webkit-transition-property:top;
	-o-transition-property:top;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-ranking .content > ul > li > p {
	position:absolute; left:35px; top:180px;
	display:block;
	width:230px; height:auto; line-height:1.9; overflow:hidden;
	margin:0 auto; padding:0;
	font-size:12px;
}
.part-ranking .content > ul > li > p > b {
	display:block;
	margin:0 auto 6px auto;
	color:#333;
}
.part-ranking .content > ul > li > a.more {
	position:absolute; left:90px; bottom:30px;
	display:block;
	width:120px; height:30px; line-height:30px;
	font-size:12px;
	background-color:#109a4b;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	
	transition-property:opacity;
	-moz-transition-property:opacity;
	-webkit-transition-property:opacity;
	-o-transition-property:opacity;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}


.part-ranking .content > ul > li:nth-of-type(1) {
	left:0;
	-webkit-border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px;
}
.part-ranking .content > ul > li:nth-of-type(2) {
	left:300px;
}
.part-ranking .content > ul > li:nth-of-type(3) {
	left:600px;
}
.part-ranking .content > ul > li:nth-of-type(4) {
	left:900px;
	-webkit-border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0;
}

.part-ranking .content > ul > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-ranking .content > ul > li:nth-of-type(2) > .ico {background-position:0 -60px;}
.part-ranking .content > ul > li:nth-of-type(3) > .ico {background-position:0 -120px;}
.part-ranking .content > ul > li:nth-of-type(4) > .ico {background-position:0 -180px;}

.part-ranking .content > ul > li:hover {
	top:-20px;
	height:400px;
	background-color:#1865bf;
	border-color:rgba(255,255,255,0);
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
.part-ranking .content > ul > li:hover > .ico {
	top:20px;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.part-ranking .content > ul > li:hover > strong {
	top:80px;
}
.part-ranking .content > ul > li:hover > strong, .part-ranking .content > ul > li:hover > a.more {
	color:#fff;
}
.part-ranking .content > ul > li:hover > p {
	top:150px;
	color:rgba(255,255,255,0.8);
	line-height:2.2;
}
.part-ranking .content > ul > li:hover > p > b {
	color:#fff;
}
.part-ranking .content > ul > li:hover > a.more {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
/* .part-promote */
.part-promote {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:40px 0;
	background-color:#fff;
}
.part-promote .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	text-align:-moz-center!important; text-align:center;
}
.part-promote .title > big {
	display:block;
	line-height:2;
	font-size:28px; color:#333;
}
.part-promote .title > small {
	display:block;
	line-height:2;
	font-size:20px; color:#666;
}

.part-promote .content {
	display:block;
	width:100%; height:auto; min-height:280px; overflow:hidden;
	margin:20px auto 0 auto;
	background:url(ico-03.png) 80px center no-repeat;
}
.part-promote .content > .population {
	float:right; display:inline-block;
	width:auto; height:auto; overflow:hidden;
	margin:40px 80px 0 0;
}
.part-promote .content > .population > li {
	float:left; display:inline-block;
	width:100px; height:auto; overflow:hidden;
	font-size:16px; color:#333;
	text-align:-moz-center!important; text-align:center;
}
.part-promote .content > .population > li > .ico {
	display:block;
	width:90px; height:150px; overflow:hidden;
	margin:0 auto 12px auto;
	background:url(ico-04.png) no-repeat;
}
.part-promote .content > .population > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-promote .content > .population > li:nth-of-type(2) > .ico {background-position:-90px 0;}
.part-promote .content > .population > li:nth-of-type(3) > .ico {background-position:-180px 0;}
.part-promote .content > .population > li:nth-of-type(4) > .ico {background-position:-270px 0;}
.part-promote .content > .population > li:nth-of-type(5) > .ico {background-position:-360px 0;}

.part-promote .prop {
	display:block;
	line-height:2;
	font-size:14px; color:#f30;
	text-align:-moz-center!important; text-align:center;
}
.part-promote a.button {
	display:block;
	width:180px; height:42px; line-height:42px;
	margin:4px auto 0 auto;
	font-size:15px; color:#fff;
	text-align:-moz-center!important; text-align:center;
	background-color:#f30;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}