canvas{
	min-width: 1000px; 
	width: 100% !important;
	max-width: 100% !important;
	position: absolute; 
	left: 50%; 
	bottom:0; 
	transform: translateX(-50%);
	z-index:0;
}
.bottomAnimate{
	position: fixed;
	opacity: .1;
}
.footer{
	position: relative;
	z-index:10;
}
.indexPage .title{
	font-size: 14px;
	color:#333333;
	font-weight: 400;
	line-height:26px;
	text-align: center;
}
.indexPage .title h2{
	font-weight: 400;
	font-size: 24px;
	line-height:33px;
}
.indexPage .title p{
	margin-top: 12px;
	padding:0 145px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height:56px;
}
.indexPage .container{
	position: relative;
	z-index: 10;
}
.indexPage .indexTop{
	width: 100%;
	height: 767px;
	background: -webkit-linear-gradient(#717FFC, #4B5AEE); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#717FFC, #4B5AEE); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#717FFC, #4B5AEE); /* Firefox 3.6 - 15 */
	background: linear-gradient(#717FFC, #4B5AEE); /* 标准的语法 */
	position: relative;
	z-index:10;
}
.indexPage .header{
	position: absolute;
	top: 0;
	left: 0;
	z-index:20;
}
.indexPage .indexTop .banner{
	color:#fff;
	background: url(../images/banner_index_left.png) no-repeat left top;
	padding-top: 67px;
	width: 100%;
	overflow: hidden;
}
.indexPage .indexTop .banner .container{
	background: url(../images/banner_index_bgleft.png) no-repeat left bottom;
	min-height:432px;
}
.indexPage .indexTop .banner .bannerText{
	width: 450px;
	width:409px;
	font-size:26px;
	margin-left: 31px;
}
.indexPage .indexTop .banner .bannerText h2{
	font-size: 51px;
	line-height: 71px;
	font-weight:600;
	padding-top: 173px;
	margin-bottom: 13px;
}
.indexPage .indexTop .banner .bannerImg{
	width: 750px;
	position: relative;
	
}
.indexPage .indexTop .banner .bannerImg img{
	position: absolute;
}
.indexPage .indexTop .banner .bannerImg .fixedImg{
	right: 0;
	top: 88px;
}
.indexPage .indexTop .banner .bannerImg .lightColumn{
    top: 74px;
    right: 231px;
	animation: lightAnimate 1.5s infinite;
	-moz-animation: lightAnimate 1.5s infinite;
	-webkit-animation: lightAnimate 1.5s infinite;
	-o-animation: lightAnimate 1.5s infinite;
	opacity:1;
}
.indexPage .indexTop .banner .bannerImg .cloudBg{
    top: 102px;
    right: 238px;
}
.indexPage .indexTop .banner .bannerImg .cloud{
    top: 200px;
    right: 270px;
    animation: cloudAnimate 4s infinite;
	-moz-animation: cloudAnimate 4s infinite;
	-webkit-animation: cloudAnimate 4s infinite;
	-o-animation: cloudAnimate 4s infinite;	
}
.indexPage .indexTop .banner .bannerImg .person{
    top: 314px;
    right: 629px;
    animation: personAnimate 3s;
	-moz-animation: personAnimate 3s;
	-webkit-animation: personAnimate 3s;
	-o-animation: personAnimate 3s;
}
.indexPage .indexTop .banner .bannerImg .pillar{
	top: 20px;
    right: -50px;
    animation: pillarAnimate 2s infinite;
	-moz-animation: pillarAnimate 2s infinite;
	-webkit-animation: pillarAnimate 2s infinite;
	-o-animation: pillarAnimate 2s infinite;	
}
.indexPage .indexTop .banner .bannerImg .bgLine{
    top: 235px;
    right: 62px;
}
.indexPage .indexTop .banner .bannerImg .index_icon4{
    top: 233px;
    right: 62px;
}
.indexPage .indexTop .banner .bannerImg .index_icon6{
    top: 88px;
    right: 395px;
}
.indexPage .indexTop .banner .bannerImg .index_icon7{
    top: 241px;
    right: 529px;
}
.indexPage .indexTop .banner .bannerImg .index_icon8{
    top: 275px;
    right: 0px;
}
.indexPage .indexTop .indexTop_bottom{
	width: 100%;
	height: 190px;
	background-color: rgba(0,0,0,.23);
	position: absolute;
	bottom:0;
	color:#fff;
	font-size: 0;
}
.indexPage .indexTop .indexTop_bottom .container,
.indexPage .indexTop .indexTop_bottom ul{
	height: 100%;
}
.indexPage .indexTop .indexTop_bottom li{
	font-size: 14px;
	text-align: center;
	line-height:20px;
	display: inline-block;
	border-right:1px solid rgba(255,255,255,.42);
	width: 25%;
	height: 100%;
	padding:25px 27px 0;
	vertical-align: top;
}
.indexPage .indexTop .indexTop_bottom li:last-child{
	border-right:0;
}
.indexPage .indexTop .indexTop_bottom li h3{
	font-size: 28px;
	font-weight: 400;
	margin:10px 0 8px;
	line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.indexPage .indexTop .indexTop_bottom li .imgWrap{
	height: 50px;
	line-height: 50px;
}
.indexPage .indexTop .indexTop_bottom li .imgWrap img{
	max-width:100%;
	max-height:100%;
}
.indexPage .indexTop .indexTop_bottom li .textWrap{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height:40px;
}
.indexPage .main{
	width: 100%;
	overflow: hidden;
}
.indexPage .main>div{
	position: relative;
	min-height: 600px;
}
.indexPage .main .index_part1{
	background-color: #FAFAFA;
	padding:70px 0 80px;
}
.indexPage .main .index_part1 .index_part1_content{
	font-size: 0;
	text-align: center;
	margin-top: 40px;
}
.indexPage .main .index_part1 .index_part1_content li{
	width: 318px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	border:1px solid #E6E6E6;
	margin-right: 67px;
	height: 420px;
	vertical-align: top;
	background-color: #fff;
	transition:.5s;
	-moz-transition:.5s; /* Firefox 4 */
	-webkit-transition:.5s; /* Safari 和 Chrome */
	-o-transition:.5s; /* Opera */
}
.indexPage .main .index_part1 .index_part1_content li:hover{
	box-shadow:0px 0px 23px 0px rgba(0,0,0,0.08);
	border-color: #fff;
}
.indexPage .main .index_part1 .index_part1_content li:hover img{
	transform:scale(1.3);
	-ms-transform:scale(1.3); 	/* IE 9 */
	-moz-transform:scale(1.3); 	/* Firefox */
	-webkit-transform:scale(1.3); /* Safari 和 Chrome */
	-o-transform:scale(1.3); 	/* Opera */
}
.indexPage .main .index_part1 .index_part1_content li:last-child{
	margin-right: 0;
}
.indexPage .main .index_part1 .index_part1_content li .imgWrap{
	width: 100%;
	height: 168px;
	line-height: 168px;
	overflow: hidden;
}
.indexPage .main .index_part1 .index_part1_content li .imgWrap img{
	width: 100%;
	height: 100%;
	transition:.5s;
	-moz-transition:.5s; /* Firefox 4 */
	-webkit-transition:.5s; /* Safari 和 Chrome */
	-o-transition:.5s; /* Opera */
}
.indexPage .main .index_part1 .index_part1_content li h3{
	font-size: 20px;
	font-weight: 400;
	margin:15px 10px 8px;
	line-height: 28px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.indexPage .main .index_part1 .index_part1_content li h3 a:hover{
    color: #1B7BF1;
}
.indexPage .main .index_part1 .index_part1_content li .desc{
	padding:0 16px;
	line-height: 26px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    max-height:182px;
}
.indexPage .main .index_part2{
	padding:70px 0 44px 0;
}
.indexPage .main .index_part2 .index_part2_content{
	height: 431px;
	background-color: #000D47;
	margin-top: 56px;
}
.indexPage .main .index_part2 .solutionList li{
	float: left;
	width: 300px;
	height: 432px;
	text-align: center;
	position: relative;
	color:#fff;
	font-size: 14px;
	line-height: 26px;
	transition:.5s;
	-moz-transition:.5s; /* Firefox 4 */
	-webkit-transition:.5s; /* Safari 和 Chrome */
	-o-transition:.5s; /* Opera */
	padding-top: 100px;
}
.indexPage .main .index_part2 .solutionList li a{
	display: block;
	color:#fff;
}
.indexPage .main .index_part2 .solutionList li .solutionItemBg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:-1;
}
.indexPage .main .index_part2 .solutionList li .solution_icon{
	height: 85px;
	line-height: 85px;
}
.indexPage .main .index_part2 .solutionList li .solution_icon img{
	max-width: 100%;
    max-height: 100%;
	transition:.5s;
	-moz-transition:.5s; /* Firefox 4 */
	-webkit-transition:.5s; /* Safari 和 Chrome */
	-o-transition:.5s; /* Opera */
}
.indexPage .main .index_part2 .solutionList li .solution_icon_hover{
	display: none;
}
.indexPage .main .index_part2 .solutionList li h3{
	font-size: 20px;
	margin:12px 0;
	font-weight: 400;
}
.indexPage .main .index_part2 .solutionList li .solution_des{
	padding:0 25px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.indexPage .main .index_part2 .solutionList li:hover{
	background-color: #1294FF;
}
.indexPage .main .index_part2 .solutionList li:hover .solution_icon_default{
	display: none;
}
.indexPage .main .index_part2 .solutionList li:hover .solution_icon_hover{
	display: inline-block;
}
.indexPage .main .index_part3{
	padding-top: 100px;
}
.indexPage .main .index_part3 .index_part3_content{
	padding:0 70px 50px;
}
.indexPage .main .index_part3 .index_part3_content>div{
	width: 482px;
}
.indexPage .main .index_part3 .index_part3_content .newsImg{
	width: 100%;
	height: 217px;
}
.indexPage .main .index_part3 .index_part3_content .newsImg img{
	width: 100%;
	height: 100%;
}
.indexPage .main .index_part3 .index_part3_content h2{
	font-size: 24px;
	color:#4A4A4A;
	margin:25px 0;
	line-height: 33px;
}
.indexPage .main .index_part3 .index_part3_content .newsList li{
	color:#4A4A4A;
	font-size: 14px;
	line-height: 43px;
	border-bottom:1px solid #DBDFE3;
}
.indexPage .main .index_part3 .index_part3_content .newsList li a{
	display: inline-block;
	width: 376px;
	vertical-align: top;
	line-height: 43px;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 43px;
    overflow: hidden;
}
.indexPage .main .index_part3 .index_part3_content .newsList li a:hover{
	color:#1B7BF1;
}
.indexPage .main .index_part3 .index_part3_content .newsList li span{
	width: 100px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}
.indexPage .main .index_part3 .index_part3_content .moreNews{
	color:#1B7BF1;
	font-size: 16px;
	margin-top: 25px;
}
.indexPage .main .index_part3 .index_part3_content .moreNews:hover{
	text-decoration: underline;
}


/* lightAnimate */
@keyframes lightAnimate
{
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes lightAnimate
{
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes lightAnimate
{
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes lightAnimate
{
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* cloudAnimate */
@keyframes cloudAnimate
{
	0% {
		top: 220px;
	}
	50% {
		top: 180px;
	}
	100% {
		top: 220px;
	}
}

@-moz-keyframes cloudAnimate
{
	0% {
		top: 220px;
	}
	50% {
		top: 180px;
	}
	100% {
		top: 220px;
	}
}

@-webkit-keyframes cloudAnimate
{
	0% {
		top: 220px;
	}
	50% {
		top: 180px;
	}
	100% {
		top: 220px;
	}
}

@-o-keyframes cloudAnimate
{
	0% {
		top: 220px;
	}
	50% {
		top: 180px;
	}
	100% {
		top: 220px;
	}
}

/* pillarAnimate */
@keyframes pillarAnimate
{
	0% {
		top: 20px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 20px;
	}
}
@-moz-keyframes pillarAnimate
{
	0% {
		top: 20px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 20px;
	}
}
@-webkit-keyframes pillarAnimate
{
	0% {
		top: 20px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 20px;
	}
}
@-o-keyframes pillarAnimate
{
	0% {
		top: 20px;
	}
	50% {
		top: 0px;
	}
	100% {
		top: 20px;
	}
}

/* personAnimate */
@keyframes personAnimate
{
	0% {
		right: 675px;
	}
	100% {
		right: 629px;
	}
}

@-moz-keyframes personAnimate
{
	0% {
		right: 675px;
	}
	100% {
		right: 629px;
	}
}

@-webkit-keyframes personAnimate
{
	0% {
		right: 675px;
	}
	100% {
		right: 629px;
	}
}
@-o-keyframes personAnimate
{
	0% {
		right: 675px;
	}
	100% {
		right: 629px;
	}
}

/* rotateAnimate */
 @keyframes rotateAnimate
{
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg); 	Opera
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg); 	
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg); 
		-o-transform:rotate(360deg); 
	}
}

@-moz-keyframes rotateAnimate
{
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg); 	
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
} 

@-webkit-keyframes rotateAnimate
{
	0% {
		transform:rotateZ(0deg);
		-ms-transform:rotateZ(0deg); 	/* IE 9 */
		-moz-transform:rotateZ(0deg); 	/* Firefox */
		-webkit-transform:rotateZ(0deg); /* Safari 和 Chrome */
		-o-transform:rotateZ(0deg); 	/* Opera */
	}
	100% {
		transform:rotateZ(360deg);
		-ms-transform:rotateZ(360deg); 	/* IE 9 */
		-moz-transform:rotateZ(360deg); 	/* Firefox */
		-webkit-transform:rotateZ(360deg); /* Safari 和 Chrome */
		-o-transform:rotateZ(360deg); 	/* Opera */
	}
}
 @-o-keyframes rotateAnimate
{
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	
		-moz-transform:rotate(0deg); 	
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg); 	
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg); 	
		-moz-transform:rotate(360deg); 	
		-webkit-transform:rotate(360deg); 
		-o-transform:rotate(360deg); 	
	}
} 

@media screen and (max-width: 1400px) {
    .indexPage .indexTop .banner{
    	padding-top: 0;
    }
}