/*页面通用样式*/
.box_In{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.hd {overflow: hidden;}
.hd h2{font-size: 38px;font-weight: bold; color: #283259;text-align: center;margin-top: 60px;line-height: 50px;}
.hd img{margin:10px auto;display: block;}
.hd p{font-size: 16px;color: #283259;font-weight: bold;text-align: center;margin-top: 20px;}
.btn{display: block;font-size: 22px;color: #fff;width: 250px;height: 44px;line-height: 44px;background: #E55917;border-radius: 30px;text-align: center;margin: 60px auto 0;}
.btn:hover{background: #7687B9;}
.pmfixed_left{position: fixed;top: 400px;z-index: 1000;}
.ban{background: url(../images/banbg.jpg) no-repeat center ;height: 575px;}
.ban img{position: absolute;}
.ban .ban1{left: -300px;
    top: 10px;;}
.ban .btn{width: 200px;height: 36px;line-height: 36px;position: absolute;left: 670px;top: 330px;margin: 0;}

.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}

.wrap{width: 100%;height: 100%;overflow: hidden;background: #f8f8f8;}

/*最新开班*/
.box1{background: #4C5373;padding-bottom: 2px;}
.box1 h2{color: #fff;margin-top: 50px;font-size: 34px;font-weight: normal;}
.box1 ul{width:1200px;height: 245px;overflow: hidden;margin: 20px auto 0;}
.box1 ul li{float: left;width: 366px;height: 229px;background:#fff;margin-bottom: 30px;}
.box1 ul .li1{margin-right: 50px;}
.box1 ul li p{text-align: center;font-size: 22px;color: #283259;padding-top: 30px;padding-bottom: 30px;}
.box1 ul li .box1-time{    
    width: 100%;
    color: #293559;
    font-size: 26px;
    margin: 0 auto;
    text-align: center;
	}
.box1 ul li .box1-time span{
	padding: 10px 5px;
    /* background: #293559; */
    color: #fff;
    color: #F00;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 5px;}
.box1 ul li .box1-btn{width: 162px;height: 40px;text-align: center;line-height: 40px;font-size:20px;background: #E55917;margin: 30px auto 0;border-radius: 10px;}
.box1 ul li .box1-btn:hover{background: #7687B9;}
.box1 ul li .box1-btn a{float: left;width: 100%;height: 100%;color: #fff;}
.box1 .more{height:60px;width: 200px;margin: 0 auto 10px;line-height: 60px;  font-size: 20px;text-align: center;color: #fff;cursor: pointer;}

/* box2 */
.box2{padding-bottom: 54px;position: relative;}
.box2 .box2pic11{position: absolute;right: -98px;top: 340px;}
.box2 .box2pic12{position: absolute;right: 54px;bottom: 45px;}
.box2 .box2pic13{position: absolute;left: 0;bottom: 54px;}
.box2 .box2pic14{position: absolute;width: 46px;left: 170px;top: 470px;}
.box2 .box2pic15{position: absolute;width: 80px;left: -40px;top: 380px;}
.box2 .box2pic16{position: absolute;width: 36px;right: 150px;bottom: 220px;}
.box2 .box2pic17{position: absolute;width: 30px;right: 200px;top: 220px;}
.box2 .box2_con{width: 100%;margin-top: 52px;position: relative;height: 590px;}
.box2 .box2_con .box2pic{position: absolute;width: 1119px;height: 590px;left: 38px;top: 0;}
.box2 .box2_con .box2pic img{position: absolute;}
.box2 .box2_con .box2pic img.box2pic1{left: 468px;top: 0;}
.box2 .box2_con .box2pic img.box2pic2{left: 101px;top: 76px;opacity: .3;}
.box2 .box2_con .box2pic img.box2pic3{right: 129px;top: 50px;}
.box2 .box2_con .box2pic img.box2pic4{left: 80px;top: 220px;}
.box2 .box2_con .box2pic img.box2pic5{right: 124px;top: 202px;}
.box2 .box2_con .box2pic img.box2pic6{left: 0px;top: 356px;}
.box2 .box2_con .box2pic img.box2pic7{right: 0px;top: 353px;}
.box2 .box2_con .box2pic img.box2pic8{left: 250px;top: 513px;}
.box2 .box2_con .box2pic img.box2pic9{right: 209px;top: 521px;}
.box2 .box2_con .box2pic img.box2pic18{left: 168px;top: 480px;}
.box2 .box2_con .box2pic img.box2pic19{right: 294px;top: 310px;}
.box2 .box2_con .box2pic img.box2pic20{width: 40px;left: 395px;top: 135px;}
.box2 .box2_con .box2pic img.box2pic21{width: 30px;left: 656px;top: 436px;}
.box2 .box2_con .box2pic img.box2pic22{width: 30px;right: 15px;bottom: 0;}
.box2 .box2_con .box2pic10{position: absolute;left: 477px;top: 160px;}
/*animation: mytop 2.5s infinite;-moz-animation: mytop 2.5s infinite;-webkit-animation: mytop 2.5s infinite;-o-animation: mytop 2.5s infinite;
@-webkit-keyframes mytop{
	0%{left: 15px;}50%{left: 46px;}100%{left: 15px;}
}
@-moz-keyframes circle-inner{
	0%{left: 38px;}25%{left: 0;}50%{left: 38px;}75{left: 76px;}100%{left: 38px;}
}
@-o-keyframes circle-inner{
	0%{left: 38px;}25%{left: 0;}50%{left: 38px;}75{left: 76px;}100%{left: 38px;}
}
@keyframes circle-inner{
	0%{left: 38px;}25%{left: 0;}50%{left: 38px;}75{left: 76px;}100%{left: 38px;}
}*/


.wrap .a_btn{text-align: center;margin: 54px 0 60px;}
.wrap .a_btn span{font-size: 17px;color: #fff;padding: 8px 20px;border: 1px #fff solid;}

/* box3 */
.box3{background: #7687b9;}
.box3 .hd h2{color: #fff;}
.box3 .box3_con ul{margin-left: 83px;margin-top: 62px;}
.box3 .box3_con ul li{    
    float: left;
    text-align: center;
    /* margin-right: 65px; */
    width: 25%;}
.box3 .box3_con ul li p{font-size: 20px;color: #fff;text-align: center;line-height: 30px;margin-top: 10px;}

/* box4 */
.box4{background: #5c70a9;}
.box4 .box4_con{padding-top: 66px;}
.box4 .box4_con .left{float: left;width: 300px;margin:40px  0 0 15px;position: relative;}
.box4 .box4_con .left .data{position: relative;width: 233px;margin: 0 auto;}
.box4 .box4_con .left img{border: 10px solid #fff;border-radius: 50%;}
.box4 .box4_con .left .data p{color: #fff;position: absolute;}
.box4 .box4_con .left .data span{font-size: 20px;color: #fff;position: absolute;bottom: 34px; left: 90px;}
.box4 .box4_con .left .data .p1{font-size: 34px;top: 64px;left: 48px;}
.box4 .box4_con .left .data .p2{font-size: 48px;bottom: 57px; left: 50px;}
.box4 .box4_con .left .p3{font-size: 20px;color:#fff;text-align: center;line-height: 30px;margin: 20px 0 10px;}
.box4 .box4_con .left .p4{font-size: 18px;color: #fff;background: #293559;width: 260px;height: 30px;line-height: 30px;margin: 0 auto;}
.box4 .box4_con .left .quan{width: 235px;height: 235px;border: 1px dashed #6876AA;border-radius: 50%;position: absolute;top: -2px;left:32px;}
/*.box4 .box4_con img .box4pic1{margin-left: 30px;}*/
.box4 .box4_con img.box4pic2{margin-left: 48px;float: left;}

/* box5 */
.box5{background: #7687b9;padding: 66px 0 55px;}
.box5 img{display: block;margin: 0 auto;}
.box5 .btn:hover{background: #fff;color: #293259;}

/* box6 */
.box6{position: relative;}
.box6 img{display: block;}
.box6 .box6_In{position: absolute;width: 1260px;left: 50%;margin-left: -600px;top: 0;}
.box6 .box6_con{margin-top: 90px;}
.box6 .box6_con li{width: 619px;margin-bottom: 74px;background: #fff;position: relative;}
.box6 .box6_con li.box6_l{float: left;}
.box6 .box6_con li.box6_r{float: right;}
.box6 .box6_con li .box6_h{width: 619px;height: 40px;position: absolute;left: -1px;top: -40px;background: url("../images/box6pic1.jpg") no-repeat center top;}
.box6 .box6_con li .box6_h p{font-size: 19px;color: #fff;font-weight: bold;line-height: 42px;padding-left: 30px;}
.box6 .box6_con li .box6_top{width: 100%;margin: 0 auto;text-align:center;}
.box6 .box6_con li .box6_top img{}
.box6 .box6_con li .box6_top>div{float: left;width: 50%;}
.box6 .box6_con li .box6_c h2{font-size: 16px;color: #283259;font-weight: bold;padding: 15px 0 5px;}
.box6 .box6_con li .box6_c p{font-size: 14px;color: #283259;line-height: 24px;}
.box6 .box6_con li .box6_bot{width: 90%;margin: 0 auto;}
.box6 .box6_con li .box6_bot p{line-height: 22px;}
.box6 .btn{margin: 0 auto;}

/* box7 */
.box7{position: relative;}
.box7 .box7bg1{width: 100%;height: 481px;background: url("../images/box7bg1.jpg") no-repeat center top;}
.box7 .box7bg2{width: 100%;height: 624px;background: url("../images/box7bg2.jpg") no-repeat center top;}
.box7 .box7_con{width: 1200px;height: 100%;position: absolute;left: 50%;margin-left: -600px;top: 0;}
.box7 .box7_con .hd h2{color: #fff;}

.box7 .con, .con::before, .con::after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.box7 .con::before, .con::after {content: '';z-index: 1;box-shadow: inset 0 0 0 5px #0ff;animation: clipMe 3s linear infinite;}
.box7 .con::before {animation-delay: -6s;}
.box7 .con{position: absolute;left: 310px;top: 888px; width: 581px; height: 66px;}
.box7 .btn{margin: 860px auto 0;}
.box7 .btn:hover{background: #fff;color: #293259;}

/* box8 */
.box8 .box8_con{position: relative;width: 100%;height: 816px;margin-top: 80px;padding-bottom: 162px;}
.box8 .box8_con .box8pic{position: absolute;}
.box8 #myCanvas{position: absolute;left: 45px;top: 68px;}
.box8 #list{position: absolute;width: 360px;height: 158px;left: 15px;bottom: 106px;z-index: 9999;text-align: center;}
.box8 #list ul li{display: inline-block; background: #809ef1;margin-top: 10px;padding: 3px 5px;border-radius: 5px;}
.box8 #list ul li a{color: #fff;font-size: 14px;}
.box8 #list ul li.box8list3{background: #febf25;}
.box8 #list ul li.box8list1 a{font-size: 12px;}
.box8 #list ul li.box8list3 a{color: #204094;font-size: 18px;}
.box8 .box8_5{position: absolute;left: 0;top: 75px;text-align: center;width: 100%;}
.box8 .box8_5 h2{font-size: 22px;color: #edfe34;font-weight: bold;margin: 5px 0;}
.box8 .box8_5 p{font-size: 20px;color: #fff;}
.box8 .box8_5 h3{font-size: 20px;color: #eec6de;font-weight: bold;margin-top: 15px;}
.box8 .box8_5 .box8o{position: absolute;left: 42px;bottom: 30px;}
.box8 .box8c, .box8c::before, .box8c::after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.box8 .box8c::before, .box8c::after {content: '';z-index: 1;box-shadow: inset 0 0 0 2px #eec6de;animation: clipMe2 3s linear infinite;}
.box8 .box8c::before {animation-delay: -6s;}
.box8 .box8c{position: absolute;left: 0px;bottom: 10px; width: 300px; height: 38px;}

.box8 .box8_con .box8pic1{left: 0;top: 0;}
.box8 .box8_con .box8pic2{left: 403px;top: 0;}
.box8 .box8_con .box8pic3{right: 0;top: 0;}
.box8 .box8_con .box8pic4{left: 200px;bottom: 162px;}
.box8 .box8_con .box8pic5{right: 200px;bottom: 162px;}
.box8 .btn{position: absolute;bottom: 56px;margin: 0;}
.box8 .btn1{left: 313px;}
.box8 .btn2{right: 313px;}
.box8 .btn:hover{background: #7687B9;}
@keyframes clipMe2 {
	0%, 100% {clip: rect(0px, 300px, 0, 0px);}

	25% {clip: rect(0px, 0, 38px, 0px);}

	50% {clip: rect(38px, 300px, 38px, 0px);}

	75% {clip: rect(0px, 300px,38px, 300px);}
}

/* box9 */
.box9{background: #445993;padding-bottom: 60px;}
.box9 .hd h2{color: #fff;}
.box9 .main{width:1060px; margin: 20px auto 0;overflow: hidden;}
.box9 .main ul{width:100%;height: 60px;line-height: 60px;overflow: hidden;background: #e55918;}
.box9 .main ul li{font-size:18px;float: left; color: #fff;text-align: center;font-weight: bold;}
.box9 .scrollDiv{width: 100%; float:left;height: 605px;padding-top: 10px;}
.box9 .scrollDiv ol{width: 100%;}
.box9 .scrollDiv ol li{overflow: hidden;height: 50px;line-height:50px;border-bottom: 1px solid #fff;}
.box9 .scrollDiv p{font-size:16px;color: #fff;float: left;text-align: center;}
.box9 .scr1{width:85px;}
.box9 .scr2{width:160px;}
.box9 .scr3{width: 260px;text-align: left!important;padding-left:35px;}
.box9 .scr4{width: 140px;text-align: left!important;padding-left:35px;}
/*.box9 .scrollDiv ol li:hover{background: #F11A4E;}*/
.box9 .box9_con .btn1{float: left;margin: 60px 0 0 316px;}
.box9 .box9_con .btn2{float: right;margin: 60px 316px 0 0;}
.box9 .btn:hover{background: #fff;color: #293259;}

/* box10 */
.box10 .box10_con{margin-top: 54px;padding-bottom: 60px;}
.box10 .box10_con ul li{margin-left: 58px;margin-bottom: 33px;}
.box10 .box10_con ul li a{display: block;width: 338px;height: 198px;float: left; margin-right: 39px;border-radius: 0 10px 0 10px;}
.box10 .box10_con ul li a.box10pic1{background: #84d3da;}
.box10 .box10_con ul li a.box10pic2{background: #b39c85;}
.box10 .box10_con ul li a.box10pic3{background: #9486b9;}
.box10 .box10_con ul li a.box10pic4{background: #f8c761;}
.box10 .box10_con ul li a.box10pic5{background: #f69575;}
.box10 .box10_con ul li a.box10pic6{background: #84bcf5;}
.box10 .box10_con ul li a img{display: block;margin: 26px auto 0;}
.box10 .box10_con ul li a h2{font-size: 24px;color: #fff;font-weight: bold;text-align: center;line-height: 60px;}
.box10 .box10_con ul li a p{font-size: 16px;color: #fff;text-align: center;}
.box10 .box10_con ul li a:hover img{opacity: .8;}

/* box11 */
.box11{background: #7486B7;padding-bottom: 60px;position: relative;}
.box11 .box11bg1{position: absolute;left: 0;bottom: 0;}
.box11 .box11bg2{position: absolute;right: 0;bottom: 0;}
.box11 .hd h2{color: #fff;margin-top: 50px;}
.box11 ul{width:1050px;margin: 0 auto;padding:50px 0 0;overflow: hidden;}
.box11 ul li{float: left;width: 172px;margin-right: 28px;margin-left: 12px;}
.box11 ul li .top{height: 170px;background: #fff;width: 172px; position: relative;}
.box11 ul li:last-child{margin-right: 0px;}
.box11 ul li a{display: block;color: #fff;font-weight: bold;font-size: 20px; text-align: center;line-height: 30px;margin-top: 20px;}
.box11 ul li:hover a{color: #FF7B3D;}
.box11 ul li .img1{margin: 0 auto;display: block;padding-top:20px;}
.box11 ul li span{width: 17px;height: 17px;display: block;position: absolute;}
.box11 ul li .span1{background: url(../images/box11-x3.jpg) no-repeat 0;top:10px;left: 10px;}
.box11 ul li .span2{background: url(../images/box11-x4.jpg) no-repeat 0;bottom:10px;right: 10px;}
.box11 ul li:hover .span1 {background: url(../images/box11-x1.jpg) no-repeat 0;}
.box11 ul li:hover .span2 {background: url(../images/box11-x2.jpg) no-repeat 0;}
.box11 .btn:hover{background: #fff;color: #293259;}

/* box12 */
.box12{background: url(../images/box12-bg.jpg) no-repeat center;height: 514px;}
.box12 .main{width: 920px;margin: 0 auto;overflow: hidden;padding-top: 90px;}
.box12 .main .left{float: left;}
.box12 .main .right{float: right;}
.box12 .main .right p{color: #fff;font-size: 44px;font-weight: bold;padding: 30px 0 20px;}
.box12 .btn{background: #FF7B3D;border-radius: 0;color: #fff;margin:20px 0 ;}
.box12 .btn:hover{background: #7687B9;}








@keyframes clipMe {
	0%, 100% {clip: rect(0px, 581px, 0, 0px);}

	25% {clip: rect(0px, 0, 66px, 0px);}

	50% {clip: rect(66px, 581px, 66px, 0px);}

	75% {clip: rect(0px, 581px,66px, 581px);}
}