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

/*清楚默认样式*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, p, span, dl, dt, dd, a, img, button, article, aside, footer, header, hgroup, menu, nav, section, figure { margin: 0; padding: 0; border:0; list-style: none; box-sizing: border-box; }
body{
    color: #FFF;
    background: #fff;
	font-family:SimHei;
	}
body, html {height: 100%}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}

/*****************header**********************/
body{width: 100%;height: 100%;}
header{	
	width: 100%;
	height: 755px;
	overflow: hidden;
	background:url(../images/banner.jpg) no-repeat center center;
}

.header_in{	
	width: 1200px;
	height: 755px;
	position: relative;
	margin:0 auto;
	overflow: hidden;
}


.hua{	
	width: 400px;
	height: 392px;
	position: absolute;
	background:url(../images/hua.png) no-repeat;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	z-index: 100;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -196px;
}

.dqq{	
	width: 490px;
	height: 492px;
	position: absolute;
	background:url(../images/dqq.png);
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin-left: -245px;
	margin-top: -246px;
	animation:dqq 5s linear infinite;
}

@keyframes dqq{	
	from{transform:rotate(0);}
	to{transform:rotate(-360deg);}
}



.xqq{	
	width: 390px;
	height: 389px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin-left: -195px;
	margin-top: -194.5px;
	animation:xqq 5s linear infinite;
}

@keyframes xqq{	
	from{transform:rotate(0);}
	to{transform:rotate(360deg);}
}


.header_in h1{	
	width: 150px;
	height: 33px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -16.5px;
}


.header_in p{	
	position: absolute;
	color: #c4fdff;
	font-size: 22px;
	left: 33.541%;
	top: 16.148%;
}

.header_in p:nth-of-type(2){	
	color: #00fed1;
	left: 61.375%;
	top: 17.944%;
}
.header_in p:nth-of-type(3){	
	color: #2aff00;
	left: 70.354%;
	top: 31.1%;
}
.header_in p:nth-of-type(4){	
	color: #c6ff00;
	left: 74%;
	top: 50.5%;
}
.header_in p:nth-of-type(5){	
	color: #fffd01;
	left: 69.5%;
	top: 69%;
}
.header_in p:nth-of-type(6){	
	color: #00f5ff;
	left: 59%;
	top: 80%;
}
.header_in p:nth-of-type(7){	
	color: #ff4800;
	left: 28.5%;
	top: 77.555%;
}
.header_in p:nth-of-type(8){	
	color: #ff00f0;
	left: 17.5%;
	top: 65%;
}
.header_in p:nth-of-type(9){	
	color: #9000ff;
	left: 15%;
	top: 45.444%;
}
.header_in p:nth-of-type(10){	
	color: #0005ff;
	left: 19%;
	top: 26.85%;
}












/********************section1**************************/
.section1{	
	width: 100%;
	height: auto;
	background:#f5f5f5;
	overflow: hidden;
}

.section1 img{width: 100%;}


.section_in{	
	width: 62.5%;
	height: auto;
	margin:0 auto;
	overflow:hidden;
}

.section_in h2{	
	width: 300px;
	height: 65px;
	margin:50px auto 25px;
	background:url(../images/biaoti1.png) no-repeat;
}

.jiagou{	
	width: 99.05%;
	height: auto;
	position: relative;
	margin-left: 5.5px;
	margin-bottom: 50px;
}

.jiagou p{	
	position: absolute;
	width:20px;
	line-height: 30px;
	font-size: 26px;
}

.jiagou p:nth-of-type(1){	
	top: 34.57%;
	left: 1.333%;
}
.jiagou p:nth-of-type(2){	
	right: 2.1%;
	top: 34.57%;
}


/********************section2**************************/

.section2{	
	width: 100%;
	height: auto;
	overflow: hidden;
	background:url(../images/yuandian.jpg) no-repeat;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}
.section2_in{	
	width: 62.5%;
	height: auto;
	position: relative;
	margin:0 auto;
	overflow: hidden;
}


.section2 img{width: 100%;}

.section2 h2{	
	width: 300px;
	height: 65px;
	margin:50px auto 25px;
	background:url(../images/biaoti2.png) no-repeat;
}

.section2 .jiagou{	
	width: 47.75%;
	height: auto;
	left: 50%;
	margin-left: -23.875%;
}


/********************section3**************************/

.section3{	
	width: 100%;
	height: 500px;
	background:#F5F5F5;
	overflow: hidden;
}
.section3 .section3_in{	
	width: 800px;
	height: 445px;
	overflow: hidden;
	margin:25px auto;
	background:url(../images/guanli.png) no-repeat center center;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position: relative;
}


.section3 li{	
	width: 20px;
	height: 20px;
	border-radius:50%;
	background:#97a8ff;
	position: absolute;
	top: 56.7%;
	left: 12.367%;
	animation:liang 5s linear infinite;
}

@keyframes liang{	
	0%{opacity: 1;}
	50%{opacity: 0;transform:scale(3)}
	100%{opacity: 1;transform:scale(1)}
}	




.section3 li:nth-of-type(2){	
	left: 30.653%;
	background:#ffe0a4;
}
.section3 li:nth-of-type(3){	
	left: 48.94%;
	background:#ffa2a2;
}
.section3 li:nth-of-type(4){	
	left: 67.226%;
	background:#89f5ff;
}
.section3 li:nth-of-type(5){	
	left: 85.512%;
	background:#9cff97;
}


.section3 h3{	
	font-size: 26px;
	position: absolute;
	left: 38px;
	top: 113px;
}

.section3 h3:nth-of-type(2){	
	left: 191px;
	top: 386px;
}
.section3 h3:nth-of-type(3){	
	left: 345px;
	top: 30px;
}
.section3 h3:nth-of-type(4){	
	left: 486px;
	top: 385px;
}
.section3 h3:nth-of-type(5){	
	left: 624px;
	top: 112px;
}

/********************section4**************************/

.section4{	
	background:#FFFFFF;
	overflow: hidden;
	width: 100%;
	height: auto;
	
}


.section4 .section4_in{	
	width: 1050px;
	height: 600px;
	position: relative;
	overflow: hidden;
	margin:0 auto;
}

.section4 .zhuji{	
	width: 307px;
	height: 274px;
	background:url(../images/zhuji.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -50px;
}

.section4 h2{	
	width:300px;
	height: 65px;
	margin:50px auto 25px;
	background:url(../images/biaoti3.png) no-repeat;
}

.gongneng{	
	position: absolute;
	left: 33%;
	top: 30%;
	overflow: hidden;
}

.gongneng li{	
	width: 200px;
	height: 43px;
	margin-bottom: 20px;
	color: #000;
	line-height: 43px;
	background:url(../images/sx.png) no-repeat;
	padding-left: 50px;
}

.gongneng li:nth-of-type(2){	
	background:url(../images/zw.png) no-repeat;
}
.gongneng li:nth-of-type(3){	
	background:url(../images/tx.png) no-repeat;
	line-height: 56px;
}
.gongneng li:nth-of-type(4){	
	background:url(../images/lb.png) no-repeat;
}
.gongneng li:nth-of-type(5){	
	background:url(../images/zfb.png) no-repeat;
}
.gongneng li:nth-of-type(6){	
	background:url(../images/rl.png) no-repeat;
}








.gongneng2{	
	width: 475px;
	height: 394px;
	background: url(../images/gongneng2.png) no-repeat;
	position: absolute;
	right: 0;
	top: 172px;
}

/********************section5**************************/

.section5 .section_in{	
	height: auto;
	width: 62.5%;
	position: relative;
	overflow: hidden;
	margin: 0 atuo;
}

.section5 h2{background:url(../images/biaoti5.png) no-repeat;}


.section5 .section_in p{	
	font-size: 20px;
	color: #000;
	margin-top: 40px;
	font-weight: bold;
}

.section5 .section_in .dt{	
	margin: 20px auto;
	width: 64.416%;
	height: auto;
	position: relative;
}

.section5 .dt .zb{	
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 666;
	left: 0;
	top: 0;
	animation:tiao 1s linear infinite alternate;
}

@keyframes tiao{	
	to{top: -20px;}
	from{top: 0;}
}	







.section5 .dt .yy{	
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 555;
}










/********************section6**************************/

.section6{	
	background:#FFFFFF;
}

.section6 .section_in{	
	height: 500px;
	width: 1200px;
	margin:0 auto;
	position: relative;
}


.section6 h2{	
	background:url(../images/biaoti4.png) no-repeat;
}


.section6 ul{	
	float: left;
	color: #000;
	font-size: 20px;
	margin-left: 316px;
}

.section6 ul li{	
	height: 36px;
	background:url(../images/lx.png) no-repeat;
	line-height: 36px;
	padding-left: 50px;
	margin-top: 20px;
}

.section6 ul li:nth-of-type(2){	
	height: 36px;
	background:url(../images/dh.png) no-repeat;
	line-height: 36px;
	padding-left: 50px;
}
.section6 ul li:nth-of-type(3){	
	background:url(../images/sj.png) no-repeat;
}
.section6 ul li:nth-of-type(4){	
	background:url(../images/QQ.png) no-repeat;
}


.section6 .wu{	
	float: right;
	margin-right: 324px;
	margin-left: 0;
}



.section6 p{	
	font-size: 20px;
	color: #000;
	position: absolute;
	bottom: 40px;
	left: 320px;
	background:url(../images/dz.png) no-repeat;
	line-height: 36px;
	padding-left: 50px;
}