*{padding:0; margin:0;}
li{list-style:none;}
a{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;color: #505050;}
.wrap{width: 100%;overflow: hidden;text-align: center;}

.banner{width: 100%;height: 700px;}

.banner .hBox{width:100%;height: 50px;background: #f8f8f9;}

.banner .head{width: 976px;margin: 0 auto;}

h1{width: 87px;height: 26px;margin-top: 12px;}
h1 a{width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;text-indent: -99em;display: block;}
.head div{height: 20px;border-left: 2px solid #000;padding-left: 16px;margin-left: 20px;margin-top: 18px;font-size: 18px;color: #02022e;}
.head div p{margin-top: -2px;}
.head .fr{background: url(../img/tel.png) no-repeat left center;padding-left: 30px;height: 28px;margin-top: 12px;width: 130px;line-height: 28px;color: #02022e;}
.bbox{width: 100%;height: 650px;position: relative;}
.banner .img1{background: url(../img/banner01.jpg) no-repeat center;width: 100%;height: 650px;display: block;}
.banner .img2{background: url(../img/banner02.jpg) no-repeat center;width: 100%;height: 650px;display: block;}
.banner .img3{background: url(../img/u3d-xb.jpg) no-repeat center;width: 100%;height: 650px;display: block;}
.banner .imgzz{background: url(../img/banner-u3d.jpg) no-repeat center;width: 100%;height: 650px;display: block;}
.banner .img20201{background: url(../img/3Dmax10-banner-2-1920X650.jpg) no-repeat center;width: 100%;height: 650px;display: block;}
.banner .img20202{background: url(https://bj.tedu.cn/2020/banner2-1920x650-2.jpg) no-repeat center;width: 100%;height: 650px;display: block;}

.navbox{width: 100%;height: 50px;position: absolute;left: 0;top: 0; z-index: 2;font-size: 18px;}
.navbox i,.nav2  b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;filter:alpha(opacity=50);background: #02022e;}
.navbox .nav1{width:688px;position: relative;margin: 16px auto 0;color: #b79bff;}
.navbox .nav1 .sort{border-right: 2px solid #fff;height: 20px;padding-right: 30px;}
.navbox .nav1 p{background: url(../img/arrow8.png) no-repeat right center;height: 20px;border-left: 2px solid #fff;line-height: 20px;padding-left: 30px;padding-right: 16px;cursor: pointer;}
.navbox .ul1 li{height: 20px;border-right: 2px solid #fff;padding-left: 30px;padding-right: 30px;line-height: 20px;}
.navbox .ul1 li a{display: block;width: 100%;height: 100%;color: #fff;}

.nav2{width: 100%;height: 48px;border-top: 1px solid #494462;border-bottom: 1px solid #8f8796;position: absolute;left: 0;top: 50px;animation: fadeInUp 0.5s linear;display: none;}
.nav2 ul{width: 1000px;margin: 0 auto ;height: 100%;position: relative;z-index: 2;}
.nav2 ul li{height: 100%;font-size: 16px;line-height: 48px;margin-right: 56px;}
.nav2 ul li a{color: #fff;width: 100%;height: 100%;display: block;}
.nav2  b{background: #000;}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}







/*.banner .nav{width: 980px;position: absolute;left: 50%;margin-left: -490px;top: 0;padding-top: 54px;z-index: 9999;}
.nav div p,.nav .fr{font-size: 20px;color: #fff;text-align: left;}


.banner .pagination {
	 bottom:15px;
	 width:100%;
	 z-index:20;
	 text-align:center;
	 position:absolute;
 }
.banner .swiper-pagination-switch {
	 margin:0 5px;
	 width:14px;
	 height:14px;
	 cursor:pointer;
	 display:inline-block;
	 background: #8c6be3;
	 border-radius: 100%;
 }
.banner .swiper-active-switch {
	 background:#fff;
 }*/
 
 
.p1Bg{background: url(../img/bg.png) no-repeat center;width: 100%;height: 995px;}
.p1{position: relative;}
.p1 h3{font-size: 106px;color: #5837af;opacity: 0.05;padding-top: 20px; filter:alpha(opacity=5);}
.p1 h2{font-size: 50px;color: #5837af;margin: -84px auto;position: absolute;left: 50%;margin-left: -300px;}
.p1 h2 img{position: absolute;}
.p1 h2 .one{top:60px;left: -64px;}
.p1 h2 .two{top:-22px;right:-48px;}
.p1 b.line{width: 40px;height: 4px;background: #505050;display: block;margin: 10px auto 30px;}
.p1 .txt{font-size: 24px;margin-bottom: 28px;}
.p1 .computer{background: url(../img/com.png) no-repeat;width: 1028px;height: 582px; margin: 0 auto;}
.p1 .computer ul{width: 946px;margin: 0 auto;padding-top: 140px;height: 364px;}
.p1 .computer ul h4{font-size: 24px;width: 440px;height: 56px;background: #fff;line-height: 56px;box-shadow: 2px 6px 21px 0px #d1d1d2;border-radius: 10px;margin-bottom: 24px;}
.p1 .computer ul li{animation: toTop 3s linear infinite;}
.link{width: 356px;height: 98px;margin: 10px auto;position: relative;}
.link a{color: #fff;font-size: 34px;line-height: 98px;background: url(../img/btn.png) no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.link img{position: absolute;top: 8px;animation: roll 1s ease-in-out infinite;left: -2px;}

@keyframes toTop{
	0%{
		margin-top: -20px;
	}
	50%{
		margin-top: 0px;
	}
	100%{
		margin-top: -20px;
	}
}
@keyframes roll{
	0%{
		transform: rotate(6deg);
	}
	50%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(6deg);
	}
}
.p2{width: 100%;height:990px;background: #f8f8f9;}
.p2 h2{margin-left: -290px;}
.p2 .list{width: 1100px;margin: 0 auto;height: 558px;position: relative;}
.p2 .list .com{background: url(../img/list.png) no-repeat;position: absolute;left: 0;top: 0;height: 100%;width: 932px;}
.list .com .lh{width: 61px;height: 145px;position: absolute;left: 234px;bottom: 166px;background: linear-gradient(to top,#3e7cf9,#6b42f9);background: #624ef9 \9;height: 145px \9;}
.list .com .lh span{width: 100%;height: 6px;background: #552edc;position: absolute;left: 0;top: 0;}
.list .com p{font-size: 20px;color: #fff;padding-top: 44px;}
.list .com .lh2{left: 326px;background: linear-gradient(to top,#2dabd1,#387be1);background: #3685de \9;}
.list .com .lh2 span{background: #2761c1;}
.list .com .lh3{left: 418px;background: linear-gradient(to top,#fca332,#fb6821);height: 164px;background: #fb7424 \9;}
.list .com .lh3 span{background: #ec6521;}
.list .com .lh4{left: 510px;background: linear-gradient(to top,#fda298,#fd7996);height: 192px;background: #fd8196 \9;}
.list .com .lh4 span{background: #e96382;}
.list .com .lh5{left: 603px;background: linear-gradient(to top,#f2bce8,#b396d6);height: 226px;background: #b497d6 \9;}
.list .com .lh5 span{background: #a780d3;}
.list .com .lh6{left:695px;background: linear-gradient(to bottom,#17939e,#6df3d0);height: 250px;background: #19959f \9;}
.list .com .lh6 span{background: #177f88;}
.list .bg{width: 196px;height: 120px;background: #8c6be3;position: absolute;right: 0;bottom: 138px;}
.list .con{width: 270px;height: 370px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 8px 0px #eeebf7;position: absolute;right: 30px;top: 18px;}
.list .con h4{font-size: 24px;background: url(../img/bor1.png) no-repeat;width: 138px;height: 48px;margin: 40px auto 24px;color: #02022e;line-height: 48px;font-weight: normal;}
.list .con h5{background: url(../img/bg2.png) no-repeat;width: 290px;height: 76px;font-size: 30px;color: #fff;line-height: 80px;margin-left:-11px ;}
.list .con i{width: 30px;height: 2px;background: #353558;display: block;margin: 26px auto 22px;}
.list .con p{font-size: 24px;line-height: 40px;}
.list .con .marl{font-size: 14px;color: #02022e;margin:10px 0 0 130px;}
.p2 .link,.p5 .link,.p6 .link,.p7 .link,.p9 .link,.p12 .link{margin-top: 30px;width: 433px;height: 92px;}
.p2 .link a,.p5 .link a,.p6 .link a,.p7 .link a,.p9 .link a,.p12 .link a{line-height: 92px;background: url(../img/btn2.png) no-repeat;width: 100%;height: 100%;z-index: 2;}
.p2 .link img,.p5 .link img,.p6 .link img,.p7 .link img,.p9 .link img,.p12 .link img{top: 8px;animation: roll 1s ease-in-out infinite;left: -18px;}


.p3{padding-bottom: 20px;}
.p3 h2,.p4 h2{margin-left: -357px;}
.p3 .tab{background: url(../img/bg4.png) no-repeat;width: 1038px;height: 548px;margin: 0 auto;position: relative;}
.p3 .imgBox{width: 134px;height: 200px; overflow: hidden;position: absolute;left: 198px;bottom:52px;}
.p3 .imgBox img{animation: toB 2s infinite linear;position: absolute;left: 0;bottom:0;}
@-webkit-keyframes toB{
	0%{
		bottom: 20px;
	}
	50%{
		bottom: 0px;
	}
	100%{
		bottom:20px;
	}
}
.p3 .tab .left{width: 313px;position: absolute;left: 18px;top: 92px;}
.p3 .tab .left li{position: relative;width: 100%;line-height: 70px;height: 70px;}
.p3 .tab .left li p{color: #fff;font-size: 28px;text-align: left;margin-left: 34px;}
.tab .left li img{position: absolute;right:46px;top: 24px;opacity: 0; filter:alpha(opacity=0);}
.tab .left li .marl{right: 14px;}
.tab .left li i,.tab .left li strong{height: 100%;position: absolute;left: 0;top: 0;opacity: 0; filter:alpha(opacity=0);}
.tab .left li i{width: 100%;background: #fff;}
.tab .left li strong{width: 5px;background: #8c6be3;}
.tab .left .act i,.tab .left .act strong,.tab .left .act img{opacity: 1;transition: 0.3s; filter:alpha(opacity=100);}
.tab .left .act i{opacity: 0.2;transition: 0.3s; filter:alpha(opacity=20);}
#right{width: 580px; position: absolute;right: 78px;top: 24px;}
#txt li{font-size: 28px;position: absolute;left: 0;top: 0;color: #b5b5b5;opacity: 0;filter:alpha(opacity=0);}
#txt li.on{opacity: 1;transition: 0.3s;filter:alpha(opacity=100);}
#bottom{width: 100%;height: 346px;margin-top: 80px;position: relative;overflow:hidden;}
#bottom li{position: absolute;left: 0;top: 0;transform:perspective(800px) translateX(580px) translateY(346px);filter:alpha(opacity=0);}
#bottom li.opa{transform:perspective(800px) translateX(0px) translateY(0px);transform-style:preserve-3d;transition: 0.3s;filter:alpha(opacity=100);}
.p4{width: 100%;height: 905px;background: url(../img/bg5.jpg) no-repeat;}
.p4 h2,.p7 h2{color: #8c6be3;}
.p4 b.line,.p7 b.line{background: #fff;}
.p4 .txt,.p7 .txt{color: #fff;}
.p4 h2{margin-left: -325px;}
.p4 ul{width: 1000px;margin: 0 auto;color: #fff;}
.p4 ul h4{width: 260px;height: 60px;background: #02022e;border-radius: 30px;line-height: 60px;font-size: 30px;margin: -100px auto;position: relative;z-index: 2;font-weight: normal;}
.p4 ul .cir{margin-top: 120px;}
.p4 ul li{margin-right: 20px;}
.p4 ul li.last{margin-right: -20px;}
.p4 ul p{background: url(../img/line3.jpg) no-repeat center bottom;width: 260px;font-size: 20px;padding: 12px 30px 26px;text-align: justify;line-height: 34px;}
.p4 .link{margin-top: 40px;}


.p5 h2{margin-left: -482px;}
.p5 .con{width: 926px;height: 364px;background: #f6f6f8;border-radius: 10px;margin: 0 auto;position: relative;}
.p5 .move,.p5 i{position: absolute;}
.p5 i{width: 160px;height: 112px;background: #8c6be3;left: -70px;bottom: 56px;}
.p5 .move{width: 1000px;height: 220px;left: 50%;margin-left: -500px;top: 50px;}

.p5 .move .one{width: 240px;height: 220px;box-shadow: 3px -3px 10px 0px #e3e3e8;background: #fff;border-radius:6px;position: relative;overflow: hidden;margin-right: 13px;}
.p5 .move #box4{margin-right: -13px;}
.move .one .num{position: absolute;left: 0;top: 0;}
.move .one .icon{margin-top: 52px;}
.move .one p{font-size: 24px;margin-top: 28px;}

.move .one .pos{width: 240px;height: 220px;background: url(../img/bg5.png) no-repeat;position: absolute;left: -220px;top:-240px;z-index: 2;}



.move .one .pos p{font-size: 20px;color: #fff;width: 200px;margin: 0 auto;text-align: justify;padding-top: 64px;line-height: 34px;}

#pos3 p,#pos4 p{padding-top: 32px;font-size: 18px;line-height: 32px;}
#pos4 p{padding-top: 56px;}

#pos2{left: 0;top: 0;}
.p5 .link{margin-top: -48px;}


.p6 h2{margin-left: -415px;}

.p6 ul{width: 980px;margin: 0 auto;}
.p6 ul li{width: 320px;height: 130px;position: relative;color: #fff;font-size: 28px;line-height: 130px;background: linear-gradient(120deg,#299afc,#4c89f3);border-radius: 6px;margin: 0 10px 10px 0;background: #299afc \9;}
#sec{background: linear-gradient(120deg,#478cf4,#6d78e7);}
#thr{margin-right: -10px;background: linear-gradient(120deg,#687cec,#886de4);}
#fou{background: linear-gradient(120deg,#3097fa,#5381e9);}
#fiv{background: linear-gradient(120deg,#5087f2,#7775e9);}
#six{margin-right: -10px;background: linear-gradient(120deg,#7277ea,#8c6be3);}
#sev{background: linear-gradient(120deg,#3893f8,#6080ee);}
#eig{background: linear-gradient(120deg,#5a83f0,#7e71e6);}
#nin{margin-right: -10px;background: linear-gradient(120deg,#7a74e8,#8c6be3);}
.p6 ul li h4{position: absolute;background: url(../img/bg6.png) no-repeat;width: 340px;height: 150px;left: 50%;margin-left: -170px;top: 50%;margin-top: -75px;transform: scale(0); opacity: 0;transition: 0.5s;filter:alpha(opacity=0);}
.p6 ul li h4 p{background: linear-gradient(-30deg, #8c6be3 40%, #1da0ff 60%);-webkit-background-clip: text;line-height: 150px;color: #fff \9;color: transparent;-ms-background-clip: text;color: #8c6be3 \0;background: none\0;}


.p6 ul li.act h4{transform: scale(1); opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
.p7{width: 100%;height: 1322px;background: url(../img/bg6.jpg) no-repeat;margin-top: 42px;}
.p7 h2{margin-left: -332px;}
.p7 .con{background: url(../img/bg7.png) no-repeat;width: 1033px;margin: 0 auto;height: 836px;overflow: hidden;position: relative;}
.p7 .table{width: 918px;height: 550px; margin: 162px auto;}
.p7 .table h4{font-size: 48px;color: #e4e4e7;margin-bottom: 10px;text-align: left;position: relative;}
.p7 .table .left{width: 294px;height: 400px;background: #fff;border-radius: 6px;font-size: 22px;text-align: left;padding-top: 66px;box-shadow: 0px 0px 12px 0px #d1d1d2;}
.p7 .table .padt{padding-top: 26px;height: 440px;}
.table .left li{background: url(../img/cir2.png) no-repeat left 6px;height: 48px;padding-left: 30px;margin-left: 34px;}
.table .left li.last{height:27px;overflow: hidden;}
#swiper2 .clearfix{width: 918px;}
#swiper2 .clearfix img{box-shadow: 0px 0px 12px 0px #d1d1d2;}
#btn{height: 90px;width: 920px;position: absolute;left: 54px;top: 40px;border-right: 2px solid #dfdfe3;}
#btn li{border-left: 2px solid #dfdfe3;width:228px;height: 90px;cursor: pointer;font-size: 24px;position: relative;}
#btn li p{padding-top:12px;}
#btn li h5{width: 100%;height: 138px;background: #8c6be3;position: absolute;left: 0;top: -25px;font-weight: normal;font-size: 24px;color: #fff;opacity: 0;filter:alpha(opacity=0);}
#btn li h5 p{padding-top: 36px;}
#btn li.act h5{opacity: 1;transition: 0.3s;filter:alpha(opacity=100);}
.p8{position: relative;overflow: hidden;padding-bottom: 30px;}
.p8 h2,.p9 h2{margin-left: -340px;}
.p8 .pro{width: 1045px;height: 558px;background: url(../img/txt.png) no-repeat;margin: 0 auto;position: relative;}
.p8 .pro .outer{position: absolute;width: 132px;height: 132px;}
.p8 .pro img{position: absolute;left:20px;top: 20px;z-index: 2;}
.p8 .pro i,.p8 .pro b{width: 110px;height: 110px;border:2px solid #8c67e6;border-radius: 50%;left: 10px;top: 10px;animation:rota 2s linear infinite;transition: 0.3s;position: absolute;}
.p8 .pro b{width:132px;height: 132px;border: 2px solid #c5b5f1;left: 0;top: 0;}
.p8 .pro .outer1{left: 28px;top: 264px;}
.p8 .pro .outer2{left: 342px;top: 0px;}
.p8 .pro .outer3{right: 248px;top: 212px;}
.p8 .pro .outer4{right: 0px;top: 272px;}
.p8 .pao,.p8 .pao2{position: absolute;animation:top1 5s linear infinite;transition: 0.3s;}
.p8 .pao2{animation:top2 8s linear infinite;}
.p8 .link{margin-top: 40px;}
@keyframes rota{
	0%{
		transform: scale(0);
		opacity: 1;
		
	}
	100%{
		transform: scale(1.8);
		opacity: 0;
	}
}
@keyframes top1{
	0%{
		left: -200px;
		top: 0px;
		opacity: 1;
		transition: 0.3s;
	}
	100%{
		left: 200px;
		top: -300px;
		opacity: 0;
		transition: 0.3s;
	}
}
@keyframes top2{
	0%{
		right: -200px;
		top: -300px;
		opacity: 1;
		transition: 0.3s;
	}
	100%{
		right: 200px;
		top: 300px;
		opacity: 0;
		transition: 0.3s;
	}
}
.p9{background: #f7f6fa;padding-bottom: 50px;}
.p9 .con{width: 1082px;height: 648px;margin: 0 auto;}
.abs{position: absolute;}
.rel{position: relative;}
.p9 h2{margin-left: -307px;}
.p9 .con span{width: 292px;height: 156px;background: #8c6be3;}
.p9 .con span.one{right: 0;top: 0;}
.p9 .con span.two{left: 0;bottom: 0;}
.p9 .con .soft{width: 1000px;left: 50%;top: 20px;margin-left: -500px;}
.soft .top,.soft .bottom{width: 100%;height: 100px;background: #fff;border-radius: 6px;}
.soft .top ul{width: 934px;border-bottom: 1px solid #cacaca;font-size: 24px;height: 68px;padding-bottom: 14px;margin-left: 20px;padding-left: 20px;}
.soft .top ul li{width: 150px;padding-top: 32px;cursor: pointer;}
.soft .top ul li p{height: 50px;line-height: 50px;border-radius: 30px;margin-top: -12px;}
.soft .top ul li b{display: block;width: 6px;height: 6px;background: #505050;margin: 10px auto;border-radius: 50%;}
.soft .top ul li.on b{background: #8057e6;margin: 16px auto;transition: 0.3s;}
.soft .top ul li.on p{background: #8057e6;margin-top: -18px;box-shadow: 0px 0px 20px 10px #e5ddfc;color: #fff;transition: 0.3s;}
.soft .bottom{height: 474px;margin-top: 20px;overflow: hidden;}
.soft .bottom .slide{width: 600px;height: 412px;margin: 0 auto;margin-top: 30px;}
.soft .bottom .part{position: relative;}
.soft .bottom .part img{margin-top: 29px;}
.soft .bottom .part h4{color: #fff;width: 560px;height: 56px;line-height: 56px;font-size: 22px;position: absolute;left: 22px;top: 0;background: #02022e;border-radius: 10px;}
.soft img.abs{top: 300px;cursor: pointer;}
.soft .pre{left: 80px;}
.soft .next{right: 80px;}
.p10{padding-bottom: 56px;}
.p10 h2{margin-left: -382px;}
.p10 .teacher{width: 998px;height: 716px; margin: 0 auto;position: relative;}
.p10 .teacher .top,.teacher .left,.teacher .right,.p10 .teacher .tBox,.p11 .right li h5,.p11 .left li{position: absolute;left: 0;top: 0;}
.p10 .teacher .top{width: 100%;height: 600px;}
.teacher .top .con{width: 998px;height: 600px;position: relative;}
.teacher .left{width: 700px;padding-left: 50px; background: #f8f8f9;height: 554px;top: 50px;}
.teacher .left h4{font-size: 30px;background: url(../img/arrow2.png) no-repeat left 42px;text-align: left;padding-left: 24px;font-weight: normal;border-bottom: 2px solid #d6d6d7;width: 236px;padding-bottom: 32px;}
.teacher .left h4 p{background: linear-gradient(-30deg, #8c6be3 40%, #1da0ff 60%);-webkit-background-clip: text;color: transparent;width: 222px;padding-top: 30px;color: #8c6be3 \9 \0;background: none \9;background: none\0;}
.teacher .left .t-txt{width: 410px;font-size: 18px;line-height: 36px;text-align: justify;padding-top: 34px;}
.teacher .left  .tmart{padding-top: 14px;}
.teacher .left  .tmart2{padding-top: 22px;line-height: 30px;}
.teacher .right{width: 500px;height: 457px;top: 0px;left: 490px;box-shadow: 0px 0px 20px 0px #e7e7e7;}
.p10 .teacher .bottom{width: 1000px;height: 200px;position: absolute;bottom: 0;left:50%;margin-left:-500px; z-index: 999;}

.teacher .bottom li{cursor: pointer;position: relative;}
.bottom li b{width: 100%;height: 100%;background: #02022e;opacity: 0.5;position: absolute;left: 0;top: 0;}

.bottom li.act b{opacity: 0;transition: 0.3s;}



.p11{background: #f8f8f9;padding-bottom: 58px;}
.p11 h2{margin-left: -407px;}
.p11 .go{width: 1000px;margin: 0 auto;height: 383px;position: relative;z-index: 999;}
.p11 .go .left{width: 399px;height: 100%;position: relative;background: url(../img/bg8.png) no-repeat;text-align: left;color: #fff;overflow: hidden;}
.p11 .left li{width: 100%;height: 100%;left: 50px;top: 383px;}
.p11 .left li.on{top: 0px;transition: 0.3s;}
.p11 .left h4,.p11 .right h4{font-size: 20px;color: #423d5c;font-weight: normal;margin-left: -8px;padding-top: 66px;}
.p11 .left h5,.p11 .right p{font-size: 30px;font-weight: normal;margin: -50px 0 58px;}
.p11 .left p{background: url(../img/sym.png) no-repeat left center;font-size: 20px;padding-left: 30px;margin-bottom: 18px;}
.p11 .left a{width: 160px;height: 44px;padding-left:36px;border-radius: 30px;background: url(../img/arrow5.png) no-repeat 136px center #1da0ff;display: block;font-size: 22px;color: #fff;line-height: 44px;margin-top: 40px;}
.p11 .go .right{width: 601px;height: 100%;position: relative;/*background: black;*/}
.p11 .go .right li{width: 299px;height: 190px;/*background: deeppink;*/ background: #fff; margin-bottom: 3px;cursor: pointer;position: relative;}
.p11 .go .right .roll{position: absolute;left: 50%;top: 50%;margin-left: -53px;margin-top: -53px;animation: mid 2s infinite linear;z-index: 999;}
.p11 .right h4,.right li h5 b{font-size: 30px;width: 58px;height: 58px;line-height: 58px;border-radius: 50%;border: 1px solid #505050;padding-top: 0;margin: 44px auto 12px;display: block;}
.p11 .right p{margin: 0;}
.p11 .right li h5{width: 100%;height: 100%;background: url(../img/sev1.png) no-repeat;opacity: 0;filter:alpha(opacity=0);}
.p11 .right .two h5{background: url(../img/sev2.png) no-repeat;}
.p11 .right .thr h5{background: url(../img/sev3.png) no-repeat;}
.p11 .right .fou h5{background: url(../img/sev4.png) no-repeat;}
.right li h5 b{background: #fff;border: 1px solid #fff;color: #8c6be3;}
.right li h5 p{color: #fff;}
.p11 .right li h5.act{opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
.p12 h2{margin-left: -440px;}
.p12 .con{width: 100%;height: 627px;background: url(../img/bg9.png) no-repeat center;}
.p12 .outer{width: 902px;margin: 0 auto;}
.p12 .outer .left{width: 566px;height: 522px;position: relative;}
.p12 .outer .left img{position: absolute;animation: sc linear infinite 4s;}
.outer .left .one{left: 62px;top: 0;}
.outer .left .two{right: 40px;top: 64px;}
.outer .left .thr{left: 44px;top: 292px;}
.outer .left .fou{left: 306px;top: 292px;}
.outer .left .abs{background: #8c6be3;width: 184px;height: 82px;}
.outer .left b{bottom: 0;left: 0;}
.outer .left i{top: 0;right: 0;}
.outer .fr{width: 296px;height: 364px;margin-top: 62px;text-align: left;}
.outer h4{font-size: 26px;color: #02022e;line-height: 30px;margin-bottom: 52px;}
.outer p{font-size: 22px;background: url(../img/sym.png) no-repeat left center;padding-left: 30px;margin-bottom: 30px;}
.outer .t-slide,.outer .sBox{width: 296px;height:280px;position: relative;}
.outer .t-slide strong{width: 230px;height: 50px;border-radius: 30px;background: #02022e;display: block;color: #fff;font-size: 26px;text-align: center;line-height: 50px;margin:60px auto 0;}
.outer .t-slide .abs{bottom:8px;z-index: 999;cursor: pointer;}
#one{left: 0;}
#two{right: 0;}
.outer .sBox1 strong{margin-top: 88px;}
.outer .sBox2 strong{margin-top: 148px;}
.outer .sBox3 strong{margin-top: 120px;}
.outer .sBox4 strong{margin-top: 178px;}
.p12 .link{margin-top: -36px;margin-bottom: 60px;}
@keyframes sc{
	0%{
		transform: scale(0.95);
	}
	50%{
		transform: scale(1);
	}
	100%{
		transform: scale(0.95);
	}
}
@keyframes mid{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.p13{width: 100%;height: 238px;background: #f8f8f9;}
.p13 ul{width: 1002px;margin: 0 auto;padding-top: 42px;}
.p13 ul li{margin-right: 36px;}
.p13 ul li.last{margin-right: -34px;}
.p13 ul p{color: #fff;font-size: 26px;margin-top: -60px;}
.p14{height: 794px;background: url(../img/bg01.jpg) no-repeat center;width: 100%;position: relative;z-index: 999;}
.p14 h2{margin-left: -207px;}
.p14 h3{padding-top: 90px;font-size: 98px;}
.p14 .main{width: 500px;margin: 0 auto}


#getcodee{width: 156px;padding-left:0px;height: 36px;text-align: center;border: none;}

.p14 form input[type="text"]{
    width:448px;
    height:46px;
    line-height:46px;
    font-size:18px;
    display:block;
    border:1px solid #000;
    border-radius:6px;
    padding-left: 50px;
    margin-bottom: 26px;
}
.yz{
    position:relative;
}
.yz-btn{
    
    width:156px;
    height:36px;
    line-height:36px;
    background:#1da0ff;   
    font-size:18px;
    color:#fff;
    cursor:pointer;  
    position:absolute;    
    right:8px;
    top:6px; 
    border-radius: 8px;
}

form .clearfix{width: 100%;}
form .clearfix a,form .clearfix input{width: 230px;height: 46px;border-radius: 6px;background: #5837af;color: #fff;line-height: 46px;font-size: 24px;}
form .clearfix input{border: none;cursor: pointer;}

.foot{color: #fff;background: #000;font-size: 14px;padding: 20px 0;}

@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@keyframes toHeight1{
	0%{
		height: 0;
	}
	100%{
		height:145px;
	}
}

.toHeight1 {
  -webkit-animation-name: toHeight1;
  animation-name: toHeight1;
}


@keyframes toHeight2{
	0%{
		height: 0;
	}
	100%{
		height:164px;
	}
}

.toHeight2 {
  -webkit-animation-name: toHeight2;
  animation-name: toHeight2;
}

@keyframes toHeight3{
	0%{
		height: 0;
	}
	100%{
		height:192px;
	}
}

.toHeight3 {
  -webkit-animation-name: toHeight3;
  animation-name: toHeight3;
}

@keyframes toHeight4{
	0%{
		height: 0;
	}
	100%{
		height:226px;
	}
}

.toHeight4 {
  -webkit-animation-name: toHeight4;
  animation-name: toHeight4;
}

@keyframes toHeight5{
	0%{
		height: 0;
	}
	100%{
		height:250px;
	}
}

.toHeight5 {
  -webkit-animation-name: toHeight5;
  animation-name: toHeight5;
}