body{background:#060C22 !important; }
/*页面通用部分*/
.box_In{width: 1200px;margin: 0 auto;}
.box_hd{padding-top:60px;margin-bottom: 60px;}
.box_hd h2{font-size: 30px;color: #fff;text-align: center;}
.box_hd h2 b{color: #00FCFF;}
.box_hd p{font-size: 14px;color: #fff;opacity: .5;text-align: center;margin-top: 10px;}
.clear{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
/*按钮*/
.a_btn{width: 205px;height: 45px;text-align: center;line-height: 45px;background:#F11A4E url(../images/btn_icon.png) no-repeat 170px 18px;color: #fff;margin:50px auto;display: block;font-size: 18px;border-radius: 50px;position: relative;}
.a_btn p{position: absolute;left: 0;width: 100%;text-align: center;top: 10px;}
.a_btn:hover{background:#C31743 url(../images/btn_icon.png) no-repeat 170px 18px;}
/*ban开始*/
.ban .li1{background: url(../images/ban_bg2.jpg) no-repeat center;height: 800px;}
.ban .li2{background: url(../images/ban_bg1.jpg) no-repeat center;height: 800px;}
.ban .li3{background: url(../images/ban_bg3.jpg) no-repeat center;height: 800px;}
.ban .box_In{overflow: hidden;}
.ban .li2 img{display: block;margin: 0 auto;padding-top: 84px;} 
.ban1_btn{width: 465px;margin: 680px auto 0;overflow: hidden;}
.ban1_btn a{width: 205px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #fff;display: block;border-radius:50px ;box-shadow: 0 6px 10px #FF454A;margin-bottom: 15px;
background: -webkit-linear-gradient(left, #FF693F, #FF693F, #FF2551, #FF2551);
background: -o-linear-gradient(left,#FF693F, #FF693F, #FF2551, #FF2551);
background: -moz-linear-gradient(left,#FF693F, #FF693F, #FF2551, #FF2551);
background: -ms-linear-gradient(left,#FF693F, #FF693F, #FF2551, #FF2551);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FF693F,endColorStr=#FF2551);
background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#FF693F), to(#FF2551));
}
.ban1_btn .ban1_left{float: left;margin-left: 10px;}
.ban1_btn .ban1_right{float: right;margin-right: 10px;}
.ban1_btn a:hover{box-shadow: none;position: relative;top: 2px;}
.ban .slideBox{width:100%; height:800px; overflow:hidden; position:relative;}
.ban .slideBox .hd{width: 51px; height:15px; overflow:hidden; position:absolute;left:50%;margin-left: -25.5px; bottom:30px; z-index:1; }
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ban .slideBox .hd ul li{float:left; margin-right:5px;width:12px; height:12px;background:#f00;opacity: .6;border-radius: 50%;}
.ban .slideBox .hd ul li.on{opacity: 1;}
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.ban .slideBox .bd li{ zoom:1; vertical-align:middle; }
/*开班样式*/	
.kb_box1{background: url(../images/box_bg.jpg) repeat-y center;padding-top: 20px;}
.kb_box1 .kb_subject{background: url(../images/box_bg.jpg) repeat-y center;color: #fff;}
/*box1开始*/
.box1{background: url(../images/box_bg.jpg) repeat-y center;height: 620px;}
.box1 ul li{width: 170px;margin: 0 64px;float: left;}
.box1 .top{position: relative;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
.box1 .top span{width: 100%;display: block;color: #fff;font-size: 14px;text-align: center;position: absolute;top: 106px;left: 0;}
.box1 ul li p{font-size: 13px;color: #999;text-align: center;line-height: 25px;}
.box1 ul li:hover .top{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);
-o-transform:rotateY(360deg);}

/* boxvideo */
.boxvideo{width: 100%;}
.boxvideo .boxvideo_con .boxvideo_left{width: 663px;height: 380px;float: left;background: url("../images/boxvideopic1.jpg") no-repeat center top;}
.boxvideo .boxvideo_con .boxvideo_left video{width: 661px;margin: 1px;}
.boxvideo .boxvideo_con .boxvideo_right{width: 514px;height: 380px;float: right;background: url("../images/boxvideopic2.jpg") no-repeat right top;}
.boxvideo .boxvideo_con .boxvideo_right h2{margin-top: 48px;}
.boxvideo .boxvideo_con .boxvideo_right h2 span{float: left;border: 3px rgba(255,255,255,.5) solid;font-size: 20px;color: #fff;padding: 9px 20px 10px;}
.boxvideo .boxvideo_con .boxvideo_right h2 b{float: left;width: 30px;height: 2px;background: rgba(255,255,255,.3);margin: 24px 10px; 0}
.boxvideo .boxvideo_con .boxvideo_right h2 i{font-style: inherit;font-size: 20px;color: rgba(255,255,255,.2);line-height: 51px;}
.boxvideo .boxvideo_con .boxvideo_right p{font-size: 14px;color: #ccc;line-height: 26px;margin-top: 12px;width: 490px;}

/*box2开始*/
.box2{background: url(../images/box_bg.jpg) repeat-y center;height: 520px;}
.box2 ul{overflow: hidden;}
.box2 ul li{width: 400px;float: left;overflow: hidden;}
.box2 ul li .fl{width: 165px;float: left;}
.box2 ul li .fr{width: 220px;float: right;}
.box2 .fr span{font-size: 18px;color: #fff;opacity: .3;margin:10px 0 5px;display: block;}
.box2 .fr .p1{font-size: 30px;font-weight: bold;color: #fff;}
.box2 .fr .p2{border-top: 2px solid #F11A4E;width: 38px;margin: 20px 0;transition: all .6s ease;-moz-transition: all .6s ease;-webkit-transition: all .6s ease;
-o-transition: all 1s ease;}
.box2 .fr .p3{font-size: 16px;color: #fff;}
.box2 ul li:hover .p2{width: 80%;}
/*box3开始*/
.box3{background: url(../images/box_bg.jpg) repeat-y center;height: 780px;}
.box3 .main{position: relative;}
.box3 .main .fl{width: 480px;}
.box3 .main .fr{width: 480px;}
.box3 .con {overflow: hidden; text-align:center;}
.box3 .con span {float: left;line-height:2em;color: #F11A4C;font-size: 20px;}
.box3 .con span.bold {font-weight:bold;}
.box3 .con span:nth-child(1) {width: 50%;text-align: center;}
.box3 .con span:nth-child(2) {width: 30%;text-align: left;}
.box3 .con span:nth-child(3) {width: 50%;text-align: left;}
.box3 .con span:nth-child(4) {width: 60%;text-align: right;}
.box3 .con span:nth-child(5) {width: 25%;text-align: right;}
.box3 .con span:nth-child(6) {width: 25%;text-align: right;}
.box3 .con span:nth-child(7) {width: 60%;text-align: center;}
.box3 .con span:nth-child(8) {width: 30%;text-align: center;}
.box3 .con span:nth-child(9) {width: 50%;text-align: right;}
.box3 .con span:nth-child(10) {width: 40%;text-align: right;}
.box3 .main .img1{position: absolute;left:462px;top: 10px;}
.box3 .main h3{font-size: 20px;color: #00FCFF;text-align: center;font-weight: bold;margin-top: 60px;}
.box3 .main span{width: 40px;margin: 20px auto;border-top: 2px solid #F11A4E;display: block;}
.box3 .main p{color: #999;font-size: 14px;text-align: center;line-height: 26px;}
.box3 .box_In{position: relative;}
.box3 .box_In .btm{position: absolute;width: 205px;height: 240px; top: 480px;left: 50%;margin-left: -102.5px;}
.box3 .box_In .btm b{width: 1px;  border-left: 1px dashed #363849;height: 173px;display: block;margin: 0 auto;}
.box3 .box_In .btm .a_btn{margin: 0 auto;}
/*box4开始*/
.box4{background: url(../images/box_bg.jpg) repeat-y center;height: 720px;}
.box4 ul{height: 372px;}
.box4 ul li{width: 180px;height: 372px;float: left;margin-right:24px ;background: #1B2558;border-radius: 25px 0 25px 0;overflow: hidden;}
.box4 ul h3{font-size: 18px;text-align: center;font-weight:bold;color: #00FCFF;padding-top: 27px;margin-bottom: 3px;}
.box4 ul span{font-size: 14px;color: #fff;display: block;opacity: .3;text-align: center;}
.box4 ul img{margin:16px auto 24px;display: block;}
.box4 ul i{width: 35px;border-top: 2px solid #F11A4E;display: block;margin: 0 auto;}
.box4 ul h4{font-size: 16px;text-align: center;font-weight:bold;color: #fff;margin-top: 34px;}
.box4 ul p{font-size: 14px;text-align: center;color: #fff;line-height: 25px;margin-top: 16px;opacity: .6;}
.box4 ul li:hover{background: #F11A4E;}
.box4 ul li:hover h3{color: #fff;}
.box4 ul li:hover i{border-color:#00FCFF;}
/*box5开始*/
.box5{background: #0a0c21 url(../images/box5_bg.jpg) no-repeat top center;padding-bottom: 70px;}
.box5 .main{background: url(../images/box5_bg1.png) no-repeat center;height: 871px;position: relative;}
/* 本例子css */
.box5 .slideBox .bd{position:relative; height:100%; z-index:0;   }
.box5 .slideBox .bd li{zoom:1; vertical-align:middle;width: 100%; }
.box5 .slideBox .bd img{display:block;  }
.box5 .slideBox .prev,
.box5 .slideBox .next{ position:absolute; right:2px; top:108px;display:block; width:78px; height:140px; }
.box5 .slideBox .next{left:auto;background:#15193e;top: 248px;}
.box5 .slideBox .prev{background:#15193e ;}
.box5 .top span{display: block;float: left;color: #fff;height: 60px;line-height: 60px;margin-top:26px ;}
.box5 .top .span1{width: 134px;font-size:16px;margin-left: 48px;}
.box5 .top .span2{width:700px;font-size: 40px;}
.box5 .top .span3{width:275px;font-size: 20px;}
.box5 .top .span3 b{font-weight: 400;font-size: 16px;opacity: .5;}
.box5 .btm{width: 1050px;margin-left:33px;}
.box5 .btm .fl{width: 553px;}
.box5 .btm .fr{width: 458px;margin-top:60px;}
.box5 .btm .img2{margin-bottom: 30px;}
.box5 .btm .li_top{height: 255px;margin-top: 60px;}
.box5 .btm .li_btm{border-top:1px solid #474965;padding-top:20px;}
.box5 .btm .li_btm p{font-size: 14px;color: #fff;opacity: .6;line-height: 26px;margin-right: 50px;}
.box5 .btm h3{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 8px;}
.box5 .slideBox .prev img,.box5 .slideBox .next img{display: block;margin: 38px auto 0;opacity: .6;}
.box5 .slideBox .prev:hover{background:#F11A4E ;}
.box5 .slideBox .next:hover{background: #F11A4E;}
.box5 .slideBox .prev:hover img{opacity: 1;}
.box5 .slideBox .next:hover img{opacity: 1;}
.box5 .a_btn{background-position: 180px 18px;}
.box5 .li8 .btm .fr img{border: 6px solid #1F2760;width:96%;display: block;}
/*box6开始*/
.box6 {background: #0a0c21;padding-bottom: 10px;}
.box6 .box_hd p{letter-spacing: 4px;}
/*box7开始*/
.box7{background: #0a0c21;padding-bottom: 10px;}
.box7  .main{position: relative;overflow: hidden;}
.box7 li{position: relative;}
.box7 .main ul{width: 1200px;height: 512px;overflow: hidden;position: relative;}
.box7 .main ul li{width: 1200px;height: 512px;position: relative;float: left;}
.box7 li .btm{position: absolute;top: 40px;right: 0;background: url(../images/box7_img.png) no-repeat center;width: 308px;height: 428px;}
.box7 .btn_left, .box7 .btn_right{width: 30px;height: 26px;top:75%;position: absolute;cursor: pointer;}
.box7 .btn_left{background: url(../images/box7_left.png) no-repeat center;right: 235px;} 
.box7 .btn_right{background: url(../images/box7_right.png) no-repeat center;right:140px;}
.box7 .num{width: 50px;left: 969px;bottom:103px;color: #fff;position:absolute;font-size:20px ;}
.box7 .btm .con{margin-top: 50px;margin-left:40px;color: #fff;font-weight: 400;}
.box7 .btm .con .time1{font-size: 30px;margin-bottom: 4px;}
.box7 .btm .con .time2{font-size: 16px;opacity: .7;margin-left:0px;margin-top: -4px;}
.box7 .btm .con .icon{margin: 15px 0 25px;display: block;}
.box7 .btm .con  h3{font-size: 30px;}
.box7 .btm .con p{font-size: 16px;opacity: .9;}
.box7 .btm .con h2{font-size: 22px;font-weight: bold;margin-top: 3px;}
.box7 .a_btn,.box11 .a_btn{background-position:185px 18px;}
/*box8开始*/
.box8{background: #0a0c21;padding-bottom: 10px;}
.box8 .main{height: 600px;position: relative;}
.box8 .main .tops{width: 860px;margin: 0 auto;overflow: hidden;}
.box8 .main .tops .top{width: 140px;height: 40px;line-height: 40px;text-align: center;margin: 0 15px;border: 1px solid #555664;float: left;border-radius: 50px;color: #fff;font-size: 16px;}
.box8 .main .tops .top.ol_on{background: #F11A4E;border-color:#F11A4E ;}
.box8 .main .cons{margin-top: 30px;overflow: hidden;}
.box8 .main .cons .con{display: none;}
.box8 .main .cons .con.ul_on{display: block;}
.box8 .main .cons .con img{float: left;}
.box8 .a_btn{margin-top: 15px;background-position: 180px 18px;}
.box8 .slideBox{width:1200px; height:510px; overflow:hidden; position:relative;}
.box8 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:46%; bottom:10px; z-index:1; }
.box8 .slideBox .hd ul{ overflow:hidden; zoom:1;float:left;}
.box8 .slideBox .hd ul li{ float:left; margin:3px;width:10px;height:10px;background:#fff; cursor:pointer;border-radius: 50%; }
.box8 .slideBox .hd ul li.on{ background:#f00;}
.box8 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.box8 .slideBox .bd li{ zoom:1; vertical-align:middle;width: 1200px; }
.box8 .slideBox .bd img{ display:block;width: 100%;}
.box8 .slideBox .prev,.box8 .slideBox .next{width: 24px;height: 24px;cursor: pointer;position:absolute;bottom: 5px;}
.box8 .slideBox .prev{background: url(../images/box8_left.jpg) no-repeat center;left:43%;}
.box8 .slideBox .next{background: url(../images/box8_right.jpg) no-repeat center;right:43%;}
/*box9开始*/
.box9{background: #0a0c21;padding-bottom:5px;}
.box9  .main{width:1060px; margin: 20px auto 0;overflow: hidden;}
.box9  .main ul{width:100%;height: 50px;line-height: 50px;overflow: hidden;background: #172963;}
.box9  .main ul li{font-size:18px;float: left; color: #00FCFF;text-align: center;font-weight: bold;}
.box9  .scrollDiv {width: 100%; float:left;height:430px;}
.box9  .scrollDiv ol{width: 100%;}
.box9  .scrollDiv ol li{overflow: hidden;height: 50px;line-height:50px;border-bottom: 1px solid #3F404A;}
.box9  .scrollDiv  p{font-size:14px;color: #fff;float: left;text-align: center;}
.box9  .scr1{width:85px;} 
.box9  .scr2{width:160px;}
.box9  .scr3{width: 200px;text-align: left!important;padding-left:35px;}
.box9  .scrollDiv ol li:hover{background: #F11A4E;}
/*box10开始*/
.box10{background: #0a0c21;padding-bottom:50px;}
.box10 .main{position: relative;}
.box10 .line{position: absolute;border-top: 1px solid #00FCFF;width: 100%;top: 20px;}
.box10 .top{overflow: hidden;width: 1150px;margin: 0 auto;position: relative;z-index: 10;}
.box10 .top_con{width: 149px;margin: 0 6.5px;height:36px;line-height:36px;float: left;font-size: 16px;color: #fff;border: 1px solid #00FCFF;border-radius: 50px;background: #0a0c21;text-align: center;}
.box10 .btm{height: 500px;margin-top:40px;padding: 0 20px;}
.box10 .btm_con{display: none;color: #fff;overflow: hidden;}
.box10 .btm_con.show{display: block;}
.box10 .top_con.cur{background: #F11A4E;border-color: #F11A4E;}
.box10 .btm_con .fl{width: 280px;margin-top:50px}
.box10 .btm_con .fr{width: 880px;background: url(../images/box10_bg.jpg) no-repeat 0 80px;height: 500px;}
.box10 .fl h3{font-size: 20px;font-weight: bold;margin: 18px 0 40px;}
.box10 .fl p{font-size: 14px;line-height:24px;opacity: .7;}
.box10 .box10_btn{width:180px;height: 36px;border: 1px solid #00FCFF;color: #00FCFF;text-align: center;line-height: 36px;display: block;font-size: 16px;margin-top: 45px;transition: all .6s ease;-moz-transition: all .6s ease;-webkit-transition: all .6s ease;-o-transition: all .6s ease;}
.box10 .box10_btn:hover{margin-top: 35px;}
.box10 .slideBox{width:100%; height:500px; overflow:hidden; position:relative;}
.box10 .slideBox .hd{height:385px;width: 385px; overflow:hidden; position:absolute; right:5px; top:60px; z-index:1; }
.box10 .slideBox .hd ul{overflow:hidden; zoom:1; float:left;  }
.box10 .slideBox .hd ul li{float:left; margin-right:10px;margin-bottom: 10px;width:104px; height:104px;cursor:pointer;border-radius: 50%; border: 4px solid #090B21;}
.box10 .slideBox .hd ul li.on{border: 4px solid #F11A4E;}
.box10 .slideBox .hd ul li img{display: block;border-radius: 50%;width: 104px;height: 104px;}
.box10 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.box10 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.box10 .slideBox .bd img{display:block;  }
.box10 .btn_img{position: absolute;top: 390px;right: 51px;display: block;width: 104px;height: 104px;z-index: 99;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.box10 .btn_img:hover{top: 396px;}
/*box11开始*/
.box11{background: #0a0c21;padding-bottom:5px;}
.box11 .main{position: relative;overflow: hidden;}
.box11 .main .line{border-top: 3px solid #00A2FF;position: absolute;top: 40px;left: 0;width: 100%;}
.box11 ol{}
.box11 ol li{width: 200px;height: 80px;border-radius: 50%;float: left;position: relative;z-index: 99;}
.box11 ol li p{width: 40px;height: 40px;border-radius: 50%;background: #00A2FF;font-size:16px;color: #fff;line-height: 40px;margin:20px auto;text-align: center;}
.box11 ol li p.red{width: 80px;height: 80px;line-height: 80px;background: #F11A4E;font-size: 38px;margin: 0 auto;}
.box11 ol li p span{opacity: 0;display: block;float: right;font-size:0;margin-right:10px;margin-left: -14px;margin-top:9px;}
.box11 ol li p span.on2{opacity: 1;font-size: 12px;}
.box11 ul {overflow: hidden;}
.box11 ul li{width: 200px;position: relative;height: 320px;float: left;}
.box11 ul .img{margin: 60px auto 0;display: block;}
.box11 ul .btm{position: absolute;top:30px;left: 0; width: 200px;height: 305px;background: url(../images/box11_bgimg.jpg) no-repeat center;color: #fff;text-align: center;display: none;cursor: pointer;}
.box11 .btm h3{font-size:26px;font-weight: bold;margin-top:45px;}
.box11 .btm p{font-size:34px;margin-top:30px;}
.box11 .btm p span{font-size: 12px;opacity: .6;}
.box11 .btm img{margin-top: 30px;}
.box11 .btm b{width: 120px;height: 40px;line-height: 40px;background: #fff;display: block;border-radius: 10px;display: block;margin: 20px auto 0;color: #E71C49;text-align: center;font-size: 16px;font-weight: 400;cursor: pointer;}
.box11 ul .btm.show{display: block;}
.box11 .box11_btn{position: absolute;width: 1200px;height: 53px;top: 17px;left: 0;}
.box11 .box11_btn div{width: 53px;height: 53px;background: #0A0C21;z-index: 999;position: relative;cursor: pointer;}
.box11 .main .con{width: 1920px;margin-left:0px;}
.mark{width: 100%;height: 100%;background: rgba(3,3,7,.75);position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
.mark .mark_con{width: 770px;height: 560px;position: relative;top:50%;margin-top:-280px; left: 50%;margin-left: -335px;}
.mark .mark_main{width: 700px;margin: 10px auto 0;height: 550px;background: #fff;border-radius: 20px;overflow: hidden;}
.mark .mark_main .mark_top{width: 536px;height: 194px;background: url(../images/mark_bg.jpg) no-repeat top left;margin: 25px auto 15px;}
.mark .mark_main .fl{width: 148px;margin-left: 20px;padding-top: 30px;}
.mark .mark_main .fl img{width: 100%;}
.mark .mark_main .fr{width:300px;margin-right:50px;padding-top: 50px;position: relative;}
.mark .mark_main .fr .p1{color: #fff;font-size: 25px;font-weight: bold;}
.mark .mark_main .fr .p3{color: #fff;font-size: 16px;margin-top: 10px;}
.mark .mark_main .fr .p2{color: #fff;font-size:38px;position: absolute;top:46px;right:0px ;}
.mark .mark_main .fr .p2 span{font-size:14px;opacity: .6;}
.mark .mark_btm{width: 636px;margin: 0 auto;font-size: 14px;color: #6A6A6A;line-height: 24px;height: 285px;overflow-y: auto;}
.mark .mark_btm p{text-indent: 2em;}
.mark .mark_close{position: absolute;top: -18px;right: 5px;cursor: pointer;}
/*box12开始*/
.box12{background: #0a0c21;padding-bottom:60px;}
.box12 ul{overflow: hidden;}
.box12 ul li{width: 195px;float: left;margin: 0 21px;}
.box12 ul li img{margin: 10px auto 0;display: block;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.box12 ul li p{font-size: 26px;font-weight: bold;text-align: center;margin-top: 30px;}
.box12 ul li .p1{margin-top:6px;font-size: 16px;color: #fff;}
.box12 ul li:hover img{margin-top: 2px;}
.box13{background: url(../images/box13_img.jpg) no-repeat center ;height: 347px;overflow: hidden;}
.box13 a{width: 411px;height: 60px;display: block;margin: 245px auto 0;}

@keyframes myscale
{0%{transform: scale(1);}  50% {transform: scale(.96);} 100% {transform: scale(1);}}
@-moz-keyframes myscale
{0%{transform: scale(1);}  50% {transform: scale(.96);} 100% {transform: scale(1);}}
@-webkit-keyframes myscale
{0%{transform: scale(1);}  50% {transform: scale(.96);} 100% {transform: scale(1);}}
@-o-keyframes myscale
{0%{transform: scale(1);}  50% {transform: scale(.96);} 100% {transform: scale(1);}}