
/*base*/
*{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;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{font-family: "黑体";color: #fff;background: #000;overflow-x: hidden;}
.wrap{
	width: 100%;
}
/*part1*/
/*top*/
.top{
	width: 100%;
	height: 80px;
}
.top .navBox{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: url(../img/top.png) no-repeat center;	
}
.top .nav{
	width: 1024px;
	margin: 0 auto;
}
.top .nav h1{
	width: 120px;
	height: 35px;
	background: url(../img/logo.png) no-repeat;
	margin-top: 18px;
}
.top .nav h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}
.top .nav strong{
	width: 24px;
	height: 24px;
	background: url(../img/nav-line.png) no-repeat;
	margin-left: 8px;
	margin-top: 30px;
}
.top .nav .text{
	width: 104px;
	height: 31px;
	background: url(../img/text.png) no-repeat;
	margin-top: 27px;
	margin-left: 6px;
}
.top .nav ul{
	margin-left: 56px;
	font-size: 18px;
	margin-top: 32px;
}
.top .nav ul li{
	width: 66px;
	background: url(../img/nav-line2.png) no-repeat right center;
	text-align: left;
	margin-right: 10px;
}
.top .nav ul li.last{
	background: none;
}
.top .nav ul li a{
	color: #fff;
	transition: 0.3s;
}
.top .nav ul li a:hover{
	color: #01f1ff;
}
.top .nav .tel{
	font-size: 18px;
	color: #fff;
	background: url(../img/tel.png) no-repeat left center;
	height: 27px;
	padding-left: 37px;
	margin-top: 27px;
	line-height: 27px;
}
/*banner*/
.banner{
	width: 100%;
    height:550px;
    position: relative;
}
.banner-img {
    width: 100%;
    height: 550px;
}
.banner-img.img1{
	background: url(../img/banner01.jpg) no-repeat center;
}
.banner-img.img2 {
	background: url(http://bj.tedu.cn/jsys/pc-550.jpg) no-repeat center;
}
.banner-img.img3 {
	background: url(../img/banner03.jpg) no-repeat center;
}
.pagination {
    position: absolute;
    z-index: 20;
    bottom: -30px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 15px;
    margin: 0 5px;
    opacity: 0.8;
    filter:alpha(opacity=80);
    cursor: pointer;
    border: 1px solid #01ecfa;
}
.swiper-active-switch {
    background: #01ecfa;
   
}
/*part2*/
.part2{
	width: 100%;
	height: 800px;
	position: relative;
}
.part2 h2{
	width: 330px;
	font-size: 38px;
	color: #0092ff;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -165px;
}
.part2 h2 span{
	color: #ffc001;
}
.part2 h2 i{
	width: 603px;
	height: 41px;	
	position: absolute;	
}
.part2 h2 i.fir{
	left: -588px;
	top: -16px;
	background: url(../img/line.png) no-repeat;
}
.part2 h2 i.sec{
	background: url(../img/line2.png) no-repeat;
	left: 288px;
	top: 18px;
}
.button{
	width: 282px;
	height: 47px;
	background: url(../img/button1.png) no-repeat;
	display: block;
	margin: 96px auto 0;
}
/*part4*/
.part4{
	width: 100%;
	height: 804px;
	background: url(../img/bg3.jpg) no-repeat center -53px;	
	position: relative;
	top: 614px;
}
.part4 h2{
	width:400px;
	margin-left: -200px;
}
.part4 h2 i.fir{
	left: -606px;
	top: -7px;
}
.part4 h2 i.sec{
	left: 396px;
	top:13px;
}
.part4 .iCon{
	width: 1024px;
	height: 574px;
	position: absolute;
	left:50%;
	top: 20%;
	margin-left: -512px;
}
.part4 .iCon li{
	font-size: 18px;
	position: absolute;
}
.part4 .iCon li p{
	position: absolute;
}
.part4 .iCon .fir{
	width: 209px;
	height: 165px;
	background: url(../img/icon01.png) no-repeat;
	left: 54px;
	top: 68px;
}
.part4 .iCon .fir p{
	left: 32px;
	bottom: 45px;
}
.part4 .iCon .sec{
	width: 211px;
	height: 154px;
	background: url(../img/icon02.png) no-repeat;
	left: 132px;
	top:224px;
}
.part4 .iCon .sec p{
	left: 112px;
	bottom:68px;
}
.part4 .iCon .thr{
	width: 226px;
	height: 129px;
	background: url(../img/icon03.png) no-repeat;
	left: 406px;
	top:-11px;
}
.part4 .iCon .fou{
	width: 192px;
	height: 160px;
	background: url(../img/icon04.png) no-repeat;
	left: 348px;
	top:160px;
}
.part4 .iCon .fiv{
	background: url(../img/icon05.png) no-repeat;
	left: 316px;
	top:352px;
}
.part4 .iCon .six{
	background: url(../img/icon06.png) no-repeat;
	left: 588px;
	top:188px;
}
.part4 .iCon .sev{
	width: 226px;
	background: url(../img/icon07.png) no-repeat;
	left: 764px;
	top:83px;
}
.part4 .iCon .eig{
	width: 208px;
	background: url(../img/icon08.png) no-repeat;
	left: 755px;
	top:342px;
}
.part4 .iCon .fou p{
	left: 94px;
	bottom:73px;
}
.part4 .iCon .fiv p{
	left: 122px;
}
.part4 .iCon .six p{
	left:33px;
}
.part4 .iCon .sev p{
	left:31px;
}
.part4 .iCon .eig p{
	left: 24px;
	bottom:83px;
}
/*part5*/
.part5{
	background: none;
	height: 778px;
	top: 600px;
}
.part5 h2{
	width: 665px;
	margin-left: -332px;
	top: -24px;
	z-index: 2;
}
.part5 h2 i.fir{
	left: -570px;
}
.part5 h2 i.sec{
	left: 628px;
	top: 12px;
}
/*content1*/
.part5 .content1 h3{
	width: 294px;
	font-size: 24px;
	position: absolute;
	left: 50%;
	margin-left: -147px;
	top: 78px;
	z-index: 2;
}
.part5 .content1 h3 em{
	position: absolute;
	width: 377px;
	height: 35px;
	top: -4px;
}
.part5 .content1 h3 span{
	color: #00e3ff;
}
.part5 .content1 h3 em.fir{
	background: url(../img/icon3.png) no-repeat;
	left: -326px;
}
.side .content1 h3 em.fir{
	left:-392px;
}
.part5 .content1 h3 em.sec{
	background: url(../img/icon4.png) no-repeat;
	left: 230px;
}

/*content2*/
.part5 .content2{
	padding-top: 564px;
}
.part5 .content2 h3{
	top: 564px;
}
.part5 .content2 .text{
	font-size: 16px;	
	padding-top: 68px;
	text-align: center;
}
.part5 .content2 .text span{
	color: #ff7b00;
}
.part5 .content2 ul{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.part5 .content2 ul img{
	border: 1px solid #006bff;
}
.part5 .content2 ul li{
	margin-right: 20px;
	margin-bottom: 30px;
	cursor: pointer;
}
.part5 .content2 ul li.last{
	margin-right: -20px;
}
.part5 .content2 ul li.marb{
	margin-bottom: 0px;
}
/*part6*/
.part6{
	width: 100%;
	background: url(../img/bg4.jpg) no-repeat center -56px;
	top: 554px;
	text-align: center;
}
.part6  h2{
	width: 438px;
	top: 58px;
	margin-left: -219px;
}
.part6 h2 i.sec{
	left: 403px;
}
.part6 ul{
	width: 824px;
	position: absolute;
	left: 50%;
	margin-left: -412px;
	top: 128px;
}
.part6 ul li{
	width: 198px;
	height: 119px;
	font-size: 20px;
	position: relative;
	margin-right: 110px;
	margin-bottom: 20px;
}
.part6 ul li.last{
	margin-right: -110px;
}
@-webkit-keyframes roll{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(120deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes roll2{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-120deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}
.part6 ul li em{
	width: 120px;
	height: 119px;
	background: url(../img/bgCir.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -60px;
	transition: 1s;	
}
.part6 ul li.fir em{
	-webkit-animation:1.3s roll linear infinite;
}
.part6 ul li.six em{
	-webkit-animation:1.3s roll2 linear infinite;
}
.part6 ul li p{
	width: 198px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #08e6ff;
	position: absolute;
	left: 0;
	top: 44px;
}
.part6 ul li.even p{
	font-size: 16px;
	line-height: 18px;
}
/*part7*/
.part7{
	background: none;
	height: 750px;
	top: 300px;
}
.part7 h2{
	width: 686px;
	top: 20px;
	margin-left: -343px;
}
.part7 h2 i.sec{
	left: 650px;
}
.part7 h2 i.fir{
	left: -570px;
}


.part7 .img1{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 105px;
}
.part7 .img2{
	top: 495px;
}
.part7 .double{
	width: 1024px;
	position: absolute;
	left: 50%;
	margin-left: -512px;
	top:220px;
	text-align: center;
}
.part7 .double li{
	width: 150px;
	height: 99px;
	background: url(../img/border06.png) no-repeat;
	margin-bottom: 10px;
}
.part7 .double li p{
	font-size: 18px;
	padding-top: 28px;
}
.part7 .double li.free{
	background: none;
	width: 658px;
}
.part7 .button{
	width: 305px;
	height: 49px;
	background: url(../img/button3.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -152.5px;
	top: 574px;
}

/*xuanzhuan*/
.content6{
  width: 100%;
  position: relative;
  top: 265px;
}
.container,.iEbox{
  margin: 18% auto;
  width: 270px;
  height: 200px; 
  position: relative;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.iEbox{
	width: 394px;
	height: 324px;
	top: -45px;
	display: none;
}
.iEbox img{
	width: 394px;
	height: 324px;
	border: 1px solid #059dfe;
	display: none;
}
.iEbox .show{
	display: block;
}
#carousel{
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  animation: rotation 20s infinite linear;
}
#carousel:hover{
  animation-play-state: paused;
}
#carousel figure{
  display: block;
  position: absolute;
  width: 220px;
  height: 181px;
  left: 10px;
  top: 10px;
  overflow: hidden;
  border: solid 1px #05beff;
}
#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(220px);}
#carousel figure:nth-child(2) { transform: rotateY(60deg) translateZ(220px);}
#carousel figure:nth-child(3) { transform: rotateY(120deg) translateZ(220px);}
#carousel figure:nth-child(4) { transform: rotateY(180deg) translateZ(220px);}
#carousel figure:nth-child(5) { transform: rotateY(240deg) translateZ(220px);}
#carousel figure:nth-child(6) { transform: rotateY(300deg) translateZ(220px);}
#carousel figure img{
	width: 220px;
  cursor: pointer;
  transition: all .5s ease;
}
#carousel figure img:hover{
  transform: scale(1.2,1.2);
}
@keyframes rotation{
  from{
    transform: rotateY(0deg);
  }
  to{
    transform: rotateY(360deg);
  }
}
/*part8*/
.part8{
	background: url(../img/bg5.jpg) no-repeat center top;
	top: 300px;
}
.part8 h2{
	width: 686px;
	margin-left: -343px;
	z-index: 2;
}
.part8 h2 i.sec{
	left: 632px;
}
.part8 h2 i.fir{
	left: -570px;
}
.part8 .text{
	font-size: 18px;
	position: absolute;
	left: 50%;
	top: 15%;
	z-index: 2;
	margin-left: -198px;
}
.part8 .bg{
	width: 1024px;
	height:759px;
	background: url(../img/backgr.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -530px;
}
.part8 .bg .left{
	width: 200px;
	height: 400px;
	background: url(../img/phone.png) no-repeat;	
	margin-left: 5%;
	margin-top: 20%;
	text-align: left;
}
.part8 .bg .left li{
	margin-left: 25px;
	cursor: pointer;
}
.part8 .bg .left h3{
	font-size: 20px;
	color: #f2a616;
	margin-top: 32px;
}
.part8 .bg .left .changeC{
	color: #0ff3ff;
}
.part8 .bg .left .fir h3{
	margin-top: 64px;
}
.part8 .bg .left p{
	font-size: 18px;
}
.part8 .bg .right{
	width: 680px;
	height: 350px;
	margin-top: 23%;
	background: url(../img/border05.png) no-repeat;	
	margin-left: 20px;
	position: relative;
}
.part8 .bg .right .Econ1{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.part8 .bg .right .changeOpa{
	display: block;
}
.part8 .bg .right .pos1{
	background: url(../img/pline.png) no-repeat left 6px;
	text-align: left;
	position: absolute;
	left:5%;
	top: 10%;
	font-size: 14px;
	padding-left: 60px;
	width: 230px;
}
.part8 .bg .right .pos1 li{
	margin-left: -15px;
	margin-bottom: 5px;
}
.part8 .bg .right .pos1 .fir{
	font-size: 18px;
	color: #0ff3ff;
	margin-bottom: 10px;
	margin-left: 0;
}
.part8 .bg .right .pos2{
	top: 60%;
}
.part8 .bg .right .pos2 .sec{
	color: #f2a616;
}
.part8 .bg .right .pos2 .sec span{
	color: #fff;
}
.part8 .bg .right .pos3{
	top: 10%;
	left: 55%;
}
.part8 .bg .right .pos4{
	top: 60%;
}
.part8 .button{
	margin: 650px auto 0;
	width: 285px;
	height: 51px;
	background: url(../img/button4.png) no-repeat;
}
.part8 .bg .right .postop{
	top: 57%;
}
.part8 .bg .right .posL{
	left: 44%;
	width: 312px;	
}
.part8 .bg .right .posL li{
	margin-bottom: 0;
}
.part8 .bg .right .posW{
	width: 315px;
}
.part8 .bg .right .posW2{
	width: 332px;
	left: 2%;
	padding-left: 36px;
	top: 4%;
}
.part8 .bg .right .posW2 .fir{
	margin-left: 22px;
}
.part8 .bg .right .posW2 li{
	margin-bottom: 0;
}
.part8 .bg .right .posL2{
	width: 260px;
	left: 53%;
}
.part8 .bg .right .posL2 li{
	margin-bottom: 0;
}
.part8 .bg .right .postop2{
	top: 54%;
}

.part8 .bg .right .postop3{
	top: 62%;
}
.part8 .bg .right .postop4{
	top: 42%;
}
/*part9*/
.part9{
	width: 100%;
	background: none;
	top: 300px;
}
.part9 h2{
	width: 534px;
	margin-left: -267px;
	z-index: 2;
	top: 30px;
}
.part9 h2 i.sec{
	left: 498px;
}
.part9 .text{
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	z-index: 2;
	top: 90px;
	left: 50%;
	margin-left: -216px;
	text-align: center;
}
.part9 video{
	position: absolute;
	left: 50%;
	margin-left: -512px;
	top: 148px;
}
.ievid{
	width: 1024px;
	margin: 0 auto;
	display: none;
}
.ievid span{
	width: 60px;
	height: 60px;
	background: url(../img/play.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 300px;
	cursor: pointer;
}
/*part10*/
.part10{
	margin-top: -108px;
	height: 500px;
	padding-top: 150px;
	top: 300px;
}
.part10 .text{
	margin-left: -308px;
	top: 126px;
}
.part10 h2{
	width: 500px;
	margin-left: -250px;
	top: 81px;
}
.part10 h2 i.sec{
	left: 576px;
}
.part10 video{
	top: 188px;
}
/*part11*/
.part11{
	background: url(../img/bg6.jpg) no-repeat center top;
	text-align: center;
	height: 750px;
	margin-top: 150px;
	top: 300px;
}
.part11 h2{
	width: 686px;
	top: 50px;
	margin-left: -343px;
}
.part11 h2 i.sec{
	left: 608px;
}
.part11 .text1{
	font-size: 16px;
	padding-top: 110px;
	margin-bottom: 10px;
}
.part11 .text2{
	font-size: 18px;
	color: #08e6ff;
}

.part11 .changeBox{
	width: 1024px;
 	height: 400px;
 	position: absolute;
 	overflow: hidden;
 	left: 50%;
 	margin-left: -512px;
 	top: 236px;
}
.part11 .changeBox .posBox{
	width: 5120px;
	position: absolute;
	left: 0;
	top: 0;
}
.part11 .changeBox .posBox .teacher1{
	width: 1024px;
	height: 400px;
	position: relative;
}
.part11 .changeBox .posBox .pos01{
	font-size: 14px;
	position: absolute;
	left:69px;
	top: 48px;
	text-align: left;
}
.part11 .changeBox .posBox .pos01 li{
	margin-bottom: 5px;
}
.part11 .changeBox .posBox .pos01 .fir{
	font-size: 16px;
	color: #08e6ff;
	
}
.part11 .changeBox .posBox .pos01 .last{
	width: 246px;
	height: 47px;
	background: url(../img/tline2.png) no-repeat;
	margin-top: -121px;
	margin-left: 80px;
}
.part11 .changeBox .posBox .post3 .last{
	margin-top: -98px;
}
.part11 .changeBox .posBox .post1 .last{
	margin-top: -66px;
}
.part11 .changeBox .posBox .matT .last{
	margin-top: -50px;
}
.part11 .changeBox .posBox .matT2 .last{
	margin-top: -35px;
	margin-left: 126px;
}
.part11 .changeBox .posBox .teachert .last{
	margin-top: -68px;
}
.part11 .changeBox .posBox .pos02{
	width: 308px;
	height: 178px;
	background: url(../img/border04.png) no-repeat;
	font-size: 14px;
	position: absolute;
	left:74px;
	top: 200px;
}
.part11 .changeBox .posBox .pos02 li{
	margin-left: 8px;
}
.part11 .changeBox .posBox .pos02 .fir{
	margin-top: 5px;
}
.part11 .changeBox .posBox .pos02 .last{
	width: 83px;
	height: 13px;
	background: url(../img/tline1.png) no-repeat;
	background-size: 70%;
	margin-top: -86px;	
	margin-left: 297px;
}

.part11 .changeBox .posBox .mtop .last{
	margin-top: -8px;	
}
.part11 .changeBox .posBox .mtop2 .last{
	margin-top: -42px;	
}
.part11 .changeBox .posBox .teachert3 .last{
	margin-top: 24px;
}
.part11 .changeBox .posBox .pos03{
	left:700px;
	top: 48px;
}
.part11 .changeBox .posBox .pos03 .fir{
	margin-left: 0;
}
.part11 .changeBox .posBox .pos03 .last{
	width: 83px;
	height: 13px;
	background: url(../img/tline4.png) no-repeat;
	background-size: 70%;
	margin-top: -83px;
	margin-left: -80px;
}
.part11 .changeBox .posBox .post4 .last{
	margin-top: -98px;
}
.part11 .changeBox .posBox .pos5 .last{
	margin-top: -160px;
}
.part11 .changeBox .posBox .post2 .last{
	margin-top: -60px;
}
.part11 .changeBox .posBox .teachert2 .last{
	margin-top: -92px;
}
.part11 .changeBox .posBox .pos03 .sec{
	color: #e5810b;
}
.part11 .changeBox .posBox .pos04{
	position: absolute;
	left:700px;
	top: 248px;
}
.part11 .changeBox .posBox .pos04 h3{
	font-size: 14px;
	color: #08e6ff;
}
.part11 .changeBox .posBox .pos04 p{
	width: 198px;
	height: 13px;
	border: 1px solid #08e6ff;	
	margin-left: 10px;
}
.part11 .changeBox  .pos04 li{
	margin-bottom: 10px;
}
.part11 .changeBox  .pos04 .fir span{
	width: 154px;
	height: 5px;
	background: #c68510;
	display: block;
	margin: 4px 9px;
}
.part11 .changeBox  .pos04 .sec span{
	width: 172px;
	margin-left:9px ;
}
.part11 .changeBox  .pos04 .thr span{
	width: 130px;
	margin-left:9px ;
}
.part11 .changeBox  .pos04 .fou span{
	width: 190px;
	margin-left:9px ;
}
.part11 .changeBox .spanW4 .fou span{
	width: 170px;
}
.part11 .changeBox  .pos04 .fiv span{
	width: 150px;
	margin-left:9px ;
}

/*02*/
.part11 .changeBox  .spanW .fir span{
	width: 155px;
}
.part11 .changeBox  .spanW .sec span{
	width: 175px;
}
.part11 .changeBox  .spanW .thr span{
	width: 180px;
}
.part11 .changeBox  .spanW .fou span{
	width: 150px;
}
.part11 .changeBox  .spanW .fou span{
	width: 170px;
}
/*03*/
.part11 .changeBox  .spanW2 .fir span{
	width: 160px;
}
.part11 .changeBox  .spanW2 .sec span{
	width: 180px;
}
.part11 .changeBox  .spanW2 .thr span{
	width: 170px;
}
.part11 .changeBox  .spanW2 .fou span{
	width: 155px;
}
.part11 .changeBox  .spanW2 .fou span{
	width: 175px;
}
/*04*/
.part11 .changeBox  .spanW2 .fir span{
	width: 150px;
}
.part11 .changeBox  .spanW2 .sec span{
	width: 170px;
}
.part11 .changeBox  .spanW2 .thr span{
	width: 180px;
}
.part11 .changeBox  .spanW2 .fou span{
	width: 150px;
}
.part11 .changeBox  .spanW2 .fou span{
	width: 170px;
}
.part11 .changeBox .posBox .pos04 .last{
	width: 96px;
	height: 47px;
	background: url(../img/tline3.png) no-repeat;
	background-size: 85%;	
	margin-top: -160px;	
	margin-left: -85px;
}
.part11 .changeBox .Arrow{
	width: 28px;
	height: 51px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
}
.part11 .changeBox .Arrow1{	
	background: url(../img/arrow01.png) no-repeat;	
	left:0;	
	z-index: 2;
}
.part11 .changeBox .Arrow2{
	background: url(../img/arrow02.png) no-repeat;
	right: 0;
	z-index: 2;
}
/*part12*/
.part12{
	background: none;
	text-align: center;
	height: 790px;
	top: 300px;
}
.part12 h2{
	width: 382px;
	margin-left: -191px;
	top: 30px;
}
.part12 h2 i.sec{
	left: 330px;
}
.part12 .fly{
	width: 1024px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -512px;
}
.part12 .fly .pos01{
	position: absolute;
	left:240px;
	top: 0;
}
.part12 .fly .pos02{
	left:303px;
	top:100px;
}
.part12 .fly .pos01 li{
	width: 104px;
	height: 120px;
	background: url(../img/border07.png) no-repeat;
	font-size: 18px;
	color: #0ff3ff;
	cursor: pointer;
	margin-right: 20px;
}
@-webkit-keyframes Bg{	
	0%{
		opacity: 0;
		filter:alpha(opacity=0);
	}
	100%{
		opacity: 1;
		filter:alpha(opacity=100);
	}
}
.part12 .fly .pos01 li p{
	padding-top: 50px;	
	transition: .3s;
}
.part12 .fly .pos01 li p em{
	width: 100%;
	height: 5px;
	display: block;
	background: url(../img/tlight.png) no-repeat center center;
	margin-top: -5px;
	opacity: 1;
	filter:alpha(opacity=100);
}
.part12 .fly .pos01 li:hover em{
	-webkit-animation:0.3s Bg linear;
}
.part12 .fly .pos01 li.fou i{
	position: absolute;
	right: -324px;
	top: 24px;
	width: 354px;
	height: 61px;
	background: url(../img/flyR.png) no-repeat;
}
.part12 .fly .pos02 li.fou i{
	position: absolute;
	right: 491px;
	top: 24px;
	background: url(../img/flyL.png) no-repeat;
}
.part12 .content1 h3{
	top: 255px;
}
.part12 h2{
	top: 30px;
}
.part12 .content2 .conUl{
	top: 315px;
	text-align: left;
}
.part12 .content2 .conUl li{
	width: 243px;
	height: 128px;
	border: 1px solid #022b5e;
	margin-right: 10px;
	margin-bottom: 8px;
}
.part12 .conUl li.last{
	margin-right: -10px;
}
.part12 .conUl li.marb{
	margin-bottom: 0;
}
.part12 .conUl li h4{
	width: 262px;
	height: 30px;
	font-size: 18px;
	color: #0ff3ff;
	background: url(../img/tlight2.png) no-repeat;
	padding-top: 10px;
	padding-left: 12px;
	margin-left: 6px;
}
.part12 .conUl li p{
	font-size: 14px;
	line-height: 24px;
	padding-left: 20px;	
	padding-top: 15px;
}
.part12 .button{
	width: 284px;
	height: 49px;
	background: url(../img/button5.png) no-repeat;
	margin:74px auto 0;
}
/*part13*/
.foot{
	width: 100%;
	background: url(../img/foot.png) no-repeat center;
	height: 35px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.foot p{
	font-size: 14px;
	color: #01f1ff;
	width: 100%;
	padding-top: 14px;	
}

.part13{
	width: 100%;
	height: 800px;
	background: url(../img/bg7.jpg) no-repeat center top;
	text-align: center;
	position: relative;
	top: 250px;
	margin-bottom: 100px;
}
.part13 img{
	margin-top: 70px;
}
.part13 .megBox{
	width: 702px;
	height: 362px;
	/*background: url(../img/border05.png) no-repeat;*/
	margin:76px auto;
}
.part13 .megBox .mes1{
	margin-left: 106px;
	font-size: 30px;
	color: #0ff3ff;
	margin-right: 20px;
	padding-top: 100px;	
}
.part13 .megBox .mes2{
	padding-top: 0;
	margin-top: 10px;
}
.part13 .megBox .mes1 input{
	width: 380px;
	height: 38px;
	border: 1px solid #0ff3ff;
	font-size: 16px;
	padding-left: 18px;
	background: #00112a;
	margin-left: 18px;
	color: #fff;

}
.part13 .megBox .mes3 input{
	margin-left: 24px;
}
.part13 .megBox .mes3 p{
	margin-left: 6px;
	font-size: 32px;
}
#submsgg{
	width: 290px;
	height: 51px;
	background: url(../img/button2.png) no-repeat;
	border: none;
	margin: 50px auto 0;
	cursor: pointer;
}
.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:999;
}
.fixbox .bg{
	width: 100%;
	height: 70px;
	background:#222222;
	opacity: 0.85;
}
.fixbox-main{
    width:854px;
	margin-left:6%;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:16px;
    color:#ffffff;
	padding-top: 10px;
    line-height: 24px;
	text-align:center;
}
.fixbox-main p span{
    color:#0de9da;
	font-size:18px;
}


.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:20px;
    width:108px;
    height:30px;
    cursor:pointer;
    background:url("../img/submit.png") no-repeat center top;
    border:none;
}
