.box_In,.inner{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.wrap{width: 100%;overflow: hidden;}
.wrap img{display: block;}

.box_hd h2{
	font-size: 34px;
	color: #3c3c3c;
	text-align: center;
	font-weight: bold;
}
.box_hd p{
	font-size: 16px;
	color: #888888;
	text-align: center;
	padding-top: 10px;
}

.fl{float: left;}
.fr{float: right;}

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


.ban .ban1{height: 340px;position: relative;}
.ban .ban2{height: 340px;position: relative;}
.ban .ban3{height: 340px;position: relative;}
.ban .ban4{height: 340px;position: relative;}
.ban .bd{height: 680px;overflow: hidden;}
.ban .bd img{position: absolute;left: 50%;top: 0;margin-left: -960px;}
.ban .slideBox{position: relative;}
.ban .slideBox .hd {
	width: 1200px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 145px;
	z-index: 1;
	text-align: center;
}
.ban .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	display: inline-block;
}
.ban .slideBox .hd ul li {
	float: left;
	margin: 0 3px;
	width: 15px;
	height: 15px;
	line-height: 10px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	opacity: .3;
	border-radius: 50%;
}
.ban .slideBox .hd ul li.on{
	color: #fff;
	opacity: .7;
}
.box1{background: #f9faff;padding-bottom: 57px;}
.box1 .box1_top{margin: -79px auto 0;border-radius: 10px;box-shadow: 0 2px 51px rgba(35,67,99,.04);background: #fff;padding-top: 30px;box-sizing: border-box;width: 1158px;position: relative;z-index: 2;height: 170px;}
.box1 .box1_top p{font-size: 14px;line-height: 34px;color: #4f4d4d;width: 1080px;margin:0 auto;}
.box1 .box1_top p b{color: #328ddd;}
.box1 .box1_top p a{color: #d50202;}
.box1 .box1_top p a:hover{color: #f53443;}
.box2add .box1_top{margin-bottom: 50px;margin-top: -30px;width: 100%;height: 285px;}
.box2add .box1_top ul li{
	float: left;
	width: 299px;
	height: 230px;
	border-right: 1px #e6ecfa solid;
	margin-top: 46px;
}
.box2add .box1_top ul li:last-child{border: none;}
.box2add .box1_top ul li .box1top1{
	font-size: 20px;
	color: #3c3c3c;
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	
}
.box2add .box1_top ul li span{
	font-size: 35px;display: block;text-align: center;color: #d50202;font-style: italic;
}
.box2add .box1_top ul li .box1top3{font-size: 13px;color: #969696;line-height: 20px;text-align: center;width: 235px;margin: 5px auto 0;}
.box2add .box1_top ul li .box1top2{
	font-size: 15px;
	color: #383838;
	text-align: center;
	line-height: 24px;
	margin-top: 10px;
}
.box2add .box1_bot{
	margin-top: 13px;
	cursor: pointer;
}


.box2{padding: 55px 0 0;}
.box2 .box2_top{margin-top: 40px;}
.box2 .box2_top ul{width: 1210px;}
.box2 .box2_top ul li{
	float: left;
	width: 230px;
	height: 254px;
	background: #f9fbff;
	border: 1px #e6f0ff solid;
	border-radius: 8px;
	margin-right: 10px;
}
.box2 .box2_top ul li img{
	display: block;
	margin: 38px auto;
}
.box2 .box2_top ul li .box2top1{
	font-size: 20px;
	color: #1f62db;
	font-weight: bold;
	text-align: center;
}
.box2 .box2_top ul li .box2top2{
	font-size: 16px;
	color: #5a5a5a;
	line-height: 24px;
	padding: 16px 18px 0;
}
.box2 .box2_bot h3{
	font-size: 30px;
	color: #3c3c3c;
	width: 340px;
	text-align: center;
	margin: 66px auto 26px;
	position: relative;
}
.box2 .box2_bot h3 img{position: absolute;top: 18px;}
.box2 .box2_bot h3 img.box2pic6{left: 0;}
.box2 .box2_bot h3 img.box2pic7{right: 0;}
.box2 .box2_bot ol{
	height: 67px;
	border-bottom: 2px #d7d7d7 solid;
	padding-left: 76px;
}
.box2 .box2_bot ol li{
	float: left;
	width: 248px;
	height: 33px;
	padding: 12px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: -moz-linear-gradient(to bottom , #015eea, #00c0fa);
	background: linear-gradient(to bottom, #015eea,#00c0fa);
	text-align: center;
	margin: 10px 20px 0 0;
	cursor: pointer;
}
.box2 .box2_bot ol li.cur{padding: 17px 0;margin-top: 0;}
.box2 .box2_bot ol li.web_icon{
	background: -moz-linear-gradient(to bottom , #209cff, #5fd8e6);
	background: linear-gradient(to bottom, #209cff,#5fd8e6);
}
.box2 .box2_bot ol li.cloud_icon{
	background: -moz-linear-gradient(to bottom , #2172a0, #22c7cb);
	background: linear-gradient(to bottom, #2172a0,#22c7cb);
}
.box2 .box2_bot ol li.python_icon{
	background: -moz-linear-gradient(to bottom , #764ea9, #677de7);
	background: linear-gradient(to bottom, #764ea9,#677de7 );
}
.box2 .box2_bot ol li img{float: left;width: 30px;margin-right: 6px;}
.box2 .box2_bot ol li p{
	display: inline-block;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
}
.box2 .box2_bot ol li.java_icon p{line-height: 40px;}
.box2 .box2_bot ul li{display: none;}
.box2 .box2_bot ul li.cur{display: block;}
.box2 .box2hd{margin: 40px 0;}
.box2 .box2hd span{
	float: left;
	font-size: 22px;
	color: #454545;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin-right: 28px;
}
.box2 .box2hd span img{
	float: left;
	margin: 5px 4px 0 5px;
}
.box2 .box2hd a{
	float: left;
	height: 27px;
	padding: 0 22px;
	border: 1px #bfbfbf solid;
	border-radius: 10px;
	font-size: 16px;
	color: #454545;
	line-height: 27px;
	margin-right: 12px;
}
.box2 .box2hd a:hover{background: #eaf5fe;border-color: #eaf5fe;}
.box2 .box2_con{
	width: 100%;
	height: 550px;
	position: relative;
}
.box2 .box2_con .box2con_list{display: none;}
.box2 .box2_con .box2con_list.cur{display: block;}
.box2 .box2_con .box2con_left{
	width: 50%;
	height: 100%;
	position: absolute;
	right: 50%;
	top: 0;
	background: #4285ec;
}
.box2 .box2_con .box2con_left .main{
	float: right;
	width: 600px;
	position: relative;
}
.box2 .box2_con .box2con_left .main .box2vs{
	position: absolute;
	right: -32px;
	top: 109px;
	z-index: 5;
}

.box2 .box2_con .box2con_right{
	width: 50%;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 25px;
	background: #d0e3ff;
}
.box2 .box2_con .box2con_right .main{
	width: 600px;
}

.box2 .box2_con .main .main_top{
	position: relative;
	margin-top: 55px;
	width: 380px;
}
.box2 .box2_con .main .main_top .conleftp1{
	width: 267px;
	height: 138px;
	background: #2a6acb;
	border-radius: 10px;
	padding: 20px 85px 0 28px;
	font-size: 18px;
	color: #fff;
	text-align: right;
	line-height: 30px;
	box-shadow: 0 7px 16px rgba(82,126,251,.15);
}
.box2 .box2_con .main .main_top .conleftp1 em{display: inline-block;width: 76px;}
.box2 .box2_con .main .main_top .conleftp2{
	width: 186px;
	height: 186px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(255,255,255,.15);
	position: absolute;
	left: 336px;
	top: -15px;
	font-size: 24px;
	color: #5380d8;
	text-align: center;
	font-weight: bold;
}
.box2 .box2_con .main .main_top .conleftp2 b{font-size: 50px;display: block;padding: 44px 0 0;}
.box2 .box2_con .main .main_top .conleftp2 b em{font-size: 36px;font-style: inherit;}
.box2 .box2_con .main .main_top .conleftp2 span{
	width: 136px;
	height: 46px;
	background: #2a5298;
	font-size: 26px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 16px 0 0 26px;
	border-radius: 10px;
	line-height: 46px;
}
.box2 .box2_con .box2con_right .main .main_top{
	margin: 80px 0 0 220px;
}
.box2 .box2_con .box2con_right .main .main_top .conleftp1{
	background: #fff;
	color: #1e3c72;
	text-align: left;
	padding: 20px 28px 0 85px;
}
.box2 .box2_con .box2con_right .main .main_top .conleftp2{
	background: #5380d8;
	color: #fff;
	left: -142px;
	box-shadow: 0 0 0 10px rgba(255,255,255,.5);
}
.box2 .box2_con .main .main_bot{padding: 49px 0 0 102px;}
.box2 .box2_con .box2con_right .main .main_bot{padding-top: 56px;}
.box2 .box2_con .main .main_bot .conleftp1{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 22px;
}
.box2 .box2_con .box2con_right .main .main_bot .conleftp1{color: #313131;}
.box2 .box2_con .main .main_bot .conleftp2{
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	width: 400px;
}
.box2 .box2_con .box2con_list:last-child .main .main_bot .conleftp2{line-height: 30px;}
.box2 .box2_con .main .main_bot .conleftp2 span{float: right;}
.box2 .box2_con .box2con_right .main .main_bot .conleftp2{color: #313131;width: 390px;}
.box2 .box2_con .main .main_cen{
	width: 1200px;
	margin-top: 88px;
	box-shadow: 0 7px 16px rgba(82,126,251,.15);
	background: #fff;
	border-radius: 10px;
	position: relative;
	z-index: 3;
	padding: 30px 0 18px;
}
.box2 .box2_con .main .main_cen span{
	position: absolute;
	width: 161px;
	height: 43px;
	background: #1c4088;
	border-radius: 10px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 43px;
	font-weight: bold;
	left: 25px;
	top: -24px;
	box-shadow: 0 5px 16px rgba(82,126,251,.43);
}
.box2 .box2_con .main .main_cen p{
	float: left;
	width: 468px;
	padding-left: 44px;
	font-size: 16px;
	color: #1c4088;
	line-height: 24px;
	padding-top: 6px;
}
.box2 .box2_con .main .main_cen p b{display: block;}


.box3 .box3_top{padding: 38px 0 68px;height: 93px;}
.box3 .box3_top p{
	float: left;
	width: 588px;
	height: 91px;
	background: #eef5ff;
	border: 1px #d0e3ff solid;
	border-radius: 10px;
}
.box3 .box3_top p:last-child{float: right;}
.box3 .box3_top p a{display: block;overflow: hidden;}
.box3 .box3_top p img{
	float: left;
	margin: 12px 20px 0 20px;
}
.box3 .box3_top p span{
	float: left;
	font-size: 18px;
	color: #3c3c3c;
	width: 398px;
	padding-left: 17px;
	margin-top: 24px;
	line-height: 24px;
	background: url("../images/box3pic3.jpg") no-repeat left 5px;
}

.box3 .box3_cen ul{
	width: 1200px;
	height: 134px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 51px rgba(35,67,99,.06);
	margin: 46px 0;
}
.box3 .box3_cen ul li{
	float: left;
	width: 199px;
	height: 47px;
	border-right: 1px #e6f0ff solid;
	margin-top: 44px;
}
.box3 .box3_cen ul li:last-child{border: none;}
.box3 .box3_cen ul li .box3cen1{
	font-size: 22px;
	color: #1f62db;
	font-weight: bold;
	text-align: center;
	margin: -16px 0 10px;
}
.box3 .box3_cen ul li .box3cen2{
	font-size: 16px;
	color: #3c3c3c;
	text-align: center;
	line-height: 22px;
}

/*项目开始*/
.box_xm{width: 1200px;margin: 0 auto;overflow: hidden;}
.box_xm .fl{float: left;width: 90px;height: 750px;border-right: 1px solid #f3f3f3;}
.box_xm .fr{float: right;width: 1070px;overflow: hidden;height: 900px;overflow-y: auto;}
.box_xm .fl ol li{text-align: right;font-size: 16px;padding:5px 10px 5px 0;margin-bottom: 25px;position: relative;}
.box_xm .fl ol li a{color: #7d7d7d;}
.box_xm .fl ol li.on a{color: #00b4ff;width: 100%;height: 100%;display: block;font-weight: bold;}
.box_xm .fl ol li.on span{display: block;}
.box_xm .fl ol li span{border-left:3px solid #00b4ff;position: absolute;top: 0;right: -2px;height: 100%;display: none;}
.box_xm .fr ul{overflow: hidden;}
.box_xm .fr li{width: 248px;float: left;background: #f3f9ff;border-radius: 10px;height: 190px;margin-right: 14px;overflow: hidden;position: relative;margin-bottom: 25px;}
.box_xm .fr li .pic{height: 117px;overflow: hidden;}
.box_xm .fr li img{width: 100%;}
.box_xm .fr li h2{font-size: 16px;color: #707070;margin:6px 6px 4px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;width: 230px;}
.box_xm .fr li h3{font-size: 15px;color: #00b4ff;margin-left: 15px;}
.box_xm .xm_mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;}
.box_xm .xm_mask .xm_btn{display: none;}
.box_xm .mask_con{background:rgba(0,0,0,.7);height: 118px;position: absolute;top: 0;left: 0;width: 100%;}
.box_xm .mask_con h4{font-size: 16px;color: #fff;text-align: center;padding-top: 50px;padding-right: 30px;}
.box_xm .fr li .mask_con img{position: absolute;top: 48px;right: 56px;width: 26px;}
.box_xm .fr li:hover .xm_mask{display: block;}
.box_xm .fr li h3.web{color: #ff8a00;}
.box_xm .fr li h3.python{color: #40b888;}
.box_xm .fr li h3.ui{color: #e94779;}
.box_xm .fr li h3.pm{color: #2640e0;}
.box_xm .fr li h3.cloud{color: #20c9d3;}
.box_xm .fr li h3.c{color: #9d10d8;}
.box_xm .fr li h3.robot{color: #7095ff;}
.box_xm .fr li h3.test{color: #2a64c4;}
.box1 .more{font-size: 18px;color: #6f8db3;text-align: center;margin:40px auto 0;width: 340px;padding-bottom:10px;}
.box1 .more span{border-top: 10px solid #e9f3fe;border-radius: 20px;display: block;width: 100%;margin-top: -7px;}
/* IE 浏览器 */
.box_xm .fr{
	/*三角箭头的颜色*/
	scrollbar-arrow-color: #fff;
	/*滚动条滑块按钮的颜色*/
	scrollbar-face-color: #f7f7f7;
	/*滚动条整体颜色*/
	scrollbar-highlight-color: #f7f7f7;
	/*滚动条阴影*/
	scrollbar-shadow-color: #f7f7f7;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #efefef;
	/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
	scrollbar-3dlight-color:#f7f7f7;
	/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
	scrollbar-darkshadow-color: #f7f7f7;
	/*滚动条基准颜色*/
	scrollbar-base-color: #f7f7f7;
}
/* chrome & safari 浏览器 */
/*滚动条整体部分,必须要设置*/
.box_xm .fr::-webkit-scrollbar{
	width: 6px;
	height: 12px;
	background-color: #f7f7f7;
	border: 1px solid #efefef;
}
/*滚动条的轨道*/
.box_xm .fr::-webkit-scrollbar-track{
	background-color: #f7f7f7;
	border: 1px solid #efefef;
}
/*滚动条的滑块按钮*/
.box_xm .fr::-webkit-scrollbar-thumb{
	border-radius: 0;
	background-color: #e6e6e6;
	box-shadow: inset 0 0 5px #e6e6e6;
	border: 1px solid #efefef;
}
/*滚动条的上下两端的按钮*/
.box_xm .fr::-webkit-scrollbar-button{
	height: 0;
	background-color: #1e3f94;
	border: 1px solid #efefef;
}

.box4{background: #f4f6fb;}
.box4 .box4_top{
	height: 294px;
	background: -moz-linear-gradient(to bottom , #298df7, #60b5f3);
	background: linear-gradient(to bottom, #298df7,#60b5f3);
}
.box4 .box4_top .box4top1{
	float: left;
	font-size: 34px;
	color: #fff;
	font-weight: bold;
	padding: 75px 0 0 33px;
}
.box4 .box4_top img{
	float: left;
	margin: 42px 22px 0 50px;
	border-radius: 6px;
}
.box4 .box4_top .box4top2{
	float: left;
	font-size: 18px;
	color: #fff;
	padding-top: 70px;
}
.box4 .box4_top .box4top2 span{
	font-weight: bold;
	display: inline-block;
	height: 10px;
	box-shadow: 0 21px 0 #1b7fe9;
	border-radius: 10px;
	padding: 0 6px;
	margin-bottom: 25px;
}
.box4 .box4_top .box4top2 b{color: #81fff2;}
.box4 .box4_bot{
	width: 1200px;
	background: #fff;
	margin: -102px auto 0;
	position: relative;
	z-index: 2;
	box-shadow: 0 2px 51px rgba(35,67,99,.06);
	padding: 40px 0 20px;
	border-radius: 10px;
}
.box4 .box4_bot .box4bot_left{
	float: left;
	width: 207px;
	padding-top: 62px;
}
.box4 .box4_bot .box4bot_left ul li{
	width: 100%;
	height: 80px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-image: linear-gradient(140deg, #298df7, #4cacf2);
	margin-bottom: 15px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 80px;
	font-weight: bold;
	box-shadow: 5px 5px 0 #e5ecfe;
	cursor: pointer;
}
.box4 .box4_bot .box4bot_left ul li.cur{background: #3e6dda;}
.box4 .box4_bot .box4bot_right{
	float: left;
	width: 958px;
	margin-left: 34px;
}
.box4 .box4_bot .box4bot_right .box4con{display: none;}
.box4 .box4_bot .box4bot_right .box4con.concur{display: block;}
.box4 .box4_bot .box4bot_right ul{margin-bottom: 33px;}
.box4 .box4_bot .box4bot_right ul li{
	float: left;
	width: 217px;
	height: 159px;
	border: 1px #fff solid;
	border-radius: 8px;
	margin-right: 15px;
	box-shadow: 0 2px 35px rgba(35,67,99,.08);
	cursor: pointer;
}
.box4 .box4_bot .box4bot_right ul li.cur{border-color: #d0e3ff;background: #f3f8ff;}
.box4 .box4_bot .box4bot_right .box4con_li3 ul li{width: 297px;}
.box4 .box4_bot .box4bot_right .box4con_li5 ul li{width: 171px;}
.box4 .box4_bot .box4bot_right ul li img{
	margin: 29px auto 20px;
}
.box4 .box4_bot .box4bot_right ul li p{
	font-size: 14px;
	color: #3e3e3e;
	text-align: center;
}
.box4 .box4_bot .box4bot_right ul li p b{
	font-size: 16px;
	color: #313131;
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}
.box4 .box4_bot .box4bot_right ul li p span{text-decoration: line-through;margin-left: 5px;}
.box4 .box4_bot .box4bot_right .mainlist{display: none;overflow: hidden;}
.box4 .box4_bot .box4bot_right .mainlist.cur{display: block;}
.box4 .box4_bot .box4bot_right .main1 .mainpic{
	float: left;
	width: 262px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin-right: 33px;
	cursor: pointer;
}
.box4 .box4_bot .box4bot_right .main1 .mainpic img{width: 100%;}
.box4 .box4_bot .box4bot_right .main1 .mainpic .vid{
	position: absolute;
	width: 45px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.box4 .box4_bot .box4bot_right .main p{
	float: left;
	font-size: 14px;
	color: #888;
	line-height: 24px;
	width: 942px;
	padding-top: 25px;
}
.box4 .box4_bot .box4bot_right .main1 p{
	width: 640px;
	height: 122px;
	border-bottom: 1px #c9e0ff solid;
}
.box4 .box4_bot .box4bot_right .main p b{
	display: block;
	font-size: 20px;
	color: #313131;
	margin-bottom: 10px;
}

.box_teacher{background: #f4f6fb;padding: 64px 0 45px;}

/*教研团队*/

.box_teacher .teacher_tab{height: 55px;border-bottom: 1px #dee0ea solid;text-align: center;margin: 33px 0 0;}
.box_teacher .teacher_tab p{height: 52px;display: inline-block;font-size: 18px;color: #646464;line-height: 52px;margin: 0 15px;cursor: pointer;}
.box_teacher .teacher_tab p.cur{font-size: 20px;color: #1660e0;font-weight: bold;border-bottom: 4px #2b74f3 solid;}

.box_teacher .teacher_con .teacher_main .teamain_top{height: 145px;padding-top: 54px;}
.box_teacher .teacher_con .teacher_main .teamain_top .main_left{float: left;width: 224px;height: 145px;background: #fff;border-radius: 12px;box-shadow: 0 0 24px rgba(129,158,232,.23);position: relative;}
.box_teacher .teacher_con .teacher_main .teamain_top ul{float: right;width: 954px;height: 145px;background: #fff;border-radius: 12px;box-shadow: 0 0 24px rgba(129,158,232,.23);}
.box_teacher .teacher_con .teacher_main .teamain_top ul li{float: left;position: relative;width: 33.2%;height: 103px;border-right: 1px #f1f2f7 solid;margin-top: 20px;}
.box_teacher .teacher_con .teacher_main .teamain_top ul li:last-child{border-right: none;}
.box_teacher .teacher_con .teacher_main .teamain_top ul li img{float: left;margin: 30px 12px 0 30px;}
.box_teacher .teacher_con .teacher_main .teamain_top .main_left h3{font-size: 14px;color: #959595;text-align: center;padding-top: 20px;}
.box_teacher .teacher_con .teacher_main .teamain_top .main_left h3 b{font-size: 37px;color: #2b74f3;}
.box_teacher .teacher_con .teacher_main .teamain_top .main_left h3 span{font-size: 18px;}
.box_teacher .teacher_con .teacher_main .teamain_top .main_left h3 em{color: #6e6e6e;font-style: inherit;}
.box_teacher .teacher_con .teacher_main .teamain_top .main_left a{position: absolute;width: 100px;height: 33px;background: #ff4848;border-radius: 17px;font-size: 16px;color: #fff;text-align: center;line-height: 33px;left: 60px;bottom: -14px;}
.box_teacher .teacher_con .teacher_main .teamain_top ul li h2{float: left;font-size: 20px;color: #343434;font-weight: bold;padding: 16px 0 0;width: 200px;}
.box_teacher .teacher_con .teacher_main .teamain_top ul li h2 span{color: #2b74f3;}
.box_teacher .teacher_con .teacher_main .teamain_top ul li p{float: left;font-size: 18px;color: #6e6e6e;padding: 30px 0 0;}
.box_teacher .teacher_con .teacher_main .teamain_top ul li h2 p{padding: 8px 0 0;font-weight: 100;}

.box_teacher .teacher_con .teacher_main{display: none;position: relative;}
.box_teacher .teacher_con .teacher_main1{display: block;}
.box_teacher .teacher_con .teacher_main .maincon{position: relative;height: 840px;padding-bottom: 80px;}
.box_teacher .teacher_con .teacher_main2 .maincon{height: 690px;}

.box_teacher .teacher_main .maincon ul{width: 1230px;position: absolute;left: 0;top: 0;display: none;}
.box_teacher .maincon ul.cur{display: block;}
.box_teacher .maincon ul li{width: 221px;height: 380px;float: left;margin: 40px 24px 0 0;box-shadow: 0 5px 18px rgba(137,180,255,.16);background: #fff;position: relative;overflow: hidden;border-radius: 7px;}

.box_teacher .maincon ul li .main_pic{height: 245px;overflow: hidden;}
.box_teacher .maincon ul li .main_pic img{display: block;width: 100%;}
.box_teacher .maincon ul li .main_mask{position: absolute;width: 100%;height: 100%;left: 0;top: 380px;}
.box_teacher .maincon ul li .main_mask h2{font-size: 24px;color: #fff;font-weight: bold;padding: 26px 16px 8px;}


.box_teacher .teacher_con ol{bottom: 200px !important;}
.box_teacher .teamain_bot{cursor: pointer;position: relative;}
.box_teacher .teamain_bot .teamainbot_vid{position: absolute;width: 244px;height: 147px;left: 67px;top: 7px;}
.box_teacher .teamain_bot a{position: absolute;width: 226px;height: 76px;right: 94px;top: 42px;}


.box5{padding: 52px 0 58px;}
.box5 ul{margin-top: 32px;}
.box5 ul li{width: 1244px;margin-bottom: 23px;float: left;}
.box5 ul li a{
	float: left;
	width: 576px;
	height: 60px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(35,67,99,.1);
	border-radius: 10px;
	margin-right: 44px;
	position: relative;
}
.box5 ul li a span{
	float: left;
	width: 110px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background: #2064c3;
	border-radius: 5px;
	margin: 5px 0 0 0;
}
.box5 ul li:nth-child(even) a span{background: #3e7ed6;}
.box5 ul li a p{
	position: absolute;
	left: 140px;
	top: 50%;
	transform: translate(0,-50%);
	width: 420px;
	font-size: 16px;
	color: #1b1b1b;
	line-height: 24px;
}

.mask_video{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
.mask_video .mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
}
.mask_video .video_con{
	width: 900px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.mask_video .video_con .close{
	position: absolute;
	width: 40px;
	top: -32px;
	right: -50px;
	cursor: pointer;
}