/*页面通用*/
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
.clears{overflow: hidden;}
.box_hd{text-align: center;padding: 60px 0 60px;}
.box_hd h2{display: inline-block;position: relative;font-size: 36px;font-weight: bold;padding: 0 70px;}
.box_hd img{position: absolute;top: 14px;}
.box_hd .hd_iocn1{left: 0px;}
.box_hd .hd_iocn2{right:0px;}
.box_hd.white h2,.box_hd.white p{color: #fff;}
.box_hd p{font-size:18px;color: #666;margin-top: 14px;line-height: 29px;}
.a_btn{width: 341px;height: 70px;background:#feba02 url(../images/abtn_img1.jpg) no-repeat  290px center;display: block;margin: 60px auto;line-height: 70px;border-radius: 70px;font-size: 22px;color: #272727;box-sizing: border-box;box-shadow: 0 5px 9px rgba(67,67,167,0.24);text-align: center;}
.a_btn:hover{box-shadow: none;position: relative;top: 4px;}
.kaiban .city_tab{display: none;}
/*换校区地图颜色*/
.school .sch_hd b {
	color: #3074f6 !important;
}
.school .txt_bg {
	width: 100% !important;
	height: 100% !important;
	background: #3074f6 !important;
}
.school .txt_con .pbg {
	width: 100% !important;
	background: #fff !important;
	color: #3d4efe !important;
	height: 34px !important;
	line-height: 34px !important;
	font-size: 20px !important;
	text-align: center !important;
	margin: 18px 0 6px 0 !important;
	border-radius: 5px !important;
}
.school .map {
	width: 865px !important;
	height: 714px !important;
	margin-left: 295px !important;
	background: url("../images/maps.png") !important;
	position: relative !important;
}
.school .map li span{
	background: url("../images/icon.png") !important;
}
.school .map li.cur span {
	background-position: 0 -33px !important;
}
.school .txt_bg {
	opacity: 1 !important;
}

/*ban开始*/
.banner{position: relative;height: 799px;overflow: hidden;}
.banner .con{width: 100%;position: relative;overflow: hidden;}
.banner .con .mask{background: rgba(21,42,131,.75);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner .con img{display: block; margin:0 auto;}
.banner .slideBox{ overflow:hidden; position:relative;height: 799px;}
.banner .slideBox .hd{ height:10px; overflow:hidden; position:absolute; left: 47%; bottom:30px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float: right;  }
.banner .slideBox .hd ul li{float:left;margin: 0 9px;background:#fff; width:38px;height:6px;text-align:center; cursor:pointer;opacity: .5; }
.banner .slideBox .hd ul li.on{opacity: 1; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd{ position:relative; height:100%;z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd .ban1{ background: url(../images/ban_img1.png) no-repeat center;height: 799px; }
.banner .slideBox .bd .ban2{ background: url(../images/ban_img2.png) no-repeat center;height: 799px; }
/*开班开始*/

/*box1开始*/
.box1{overflow: hidden;}
.box1 .jiedu{position: absolute;top: 267px;left: 0;width: 300px;height: 177px;background: #2361e1;border-radius: 10px;padding: 20px;font-size: 16px;color: #fff;line-height: 30px;box-sizing: border-box;display: none;}
.box1 ul{overflow: hidden;height: 510px;}
.box1 ul li{width: 300px;margin: 0 50px;float: left;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s; position: relative;}
.box1 ul li img{display: block;margin: 0 auto 15px;}
.box1 ul li h3{font-size: 24px;color: #333;font-weight: bold;text-align: center;}
.box1 ul li span{width: 48px;height: 3px;background: #4fa1fb;display: block;margin: 16px auto;}
.box1 ul li p{height: 175px;border: 1px dashed #dddddd;width: 100%;border-radius: 10px;font-size: 16px;line-height: 28px;color: #444444;padding:20px;box-sizing: border-box;}
.box1 ul li:hover{margin-top: 10px;}
.box1 ul li:hover .jiedu{display: block}
.box1_hd{background: url(../images/box1_shd.jpg);width: 417px;height: 63px;margin: 0 auto 45px;font-size: 26px;color: #333;font-weight: bold;text-align: center;line-height: 63px;}
.box1 .main{position: relative;}
.box1 ol{width: 1110px;margin: 0 auto;overflow: hidden;}
.box1 ol li{width: 300px;float: left;position: relative;margin: 0 35px;cursor: pointer;}
.box1 ol li p{width: 286px;height: 60px;line-height: 60px;background: #2361e1;font-size: 18px;text-align: center;line-height: 60px;color: #fff;margin-top: 8px;}
.box1 ol li .line{width: 286px;height: 222px;border: 1px solid #36c0fc;margin:8px 0 10px 14px ;}
.box1 ol li .con{position: absolute;top: 0;left: 0;}
.box1 ol li.li_btm{margin-top:283px;}
.box1 .main .con1{position: absolute;background: url(../images/box1_img10.jpg) no-repeat center;width: 747px;height: 190px;top:284px;left: 222px;overflow: hidden;}
.box1 .main .con1 p{font-size: 19px;color: #333;text-align: center;line-height: 30px;font-weight: bold;margin-top: 35px;}
.box1 .main .con1 p.p1{font-size: 45px;color: #0053c3;color: #0053c3;margin-top: 20px;}
.video_mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);display: none;z-index: 999;}
.video_mask .main{width: 1000px;position: relative;top: 48%;left: 50%;margin-top: -280px;  margin-left: -500px;padding: 20px 25px 0 0;height: 560px;}
.video_mask .main img{position: absolute;top: 0px;right: 0px;cursor: pointer;}
.video_mask .main video{margin: 0 auto ;display: block}
/*.box2开始*/
.box2{height: 800px;}
.box2 .box_hd{padding: 30px 0 ;}
.box2 .main{height: 635px;background: url(../images/box2_img1.jpg) no-repeat center;position: relative}
.box2 .main .img2{position: absolute;top: 147px;left: 500px;-webkit-animation: warn 2.5s linear infinite; -moz-animation: warn 2.5s linear infinite; animation: warn 2.5s linear infinite;opacity: 0;}
.box2 .main ul{position: relative;height: 635px;}
.box2 .main ul li{position: absolute;/*background: red;*/width: 340px;overflow: hidden;}
.box2 .main ul li.li1{top:462px;left: 130px;}
.box2 .main ul li.li2{top:180px;left: 30px;}
.box2 .main ul li.li3{top:44px;left: 480px;}
.box2 .main ul li.li4{top:120px;right: 50px;}
.box2 .main ul li.li5{top:420px;right: 80px;}
.box2 .main ul li span{width: 92px;height: 92px;background: #237be1;display: block;float: left;border-radius: 50%;text-align: center;font-size: 24px;color: #fff;box-sizing: border-box;line-height: 92px;}
.box2 .main ul li .con{float: left;margin-right: 15px;width: 207px;}
.box2 .main ul li .con h3{width: 200px;height: 80px;background: #fff url(../images/box2_icon2.jpg) no-repeat center right;border: 1px solid #237be1;box-shadow: 7px 7px 0 #237be1;border-radius: 10px;font-size: 18px;line-height: 28px;color: #0a3260;padding: 12px 10px 0 15px ;box-sizing: border-box;}
.box2 .main ul li .con p{background: #2361e1 url(../images/box2_icon1.jpg) no-repeat top center ;border-radius: 8px;font-size: 16px;line-height: 22px;padding:15px 10px 15px;width: 187px;color: #fff;margin-top: 17px;display: none;}
.box2 .main ul li.li1 span{padding-top: 14px;line-height: 32px;}
.box2 .main ul li.li3 .con,.box2 .main ul li.li4 .con,.box2 .main ul li.li5 .con{margin-right: 0px;margin-left: 15px;}
.box2 .main ul li.li3 h3,.box2 .main ul li.li4 h3,.box2 .main ul li.li5 h3{background: #fff url(../images/box2_icon3.jpg) no-repeat center left;}
.box2 .main ul li .con p.on{display: block}
.box2 .a_btn{margin-top: 0;background-position-x: 270px;}
/*box3开始*/
.box3{background:#237be1 url(../images/box3_bg.jpg) no-repeat top center;padding-bottom: 10px;overflow: hidden;}
.box3 .box_hd{padding-top: 160px;}
.box3 .main{width: 1094px;margin: 0 auto 15px;overflow: hidden;}
.box3 .fl{width: 397px;height: 482px; background: url(../images/box3_img1.jpg) no-repeat center;}
.box3 .fr{width: 421px;height: 482px; background: url(../images/box3_img2.jpg) no-repeat center;}
.box3 .cen{float: left;width: 275px;}
.box3 .cen img{display: block;margin: 120px auto 0;}
.box3 .con{padding-top: 29px;padding-right: 75px;}
.box3 .con p{font-size: 16px;color: #bedcff;text-align: right;margin-bottom: 22px;}
.box3 .main h3{font-size: 18px;color: #aed4ff;font-weight: bold;text-align: center;padding-top: 97px;}
.box3 .fr .con p{text-align: left;color: #0e55a7;}
.box3 .fr .con{padding-right: 0px;padding-left: 26px;}
.box3 .main .fr h3{color: #0e55a7;}
/*box4开始*/
.box4{background: #0824b5;padding-bottom: 10px;overflow: hidden;}
.box4 .box_In{position: relative;}
.box4 .img1{position: absolute;top:0px;right: -360px;}
.box4 .img5{position: absolute;bottom:20px;left: -360px;}
.box4 .youhui{width: 830px;height: 130px;background: #fff;margin:-20px auto 52px;border-radius: 18px;box-sizing: border-box;padding: 25px 40px;overflow: hidden;}
.box4 .youhui .img{float: left;display: block;}
.box4 .youhui p{float: left;width: 350px;font-size: 26px;color: #ff9914;font-weight: bold;margin:7px 20px;}
.box4 .youhui p span{font-weight: normal;color: #5e5e5e;font-size: 18px;}
.box4 .youhui .a_btn{float: left;width: 267px;margin-top:12px;box-shadow: none;border: 1px solid #0364c7;height: 60px;line-height: 60px;background:#fff url(../images/box4_img2.jpg) no-repeat  200px center;padding-right: 20px;}
.box4 .main{width: 1140px;margin: 0 auto;}
.box4 .main ul li{border-radius: 10px;overflow: hidden;margin-bottom: 10px;height: 70px;position: relative;cursor: pointer;}
.box4 .main .top{overflow: hidden;padding-left: 50px ;background: #4f85fb;
background: -moz-linear-gradient(top,  #5398fc 0%, #4a6df9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5398fc), color-stop(100%,#4a6df9));
background: -webkit-linear-gradient(top,  #5398fc 0%,#4a6df9 100%);
background: -o-linear-gradient(top,  #5398fc 0%,#4a6df9 100%);
background: -ms-linear-gradient(top,  #5398fc 0%,#4a6df9 100%);
background: linear-gradient(to bottom,  #5398fc 0%,#4a6df9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5398fc', endColorstr='#4a6df9',GradientType=0 );
}
:root .box4 .main .top{filter:none;}
.box4 .main .top p{font-size: 22px;color: #fff;height: 70px;line-height: 70px;float: left;font-weight: bold;}
.box4 .main .top span{font-size:45px;display: block;float: left;color: #fff;line-height:70px;height: 70px;width:40px;}
.box4 .main .btm{background: #1634d0;overflow: hidden;padding:40px 30px;box-sizing: border-box;}
.box4 .main .btm p{float: left;width: 438px;box-sizing: border-box;padding-left: 50px;font-size: 18px;color: #fff;line-height: 48px;}
.box4 .main .btm p span{float: left;display: block;margin-right:12px ;border-radius: 50%;width: 7px;height: 7px;background: #fff;margin-top: 20px;}
.box4 .main .btm .video_box{float: left;width: 640px;border-radius: 15px;overflow: hidden;}
.box4 ul li .mask{width: 100%;height: 70px;position: absolute;top: 0;left: 0;display: none;z-index: 99;}
.box4 .main .btm .p1{line-height:35px ;}
.box4 .main .btm .p1 span{margin-top: 10px;}
.box4 .main .btm .p_span{overflow: hidden;width: 1000px;margin-left:120px;padding-left: 0;}
.box4 .main .btm .p_span span{border-radius: 10px;width: 320px;background: #fff;margin-top:20px;display: block;height: 50px;line-height: 50px;float: left;margin-right: 122px;}
.box4 .main .btm .p_span span a{color: #0824b4;font-size: 18px;display: block;/*padding-left:30px;*/ text-align: center;}
.box4 .main .btm .p_span span a:hover{color: #ff7108;}
.video_box{position: relative;}
.mask_videos{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.mask_videos img{display: block;margin: 110px auto 0;}
.box4 .main ul li.on{height: 100%;}
.box4 .main ul li.on .mask{display: block}
/*BOX5开始*/
.box5{overflow: hidden;}
.box5 ol{width: 1100px;margin: 0 auto;overflow: hidden;}
.box5 ol li{width: 137px;float: left;margin: 0 10px;}
.box5 ol li p{font-size: 45px;color: #ff6464;text-align: center;margin-bottom: 7px;}
.box5 ol li h2{font-size: 18px;text-align: center;width: 137px; height: 86px;background: url(../images/box5_img2.png) no-repeat
 0;line-height: 86px;color: #333;}
.box5 ol li.on p{color: #1ab1ff;}
.box5 ol li.on h2{background: url(../images/box5_img1.png) no-repeat 0;color: #fff;}
.box5 ol li .li_h2{line-height: 26px;padding-top: 15px;box-sizing: border-box;}
.box5 ul{width: 1124px;padding:75px 30px 57px;box-sizing: border-box;background: #237be1 url(../images/box5_img3.jpg) no-repeat left bottom;border-radius: 10px;margin: -35px auto 0;height: 500px;}
.box5 ul li{overflow: hidden;display: none;}
.box5 ul li .fl{width: 440px;}
.box5 ul li .fr{width: 590px;position: relative;}
.box5 ul li .fr .mask_videos{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.box5 ul li .fl h3{width: 250px;height: 40px;background: #fff;border-radius: 0 40px 40px 0;font-size: 18px;font-weight: bold;color: #010101;line-height: 40px;padding-left: 30px;position: relative;margin-bottom: 32px}
.box5 ul li .fl h3 span{width: 8px;height: 8px;background: #237be1;display: block;position: absolute;top: 16px;left: 10px;}
.box5 .fl .con{overflow: hidden;margin-bottom: 25px;}
.box5 .fl .con h4{width: 106px;float: left;background: url(../images/box5_icon1.jpg) no-repeat center left;font-size: 16px;font-weight: bold;color: #fff;padding-left: 25px;box-sizing: border-box;}
.box5 .fl .con p{width: 334px;float: left;font-size: 16px;line-height: 27px;color: #fff;}
.box5 ul li.show{display: block}
.box5 .a_btn{background-position-x: 270px;}
/*box6开始*/
.box6{overflow: hidden;}
.box6 .main{position: relative;}
.box6 ol {width: 357px;position: absolute;top: 45px;left: 0;}
.box6 ol li{width: 357px;height: 123px;background: url(../images/box6_img2.jpg) no-repeat center;margin-bottom: 6px;padding: 20px;box-sizing: border-box;}
.box6 ol li h3{font-size: 20px;color: #333;font-weight: bold;text-align: center;}
.box6 ol li p{font-size: 15px;color: #333;margin-top: 10px;}
.box6 ol li.on{background-image: url(../images/box6_img1.jpg);}
.box6 ul{width: 945px;height: 607px;margin-left: 256px;background: #2645d8;border-radius: 10px;padding: 52px 70px 50px 166px;box-sizing: border-box;}
.box6 ul li p{font-size: 16px;color: #fff;background: url(../images/box6_icon1.jpg) no-repeat left 5px;padding-left: 25px;margin-bottom: 20px;}
.box6 ul li video{border-radius: 0 20px 0 20px;margin-bottom: 35px;}
.box6 ul li{display: none;}
.box6 ul li.show{display: block}
.box6 ul li .video_box{position: relative;}
/*box7*/
.box7{background: #fff url(../images/box7_bg.jpg) no-repeat center top;overflow: hidden;}
.box7 .main{overflow: hidden;}
.box7 .main .fl{width: 570px;margin:10px 15px;}
.box7 .main .fr{width: 570px;margin:10px  15px;}
.box7 .main .video_box{overflow: hidden;border-radius:20px;box-shadow: 0px 6px 9px rgba(0,20,121,.2);width: 570px;height: 321px;}
.box7 .main .btm{margin-top: 30px;}
.box7 .main .btm h3 span{background: #4762ee;color: #fff;padding: 8px 15px;border-radius: 5px;}
.box7 .main .btm h3{font-size: 20px;color: #354aba;}
.box7 .main .btm p{font-size: 16px;line-height: 22px;color: #797979;margin-top: 20px;width: 550px;}
/*box8开始*/
.box8{overflow: hidden;}
.box8 .box_hd{padding-top: 0;}
.box8{background: url(../images/box8_bg.jpg) no-repeat center bottom;height: 1000px;}
.box8 .top{width: 1150px;margin: 0 auto;}
.box8 .top ul{margin-top: 60px;height: 295px;}
.box8 .top ul .li2{background: #2f45ba;}
.box8 .top ul li{float: left;width: 370px;margin-right: 17px;margin-bottom: 20px;height: 250px;background: #4762ee;border-radius: 20px;box-shadow: 6px 6px 0 #c9cfed;}
.box8 .top ul li img{display: block;margin: -55px auto;}
.box8 .top h3{font-size: 20px;font-weight: bold;color: #fff;padding-top: 67px;text-align: center;}
.box8 .top p{width:318px;height: 37px;background: #6f87ff;font-size: 20px;line-height: 37px;margin:15px auto 20px;color: #fff;text-align: center;}
.box8 .top .jianjie{font-size: 16px;padding-top: 0;line-height: 22px;font-weight: normal;width: 318px;margin: 0 auto;}
.box8 .btm{width: 1100px;margin: 0 auto;}
.box8 .btm ol{overflow: hidden;}
.box8 .btm ol li{float: left;width: 114px;margin: 0 20px;}
.box8 .btm ol li .img_box{background: url(../images/tea_bg1.jpg) no-repeat center;width: 114px;height: 114px;overflow: hidden;}
.box8 .btm ol li img{display: block;margin: 4px auto;border-radius: 50%;}
.box8 .btm ol li .img_box.on{background: url(../images/tea_bg2.jpg) no-repeat center;}
.box8 .btm ol li p{font-size: 20px;text-align: center;margin-top: 8px;}
.box8 .btm ul{width: 787px;height: 145px;background: #fff;border: 1px solid #2f45ba;margin: 35px auto;border-radius: 15px;padding:15px 25px;box-sizing:border-box ;}
.box8 .btm ul li h3{background: url(../images/box8_icon1.jpg) no-repeat left center;height: 40px;line-height: 40px;padding-left: 40px;font-size: 24px;color: #2f45ba;font-weight: bold;}
.box8 .btm ul li p{font-size: 16px;line-height: 22px;margin-top: 2px;}
.box8 .btm ul li{display: none;}
.box8 .btm ul li.show{display: block}
/*box9开始*/
.box9{background: url(../images/box9_bg.jpg) no-repeat center;height: 1143px;overflow: hidden;}
.box9 .main{width: 1086px;margin: 0 auto;position: relative;}
.box9 .main ul{position: absolute;top: 0;left: 0;width: 1086px;height:785px;}
.box9 .main ul li{width: 133px;height: 133px;position: absolute;border-radius: 50%;font-size: 20px;color: #fff;box-sizing: border-box;padding-top: 40px;text-align: center;border: 3px solid rgba(0,0,0,0);}
.box9 .main ul .li1{top:49px;left: 465px;}
.box9 .main ul .li2{top: 109px;left: 637px;}
.box9 .main ul .li3{top: 262px;left: 715px;}
.box9 .main ul .li4{top: 435px;left: 694px;}
.box9 .main ul .li5{top: 541px;left: 556px;}
.box9 .main ul .li6{top: 538px;left: 368px;}
.box9 .main ul .li7{top: 434px;left: 224px;padding-top: 54px;}
.box9 .main ul .li8{top: 259px;left: 205px;}
.box9 .main ul .li9{top: 103px;left: 292px;}
.box9 .main ul li:hover{border: 3px solid #fff;}
.box9 .a_btn{background-position-x: 270px;}
/*box10开始*/
.box10{overflow: hidden;}
.box10 ul{width: 1051px;margin: 0 auto;overflow: hidden;}
.box10 ul li{width: 350px;float: left;margin-bottom: 37px;}
.box10 ul li img{display: block;margin: 0 auto;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s; -o-transition: all .6s;}
.box10 ul li h3{font-size: 22px;font-weight: bold;text-align: center;margin: 20px 0 10px;}
.box10 ul li p{font-size: 16px;line-height: 29px;width: 275px;margin: 0 auto;height: 85px;}
.box10 ul .li_left{margin-left: 171px;}
.box10 .a_btn{margin-top: 0;background-position-x: 240px;}
.box10 ul li:hover img{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
/*box11开始*/
.box11{height: 900px;overflow: hidden;}
.box11 .main{background: url(../images/box11_bg.jpg) no-repeat center;height: 550px;width: 1200px;position: relative;}
.box11 .main .con{overflow: hidden;position: absolute;background: #3665dc;border-radius: 20px;padding: 20px;}
.box11 .main .con h3{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 6px;}
.box11 .main .con p{font-size: 14px;color: #fff;line-height: 22px;}
.box11 .main .con p span{display: block;cursor: pointer;font-size: 16px;font-weight: bold;text-align: right;width: 80px;float: right;}
.box11 .main .con1{top: 20px;left:50px;}
.box11 .main .con2{top: 11px;right: 43px;}
.box11 .main .con3{top: 225px;left: 0px;}
.box11 .main .con4{top: 230px;right: 0px;}
.box11 .main .con5{top: 440px;left: 70px;}
.box11 .main .con6{top: 440px;right: 100px;}
.box11 .a_btn{background-position-x: 275px;margin-top: 80px;}
/*box12开始*/
.box12{overflow: hidden;}
.box12 .box_hd{padding-bottom: 10px;}
.box12 .box_In{position: relative;}
.box12 img{display: block;margin: 0 auto;}
.box12  h3{width: 500px;margin-left: -250px;position: absolute;top: -35px;left: 50%;}
.box12 ul {width: 1146px;margin: 0 auto;overflow: hidden;padding: 55px 0 5px;}
.box12 ul li{float: left;}
.box12 ul li h4{font-size: 20px;font-weight: bold;color: #444;padding-bottom: 6px;}
.box12 ul li p{font-size: 16px;color: #444;line-height: 26px;}
.box12 ul li.li1{width: 330px;margin-left: 30px;}
.box12 ul li.li2{width: 265px;}
.box12 ul li.li3{width: 265px;}
.box12 ul li.li4{width: 296px;}
.box12 ul li.li5{width: 242px;}
.box12 ul li.li6{width: 230px;}
.box12 .ul2{padding: 9px 0 5px;margin-left: 235px;}
.baoxian{background: url(../images/baoxian.jpg) no-repeat center;height: 300px;margin-top: 70px;}



@keyframes warn {0% {opacity: 0; }50% {opacity: 1; }100% {opacity: 0; } }


































