*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{
	font-family: 'Microsoft YaHei',sans-serif;
}
.wrap{
	width: 100%;
	overflow: hidden;
}
/*head*/
.head{
	width: 100%;
	height: 50px;
	background: #fff;
}
.head .hBox{
	width: 960px;
	margin: 0 auto;
}
.head .hBox h1{
	background: url(../img/logo.png) no-repeat;
	width: 90px;
	height: 27px;
	margin-top: 13px;
}
.head .hBox h1 a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999em;
}
.head .hBox .Hdiv{
	height: 27px;
	border-left: 1px solid #2f323a;
	padding-left: 7px;
	margin-left: 7px;
	margin-top: 13px;	
}
.head .hBox .Hdiv p{
	font-size: 14px;
	color: #2f323a;
	line-height: 15px;
	margin-top: -2px;
}
.head .hBox .tel{
	background: url(../img/tel.png) no-repeat left center;
	height: 24px;
	font-size: 16px;
	color: #10a7ed;
	font-weight: bold;
	line-height: 24px;
	margin-top: 13px;
	padding-left: 33px;
}
/*nav*/
.nav ul{
	width: 520px;
	margin-left: 37px;
}
.nav ul li{
	width: 102px;
	height: 50px;
	font-size: 16px;
	transition: 0.6s;
	text-align: center;
}
.nav ul li a{
	color: #2f323a;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 50px;
	transition: 0.6s;
}
.nav ul li a.arrow{
	background: url(../img/arrow.png) no-repeat 120px center;
}
.nav ul li:hover{
	background: #10a7ed;
}
.nav ul li:hover a{
	color: #fff;
}
.nav ul li.fou{
	position: relative;	
}
.nav ul li.fou a{
	position: relative;
}
.nav ul li.fou a span{
	position: absolute;
	right: 4px;
	top: 23px;
	background: url(../img/arrow3.png) no-repeat;
	width: 10px;
	height: 6px;
}
.nav ul li.fou:hover span{
	background: url(../img/arrow4.png) no-repeat;
}
.nav ul li.fou ul{
	width: 100px;
	height: 94px;
	border: 1px solid #7fa6cd;
	border-top: none;
	position: absolute;
	left: 0px;
	top: 50px;	
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 9999;
	margin-left: 0;
}
.nav ul li.fou ul li{
	width: 100px;
	height: 30px;	
	border-bottom: 1px dashed #92bccc;
}
.nav ul li.fou ul li:hover a{
	color: #fff;
}
.nav ul li.fou ul li a{
	line-height: 30px;
}
.nav ul li.fou ul li.last{
	border-bottom: none;
}
.nav ul li.fou:hover ul{
	opacity:1;
	filter:alpha(opacity=100);
	background: #fff;
}
.nav ul li.fou ul a{
	font-size: 14px;
	color: #706c69;
}
.nav ul li.fou ul li:hover a{
	color: #706c69;
	transition: 0s;
}
.nav ul li.fou ul li:hover{
	background: #fff;
	transition: 0s;
}
/*banner*/
.banner{
	width: 100%;
	height: 632px;
	position: relative;
}
.slide_fade{
	overflow:hidden;
	position:relative;
	width:100%;
	height:800px;
	text-align: center;
}
.slide_fade .box{
	overflow:hidden;
	position:relative;
	width:100%;
	height: 440px;
	background:#000;
	z-index:4;
}
.slide_fade .box a{
	color:#fff;
}
.slide_fade .box a:hover{
	text-decoration:none;
}
.slide_fade .list{
	overflow:hidden;
	height: 440px;
}
.slide_fade .list li{
	position:relative;
	width: 100%;
	height: 440px;
}

.img1{
	background: url(../img/banner1.jpg) no-repeat center;
}
.img2 {
	background: url(../img/banner2.jpg) no-repeat center;
}
.img3 {
	background: url(../img/banner3.jpg) no-repeat center;
}
.img4 {
	background: url(../img/banner4.jpg) no-repeat center;
}
.img5 {
	background: url(../img/banner5.jpg) no-repeat center;
}
.slide_fade .btn{
	position:absolute;
	top: 456px;
	left:50%;
	margin-left: -337px;
	height:165px;
	z-index:5;
	width: 675px;
}
.slide_fade .btn a{
	color:#062347;
}
.slide_fade .btn li{
	overflow:hidden;
	float:left;
	width:118px;
	height:115px;
	margin-right:17px;
	padding-top:7px;
	background: url(../img/hover1.png) no-repeat center 11px;
}
.slide_fade .btn li a{
	width: 100%;
	height: 100%;
	display: block;
}
.slide_fade .btn li .btn1{
	background: url(../img/hover1.png) no-repeat center 3px;
}
.slide_fade .btn li .btn2{
	background: url(../img/hover2.png) no-repeat center 3px;
}
.slide_fade .btn li .btn3{
	background: url(../img/hover3.png) no-repeat center 3px;
}
.slide_fade .btn li .btn4{
	background: url(../img/hover4.png) no-repeat center 3px;
}
.slide_fade .btn li .btn5{
	background: url(../img/hover5.png) no-repeat center 3px;
}
.slide_fade .btn .selected{
	position:relative;
	background: url(../img/hover02.png) no-repeat center top;
	transition: 0.3s;
}
.slide_fade .btn h3{
	padding-top: 87px;
	font-size: 14px;
}
/*part1*/
.part1{
	width: 100%;
	background: #f3f2f2;
	height: 820px;
	position: relative;
	text-align: center;
}
.part1 i{
	width: 100%;
	height: 23px;
	background: url(../img/line1.png) no-repeat center;
	position: absolute;
	left: 0;
	top: -23px;
}
.part1 h2{
	font-size: 40px;
	color: #034883;
	font-weight: bold;
	padding: 24px 0 16px;
}
.part1 .text{
	font-size: 16px;
	color: #034883;
}
.part1 .p1{
	width: 1009px;
	background: url(../img/wrap.png) no-repeat;
	height:382px;
	margin: 26px auto 0;
}
.part1 .p1 .main{
	width: 678px;
	margin:0px auto;
}
.part1 .p1 .main li{
	margin-right: 46px;
	margin-top: 8px;
}
.part1 .p1 .main li.sec{
	margin-top: 18x;
}
.part1 .p1 .main li.last{
	margin-right: -46px;
}
.shape{
  width: 512px;
  height: 157px;
  background: url(../img/cir.png) no-repeat;
  margin: 38px auto 0;
  position: relative;
}
.shape li{
	position: absolute;	
	transition: all .5s ease;
}
.shape li p{
	font-size:16px;
	color: #fff;
}
.shape .min{
	width: 59px;
	height: 69px;
	background: url(../img/border01.png) no-repeat;
	left: -14px;
	top:6px;
	animation: tiao 2.5s infinite linear;
}
.shape .max{
	width: 76px;
	height: 88px;
	background: url(../img/border03.png) no-repeat;
	left: 75px;
	top:71px;
	animation: tiao2 2s infinite linear;
}
.shape .mid{
	width: 64px;
	height: 75px;
	background: url(../img/border02.png) no-repeat;
	left: 372px;
	top:-25px;
	animation: tiao8 2s infinite linear;
}
.shape .min p{
	line-height: 69px;
}
.shape .mid p{
	margin-top: 15px;
	line-height: 24px;
}
.shape .max p{
	margin-top: 20px;
}
.shape .sec{
	left: 197px;
	top:100px;
	animation: tiao3 2s infinite linear;
}
.shape .three{
	left: 295px;
	top:97px;
	animation: tiao4 2s infinite linear;
}
.shape .fou{
	left: 385px;
	top:65px;
	animation: tiao5 2s infinite linear;
}
.shape .fiv{
	left: 474px;
	top:6px;
	animation: tiao 2s infinite linear;
}
.shape .six{
	left: 228px;
	top:-45px;
	animation: tiao6 2s infinite linear;
}
.shape .sev{
	left: 84px;
	top:-25px;
	animation: tiao8 2s infinite linear;
}
.shape .sec p{
	line-height: 22px;
	margin-top: 13px;
}
@keyframes tiao{
	0%{
		top:6px;
	}
	50%{
		top:10px;
	}
	100%{
		top:6px;
	}
}
@keyframes tiao2{
	0%{
		top:71px;
	}
	50%{
		top:75px;
	}
	100%{
		top:71px;
	}
}
@keyframes tiao3{
	0%{
		top:100px;
	}
	50%{
		top:104px;
	}
	100%{
		top:100px;
	}
}
@keyframes tiao4{
	0%{
		top:97px;
	}
	50%{
		top:101px;
	}
	100%{
		top:97px;
	}
}
@keyframes tiao5{
	0%{
		top:65px;
	}
	50%{
		top:69px;
	}
	100%{
		top:65px;
	}
}
@keyframes tiao8{
	0%{
		top:-25px;
	}
	50%{
		top:-29px;
	}
	100%{
		top:-25px;
	}
}
@keyframes tiao6{
	0%{
		top:-45px;
	}
	50%{
		top:-49px;
	}
	100%{
		top:-45px;
	}
}
/*part2*/
.part2{
	background: #072b64;
	height: 700px;
}
.p2bg{
	background: #062659;
}
.part2 h2{
	color: #00ffd2;
}
.part2 .text{
	color: #fff;
}
.part2 i {
    background: url(../img/line2.png) no-repeat center;
}
.p2bg i {
    background: url(../img/line5.png) no-repeat center;
}
.part2 .yunBox{
	width: 970px;
	height: 370px;
	margin: 45px auto 0;
	position: relative;
}
.part2 .yunBox li{
	position: absolute;
}
.part2 .yunBox li.yun1{
	width:235px;
	height: 135px;
	background: url(../img/yun1.png) no-repeat;
}
.part2 .yunBox li h3{
	font-size: 14px;
	color: #fff;
	margin-top: 42px;
}
.part2 .yunBox li h3 b{
	color: #00ffd2;
	font-weight: bold;
}

.part2 .yunBox li.fir{
	position: absolute;
	left: 20px;
	top: 60px;
	animation: yun1 3s infinite linear;
}
@keyframes yun1{
	0%{
		left: 20px;
	}
	50%{
		left:35px;
	}
	100%{
		left:20px;
	}
}
.part2 .yunBox li.sec{
	left: 257px;
	top: 35px;
	animation: yun2 3s infinite linear;
}
.part2 .yunBox li.yun{
	width:222px;
	height: 112px;
	position: relative;
}
.part2 .yunBox li.yun p{
	height: 206px;
	width: 120px;
	position: absolute;
	left: 48px;
	top:120px;
	overflow: hidden;
	z-index: 999;
}
.part2 .yunBox li.yun em{
	background: url(../img/rain.png) no-repeat;
	width: 120px;
	height: 480px;	
	display: block;
	margin-top: -300px;
}
.part2 .yunBox li.yun strong{
	width:235px;
	height: 220px;
	background: url(../img/yun3.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}
@keyframes yun2{
	0%{
		left: 257px;
	}
	50%{
		left:265px;
	}
	100%{
		left:257px;
	}
}
.part2 .yunBox li.thr{
	left:490px;
	top: -110px;
	animation: yun3 3s infinite linear;
}
@keyframes yun3{
	0%{
		left: 490px;
	}
	50%{
		left:498px;
	}
	100%{
		left:490px;
	}
}
.part2 .yunBox li.fou{
	left:720px;
	top: 35px;
	animation: yun4 3s infinite linear;
}
@keyframes yun4{
	0%{
		left: 720px;
	}
	50%{
		left:735px;
	}
	100%{
		left:720px;
	}
}
.part2 .bottom{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.wave{
	width: 100%;
	height: 228px;
	background: url(../img/wave1.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 445px;
	animation: wave 1s infinite linear;
}
@keyframes wave{
	0%{
		background: url(../img/wave1.png) no-repeat center;
	}
	50%{
		background: url(../img/wave2.png) no-repeat center;
	}
	100%{
		background: url(../img/wave1.png) no-repeat center;
	}
}
.part2 .yunBox li.yun h3{
	position: absolute;
	left: 22px;
	top: 0px;
	z-index: 99;
}
/*part3*/
.part3{
	background: #e7e7e8;	
}
.part3 h2{
	padding-top: 50px;
}
.part3 .computer{
	width: 900px;
	height: 479px;
	background: url(../img/cumputer1.png) no-repeat center;
	margin: 50px auto 0;
	position: relative;
}
.part3 .computer .water{
	position: absolute;
	top: -262px;
	right: 41px;
	background: url(../img/water.png) no-repeat;
	width: 161px;
	height: 365px;
}
.part3 .computer .water p{
	width: 88px;
	height: 7px;
	overflow: hidden;
	position: absolute;
	left: 67px;
	top: 209px;
}
.part3 .computer .water p b{
	height: 100%;
	width: 300%;
	background: url(../img/wave3.png);
	display: block;
	margin-left: 0;
}
.part3 .computer .water h3{
	width: 38px;
	height:100px;
	position: absolute;
	left: -45px;
	top: -80px;
	overflow: hidden;
}
.part3 .computer .water h3 em{
	display: block;
	width: 100%;
	height: 178px;
	background: url(../img/pop.png) no-repeat;
	margin-top: 0;
}
.part3 .computer .lun{
	background: url(../img/img1.png) no-repeat;
	width: 219px;
	height: 180px;
	position: absolute;
	left: -53px;
	top: 100px;
}
.part3 .computer .lun b{
	position: absolute;
	left: 112px;
	top: 16px;
	font-size: 12px;
	color: #fff;
	width: 81px;
	text-align: justify;
	line-height: 14px;
}
.part3 .computer .lun em{
	position: absolute;
	transform: rotate(0deg);	
}
.part3 .computer .lun em img.roll{
	animation: lun 1s linear;
}


@keyframes lun{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}
.part3 .computer .lun .lun1{	
	left: 153px;
	top: 74px;
}
.part3 .computer .lun .lun2{	
	left: 126px;
	top: 97px;
}
.part3 .computer .lun .lun3{	
	left: 152px;
	top: 131px;
}
.part3 .computer .lun .lun4{	
	left: 38px;
	top: 74px;
}
.part3 .computer .lun .lun5{	
	left: 10px;
	top: 97px;
}
.part3 .computer .lun .lun6{	
	left: 36px;
	top: 131px;
}
.part3 .computer .table2{
	width: 455px;
	height: 318px;
	position: absolute;
	left: 208px;
	top: 22px;
	overflow: hidden;
	cursor: pointer;
}
.part3 .computer .ulBox2{
	width: 1365px;
	position: absolute;
	left: 0px;
	top: 0px;
}
/*part4*/
.part4 {
	height: 720px;
}
.part4 .student{
	width: 924px;
	margin: 80px auto 0;
}
.part4 .student li{
	margin-right: 46px;
}
.part4 .student li.last{
	margin-right: -40px;
}
.part4 .student li.sec{
	margin-right: 32px;
}
.part4 .student li.odd{
	width: 201px;
	height: 310px;
	background: url(../img/sborder02.png) no-repeat;
	
}
.part4 .student li.odd img{
	margin: -20px 0 0 20px;
}
.part4 .student li.odd p{
	margin: 45px 0 0 25px;
}
.part4 .student li p{
	font-size: 16px;
	color: #a5ceff;
	text-align: left;
}
.part4 .student li.even{
	width: 200px;
	height: 311px;
	margin-top: -25px;
	background: url(../img/sborder01.png) no-repeat;
}
.part4 .student li.even p{
	margin:40px 0 0 20px;
}
.part4 .student li.even img{
	margin:55px 0 0 -36px;
}
.part4 .student li.thr p{
	margin-top: 35px;
}
.part4 .student li.last p{
	margin-top: 20px;
}
.part4 .bg{
	width: 100%;
	height: 200px;
	background: url(../img/p4bg.png) no-repeat center;
}
.button{
	background: url(../img/lbtn1.png) no-repeat center 70px;
	width: 250px;
	height: 55px;
	padding-top: 70px;
	display: block;
	margin: 0px auto 0;
	font-size: 24px;
	color: #00ffd2;
	transition: 0.3s;
	line-height: 53px;
}
.button:hover{
	background: url(../img/lbtn2.png) no-repeat center 70px;
	color: #fff;
}
/*part5*/
.part5{
	height: 913px;
}
.part5 .list{
	background: url(../img/list.png) no-repeat;
	width: 1124px;
	height: 568px;
	margin: 28px auto 0;
	position: relative;
}
.part5 .list .listWrap{
	width: 755px;
	height: 420px;
	position: absolute;
	left: 173px;
	top: 76px;
	overflow: hidden;
}
.part5 .table{
	width: 694px;
	height: 35px;		
	border-top: 1px solid #00ffd1;
	border-bottom: 1px solid #00ffd1;
	margin-left: 26px;
	margin-top: 33px;
}
.part5 .table li{
	color: #00ffd1;
	font-size: 20px;
	line-height: 22px;
	height: 22px;
	border-left: 1px solid #00ffd1;
	border-right: 1px solid #00ffd1;
	margin-top: 6px;
}
.part5 .table li.fir{
	border-left: none;
	padding: 0 15px 0 24px;
}
.part5 .table li.sec{
	padding: 0 18px;
}
.part5 .table li.thr{
	padding: 0 22px;
}
.part5 .table li.fou{
	padding: 0 20px;
}
.part5 .table li.fiv{
	padding: 0 20px;
}
.part5 .table li.six{
	padding: 0 0 0 24px;
	border-right: none;
}

.part5 .table_list{
	width: 696px;
	height: 318px;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	position: relative;
	top: 160px;
	overflow: hidden;
}
.part5 .table_list .roll{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.part5 .table_list .name li{
	width: 100%;
	height: 16px;
	line-height: 16px;
	margin-bottom: 13px;
}
.part5 .table_list .gender{
	width:110px;		
}
.part5 .table_list .gender li{
	width: 100%;
	height: 16px;
	line-height:16px;
	margin-bottom: 13px;
}
.part5 .table_list .edu{
	width: 126px;	
	text-align: left;	
}
.part5 .table_list .edu li{
	width: 100%;
	height: 16px;
	line-height:16px;
	margin-bottom: 13px;
}
.part5 .table_list .school{
	width: 124px;		
}
.part5 .table_list .school li{
	width: 100%;
	height:16px;
	line-height: 16px;	
	margin-bottom: 13px;
}
.part5 .table_list .salary{
	width: 148px;		
}
.part5 .table_list .salary li{
	width: 100%;
	height:16px;
	line-height: 16px;	
	margin-bottom: 13px;
}
.part5 .table_list .company li{
	height: 16px;
	line-height:16px;	
	text-align: left;
	margin-bottom: 13px;
}
.part5 .button{
	background: url(../img/gbtn1.png) no-repeat center 50px;
	width: 486px;
	height: 59px;
	padding-top: 48px;
	color: #023176;
	transition: 0.3s;
	line-height: 59px;
}
.part5 .button:hover{
	background: url(../img/gbtn2.png) no-repeat center 50px;
	color: #fff;
}
.p3H{
	height: 830px;
}
/*part6*/
.part6{
	position: relative;
	height: 750px;
}
.part6 em{
	position: absolute;
	top: 0;
	background: url(../img/num.png) no-repeat;
	width: 400px;
	height: 395px;
}
.part6 em.fir{
	left: 0;
}
.part6 em.right{
	right: 0;
}
.part6 .conBox{
	background: url(../img/conBox2.png) no-repeat;
	width: 1100px;
	height: 431px;
	margin: 50px auto 0;
	position: relative;
}
.part6 .conBox .textBox{
	width: 615px;
	height: 294px;
	position: absolute;
	left: 243px;
	top: 60px;
	overflow: hidden;
}
.part6 .conBox .textBox .ulBox3{
	width: 1230px;
	position: absolute;
	left: 0;
	top: 0;
}
.part6 .conBox .textBox .ulBox3 ul{
	width: 615px;
}
.part6 .conBox .textBox .ulBox3 li{
	background: url(../img/border12.png) no-repeat;
	width: 200px;
	height: 137px;
	margin-right: 7px;
	margin-bottom: 20px;
}
.part6 .conBox .textBox .ulBox3 li.sec{
	background: url(../img/border13.png) no-repeat;
}

.part6 .conBox .textBox .ulBox3 li.last{
	margin-right: -15px;
}
.part6 .conBox .textBox .ulBox3 li h3{
	font-size: 14px;
	color: #00ffd2;
	width: 162px;
	text-align: left;
	margin: 10px auto;
}
.part6 .conBox .textBox .ulBox3 li p{
	font-size: 12px;
	color: #fff;
	width: 152px;
	margin-left:18px;
	text-align: justify;
}
.part6 .conBox .textBox .ulBox3 li.sec p{
	margin-left: 26px;
}
.part6 .conBox .textBox .ulBox3 li.sec h3{
	margin-top: 20px;
	width: 150px;
}
.part6 .conBox .textBox .ulBox3 li.thr h3{
	margin: 8px auto 0px;
	width: 167px;
	
}
.part6 .conBox .textBox .ulBox3 li.thr{
	margin-left: 90px;
	margin-right: 20px;
}
.part6 .conBox img{
	cursor: pointer;
	position: absolute;
}
#pre2{
	left: 202px;
	top: 194px;
}
#next2{
	right: 202px;
	top: 194px;
}
.part6 .conBox .textBox .ulBox3 li.fou h3{
	margin-top: 24px;
}
.part6 .conBox .textBox .ulBox3 li.fiv h3{
	margin: 6px auto 5px;
}
.part6 .conBox .textBox .ulBox3 li.six h3{
	margin: 21px auto 5px;
}
.part6 .button{
	background: url(../img/lbtn3.png) no-repeat center 40px;
	width: 423px;
	padding-top: 40px;
}
.part6 .button:hover{
	background: url(../img/lbtn4.png) no-repeat center 40px;
}


/*part7*/
.part7{
	background: #ecebeb;
	height: 1810px;
}
.part7 i{
    background: url(../img/line3.png) no-repeat center;
    top: 138px;
}
.part7 .adv{
	width: 100%;
	position: absolute;
	top: -5px;
	left: 0;
}
.part7 .adv img{
	width: 100%;
}
.part7 h2{
    padding: 182px 0 16px;
}
.part7 .change{
	background: url(../img/roll.png) no-repeat;
	width: 1318px;
	height: 600px;
	margin: 50px auto 0;
	padding-top: 13px;
}
.part7 .change .changeB{
	width: 705px;
	height: 507px;
	position: relative;
	margin-left: 306px;
	overflow: hidden;
}
#ulBox{
	width: 1410px;
	position: absolute;
	left: 0;
	top: 0;
}
#ulBox li{
	margin-top: 12px;	
}
#ulBox li.last{
	margin-top: 30px;
}
.part7 .change  .btnbox{
	width: 182px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -91px;
}
.part7 .change  .btnbox li{
	cursor: pointer;
}
.part7 .button{
	padding-top: 72px;
	line-height: 55px;
	background: url(../img/gbtn1.png) no-repeat center 72px;
}
.part7 .button:hover{
	background: url(../img/gbtn2.png) no-repeat center 72px;
	color: #fff;
}
.part7 .conBox{
	background: url(../img/conBox.png) no-repeat;
	width: 1134px;
	height: 576px;
	margin: 74px auto 0;
}
.part7 .conBox .fir{
	margin-left: 194px;
	margin-top: 62px;
}
.part7 .conBox .sec{
	margin-left: 94px;
	margin-top: 62px;
}
.part7 .conBox h3{
	font-size: 16px;
	color: #05f5f7;
	margin: 50px 0 13px;
}
.part7 .conBox .sec h3{
	margin: 16px 0 13px;
}
.part7 .conBox .sec img{
	margin-top: 47px;
}
.part7 .conBox p{
	font-size: 12px;
	color: #fff;
	width: 280px;
	text-align: left;
	margin-left: 22px;
	line-height: 22px;
}
/*part8*/
.part8{
	height: 905px;
	background: url(../img/shadow.png) no-repeat center #072b64;
	background-size: 100% 100%;
}
.part8 .conBox{
	background: url(../img/light1.png) no-repeat;
	width: 608px;
	height: 575px;
	margin: 40px auto 0;
	position: relative;
}
.part8 .conBox em{
	position: absolute;
}
.part8 .conBox em.fir{
	background: url(../img/star.png) no-repeat;
	width: 200px;
	height: 30px;
	left:195px;
	top: 550px;
}
.part8 .conBox em.sec{
	background: url(../img/huan.png) no-repeat;
	width: 239px;
	height: 114px;
	left:185px;
	top: 400px;
	z-index: 99;
}
.part8 .conBox em.thr{
	background: url(../img/light2.png) no-repeat;
	width: 442px;
	height: 581px;
	left:76px;
	top: -22px;
}
.part8 .conBox .left{
	background: url(../img/border14.png) no-repeat;
	width: 219px;
	height: 432px;
	position: absolute;
	left: -217px;
	top: 54px;
}
.part8 .conBox .left div{
	width: 175px;
	height: 348px;
	position: absolute;
	left: 27px;
	top: 30px;
	overflow: hidden;
}
.part8 .conBox .left div ul{
	width: 1225px;
	height: 279px;
	position: absolute;
	left: -1050px;/*-6*/
	left: -875px;/*-5*/
	top: 0;
}
.part8 .conBox .right{
	background: url(../img/border15.png) no-repeat;
	width: 220px;
	height: 432px;
	position: absolute;
	right: -208px;
	top: 54px;
}
.part8 .conBox .right div{
	width: 159px;
	height: 302px;
	position: absolute;
	right: 38px;
	top: 70px;
	overflow: hidden;
}
.part8 .conBox .right li{
	width: 160px;	
	text-align: left;
}
#rightBox{
	width: 1120px;
	position: absolute;
	left: -960px;
	top: 0;
}
.part8 .conBox .right li h3{
	font-size: 18px;
	color: #ffcd00;
	padding-bottom: 8px;
}
.part8 .conBox .right li h4{
	font-size: 16px;
	color: #00ffd2;
	padding-bottom: 10px;
}
.part8 .conBox .right li p{
	width: 158px;
	border-top: 1px solid #00ffd2; 
	padding-top: 10px;
	font-size: 14px;
	color: #fff;
	text-align: justify;
	line-height: 22px;	
}
.part8 .conBox .right li p.linH{
	line-height: 20px;
}
.part8 .conBox .mid{
	width: 237px;
	height: 394px;
	position: absolute;
	left: 184px;
	top: 70px;
	overflow: hidden;
}
#midBox{
	width: 1708px;
	position: absolute;
	left: -1464px;
	top: 0;
}
.part8 .conBox .mid ul li{	
	width: 244px;
	height: 394px;
}
#pre3{
	position: absolute;
	left: 110px;
	top: 260px;
	cursor: pointer;
}
#next3{
	position: absolute;
	right: 110px;
	top:260px;
	cursor: pointer;
}
.part8 .button{
	background: url(../img/lbtn3.png) no-repeat center 40px;
	width: 423px;
	padding-top: 40px;
}
.part8 .button:hover{
	background: url(../img/lbtn4.png) no-repeat center 40px;
}
/*part9*/
.part9{
	height: 714px;
}
.part9 i{
	background: url(../img/line4.png) no-repeat center;
}
.part9 .tBox{
	width: 778px;
	margin: 28px auto 0;
}
.part9 .tBox li{
	margin-right: 14px;
}
.part9 .tBox li.last{
	margin-right: -14px;
}
.part9 .tBox li h3{
	background: url(../img/title1.png) no-repeat;
	width: 252px;
	height: 56px;
	line-height: 48px;
	color: #034883;
	font-size: 18px;
	transition: 0.3s;
}
.part9 .tBox li h3:hover{
	background: url(../img/title2.png) no-repeat;
}
.part9 .tBox li h4{
	background: url(../img/border04.png) no-repeat;
	width: 214px;
	height: 357px;
	margin: 30px auto 20px;
	position: relative;
}
.part9 .tBox li h4 img{
	margin-top: 74px;
}
.part9 .tBox li h4 p{
	width: 153px;
	height: 216px;
	position: absolute;
	left: 29px;
	top: 74px;
}
.part9 .tBox li h4 p b{
	width: 119px;
	height: 100%;
	padding: 20px 17px 0;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: justify;
	transform:scale(0);
	display: none \9; 
}
.part9 .tBox li h4 span{
	width: 153px;
	height: 216px;
	position: absolute;
	left:0px;
	top: 0px;
	background: #072f72;
	opacity: 0.6;
	filter:alpha(opacity=60);
	transform:scale(0);
	display: none \9; 
}
.part9 .tBox li h4:hover span{
	transform: scale(1);
	transition:1s;
	display: block \9; 
}
.part9 .tBox li h4:hover b{
	transform: scale(1);
	display: block \9; 
	transition:1s;
}
.part9 .tBox li a{
	background: url(../img/title3.png) no-repeat;
	width: 172px;
	height: 41px;
	line-height: 38px;
	color: #0a214a;
	font-size: 16px;
	transition: 0.3s;
	margin: 0 auto;
	display: block;
}

.part9 .tBox li a:hover{
	height: 35px;
	background: url(../img/title4.png) no-repeat;
}
/*part10*/
.part10{
	height: 1015px;
	position: relative;
}
.part10 strong{
	width: 427px;
	height: 486px;
	background: url(../img/map01.png) no-repeat;
	position: absolute;
	left: 0;
	top: 300px;
}
.part10 b{
	width: 300px;
	height: 486px;
	background: url(../img/map02.png) no-repeat;
	position: absolute;
	right: 0;
	top: 254px;
}
.part10 .conBox{
	width: 869px;
	height: 710px;
	background: url(../img/p10bg.png) no-repeat;
	margin: 30px auto 0;
}
.part10 .conBox .zuo{
	background: url(../img/roate01.png) no-repeat;
	width: 175px;
	height: 145px;
	position: relative;
	margin: 204px 0 0 52px;
}
.part10 .conBox .zuo span{
	background: url(../img/roate02.png) no-repeat;
	width: 246px;
	height: 251px;
	position: absolute;
	left: 30px;
	top:-155px;
	transform: rotate(0deg);
	animation: rotate1 3s infinite linear;
}
@keyframes rotate1{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-20deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
.part10 .conBox ul{
	margin-top: 53px;
	margin-left: 240px;
}
.part10 .conBox ul li{
	background: url(../img/border06.png) no-repeat;
	width: 350px;
	height: 76px;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
	color: #fff;
	transition: 0.3s;
}
.part10 .conBox ul li p{
	font-size: 22px;
	position: absolute;
	left: -94px;
	top: 17px;
}
.part10 .conBox ul li h3{
	font-size: 14px;
	text-align: left;
	width: 245px;
	margin-left: 98px;
	line-height: 20px;
	padding-top: 18px;
}
.part10 .conBox ul li em{
	background: url(../img/roate3.png) no-repeat;
	width: 12px;
	height: 11px;
	position: absolute;
	left: -118px;
	top: 29px;
	animation: rotate2 1s infinite linear;
}
@keyframes rotate2{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}
.part10 .conBox ul li:hover{
	color: #00ffd2;
	background: url(../img/border05.png) no-repeat;
}
.part10 .conBox .ul1{
	margin: 18px 0 0 65px;	
}
.part10 .conBox .ul1 li{
	background: url(../img/border08.png) no-repeat left center;
	height: 76px;
	width: 482px;
}
.part10 .conBox .ul1 li.even{
	background: url(../img/border07.png) no-repeat left center;
}
.part10 .conBox .ul1 li h3{
	margin-left: 23px;
}
.part10 .conBox .ul1 li p{
	left: 340px;
}
.part10 .conBox .ul1 li.even p{
	left: 384px;
}
.part10 .conBox .ul1 li em{
	left: 460px;
}
.part10 .conBox .ul1 li:hover{
	color: #00ffd2;
	background: url(../img/border10.png) no-repeat left center;
}
.part10 .conBox .ul1 li.even:hover{
	color: #00ffd2;
	background: url(../img/border09.png) no-repeat left center;
}
.part10 .conBox img{
	margin: 28px 0 0 20px;
}
.part10 .button{
	background: url(../img/lbtn3.png) no-repeat center 50px;
	width: 423px;
	padding-top: 50px;
}
.part10 .button:hover{
	background: url(../img/lbtn4.png) no-repeat center 50px;
}
/*part11*/
.part11{
	height: 730px;
}
.part11 .conBox{
	width: 984px;
	margin: 50px auto 0;
}
.part11 .conBox li{
	width: 231px;
	background: url(../img/border11.png) no-repeat;
	height: 158px;
	margin-right: 20px;
	margin-bottom: 16px;
	position: relative;
	cursor: pointer;
}
.part11 .conBox li h5{
	width: 100%;
	height: 100%;
	background: #00ffd2;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter:alpha(opacity=0);
}

.part11 .conBox li h5 .click{
	width: 127px;
	height: 34px;
	line-height: 34px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -63px;
	margin-top: -16px;
	font-size: 22px;
	color: #00d4af;
	opacity: 0;
	filter:alpha(opacity=0);
}
.part11 .conBox li:hover h5{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.3s;
}
.part11 .conBox h5:hover a{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.3s;
}
.part11 .conBox li.last{
	margin-right: -20px;
}
.part11 .conBox li h3{
	font-size: 22px;
	color: #034883;
	padding-top: 24px;
	padding-bottom: 17px;
	font-weight: bold;
}
.part11 .conBox li p{
	padding: 0 20px;
	font-size: 16px;
	color: #062d6f;
	line-height: 22px;
	text-align: left;
}
.part11 .adv{
	background: url(../img/adv2.png) no-repeat center;
	width: 100%;
	height: 117px;
	margin-top: 58px;
}
.part11 .adv2{
	width: 706px;
	margin-left: 18%;
	padding-top: 24px;
}
.part11 .adv2 h3{
	font-size: 22px;
	color: #fff;
	text-align: left;
}
.part11 .adv2 h3 strong{
	font-size: 26px;
	font-weight: bold;
}
.part11 .adv2 h4{
	font-size: 18px;
	color: #ffd200;
	text-align: center;
	background: url(../img/huan2.png) no-repeat center 27px;
	width: 112px;
	height: 73px;
	font-weight: bold;
	margin-left: 27px;
	margin-top: -3px;
}
.part11 .adv2 h4 strong{
	font-size: 20px;
	font-weight: bold;	
}
.part11 .adv2 .mesg{
	width: 276px;
	height: 56px;
	position: relative;
	margin-top: 6px;
	text-align: left;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
}
#mesg{
	position: absolute;
	left: 0;
	top: 0;
}
#mesg li{
	height: 26px;
	margin-bottom: 6px;
}



/*part12*/
.part12{
	width: 100%;
	height: 750px;
	background: url(../img/p12bg.jpg) no-repeat center;
	background-size:100% 100%;	
}
.part12 h2{
	padding-top: 55px;
}
.part12 .conBox{
	width: 1007px;
	margin: 50px auto 0;
}
.part12 .conBox li{
	background: url(../img/icon.png) no-repeat;
	width: 246px;
	height: 309px;
	margin-right:8px;
}
.part12 .conBox li h3{
	font-size: 18px;
	font-weight: bold;
	color: #00ffa2;
	padding-top: 24px;
}
.part12 .conBox li a{
	font-size: 14px;
	color: #00ffd2;
	background: url(../img/title6.png) no-repeat;
	width: 115px;
	height: 32px;
	margin: 12px auto;
	display: block;
	line-height: 32px;
	transition: 0.3s;
}
.part12 .conBox li a:hover{
	color: #0a224d;
	background: url(../img/title5.png) no-repeat;
}
.part12 .conBox li p{
	margin-top: 70px;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	margin-left: 14px;
}
.part12 .conBox li.sec p{
	margin-top: 38px;
	margin-left: 18px;
}
.part12 .conBox li.thr p{
	margin-top:91px;
	margin-left: 18px;
}
.part12 .conBox li.last p{
	margin-top:52px;
	margin-left: 18px;
}
.part12 .conBox li p span{
	margin-right: 7px;
}
.part12 .conBox li p span.sec{
	margin-left: 7px;
}
.part12 .conBox li.sec{
	margin-top: 60px;
}
.part12 .conBox li.last{
	margin-right: -12px;
}

/*foot*/
.footer {
	width: 100%;
	background: #191919;
	color: #999999;
	text-align: center;
	font-size: 14px;
	padding: 12px 0;
	margin-bottom: 60px;
}
/*css3btn*/
.css3btn{  
	bottom:400px;  
	right:5px;  
	z-index:9999;  
	position:fixed; 
	 
}  
.css3btn a{  
	display:block;  
	text-decoration:none;  
}  
.css3btn img{  
	left:-10px;  
	top:50%;  
	margin-top:-35px;  
	position:absolute;  	
	z-index:9999; 
	border:0; 
}  
.css3btn p{  
	font-size:15px;  
	width:230px;  
	height:45px;  
	line-height:45px;  
	text-indent:55px;	
	text-align:center;  
	color:#fff;  
	display:block;  
	overflow:hidden;  
	position: relative;  
	background:#ff5400;  
	background:linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));  
	text-transform: uppercase;  
	border-radius:20px;  
}  
.css3btn p.bubble:after {  
	content: "";  
	background: #fff;  
	position: absolute;  
	width: 200px;  
	height: 200px;  
	left: 35px;  
	right: 0;  
	top: 0;  
	bottom: 0;  
	opacity: 0;  
	margin: auto;  
	border-radius:50%;  
	transform: scale(1);  
	animation:1s btn ease-in-out infinite;  
}  
@keyframes btn {
	0%{
		transform:scale(0);
		opacity: 1;
	}
	100%{
		transform:scale(1);
		opacity: 0;
	}
}