@charset "utf-8";
/* CSS Document */

/*@font-face{
     font-family: 'Signika-Bold'; 
     src: url('fonts/Signika-Bold.eot'),
		  url('fonts/Signika-Bold.otf'),
		  url('fonts/Signika-Bold.ttf');
}
@font-face{
     font-family: 'Signika-Light'; 
     src: url('fonts/Signika-Light.eot'),
		  url('fonts/Signika-Light.otf'),
		  url('fonts/Signika-Light.ttf');
}

@font-face{
     font-family: 'Signika-SemiBold'; 
     src: url('fonts/Signika-SemiBold.eot'),
		  url('fonts/Signika-SemiBold.otf'),
		  url('fonts/Signika-SemiBold.ttf');
}
@font-face{
     font-family: 'Futura-Bold'; 
     src: url('fonts/Futura-Bold.eot'),
		  url('fonts/Futura-Bold.otf'),
		  url('fonts/Futura-Bold.ttf');
}
@font-face{
     font-family: 'SourceHanSansCN-Bold'; 
     src: url('fonts/SourceHanSansCN-Bold.eot'),
		  url('fonts/SourceHanSansCN-Bold.oft'),
		  url('fonts/SourceHanSansCN-Bold.ttf');
}
@font-face{
     font-family: 'SourceHanSansCN-Heavy'; 
     src: url('fonts/SourceHanSansCN-Heavy.eot'),
		  url('fonts/SourceHanSansCN-Heavy.otf'),
		  url('fonts/SourceHanSansCN-Heavy.ttf');
}
@font-face{
     font-family: 'SourceHanSansCN-Medium'; 
     src: url('fonts/SourceHanSansCN-Medium.eot'),
		  url('fonts/SourceHanSansCN-Medium.otf'),
		  url('fonts/SourceHanSansCN-Medium.ttf');
}
@font-face{
     font-family: 'SourceHanSansCN-ExtraLight'; 
     src: url('fonts/SourceHanSansCN-ExtraLight.eot'),
		  url('fonts/SourceHanSansCN-ExtraLight.otf'),
		  url('fonts/SourceHanSansCN-ExtraLight.ttf');
}
*@font-face{
     font-family: 'SourceHanSansCN-Normal'; 
     src: url('fonts/SourceHanSansCN-Normal.eot'),
		  url('fonts/SourceHanSansCN-Normal.otf'),
		  url('fonts/SourceHanSansCN-Normal.ttf');
}
@font-face{
     font-family: 'SourceHanSansCN-Regular'; 
     src: url('fonts/SourceHanSansCN-Regular.eot'),
		  url('fonts/SourceHanSansCN-Regular.otf'),
		  url('fonts/SourceHanSansCN-Regular.ttf');
}
@font-face{
     font-family: 'SourceHanSansCN-Light'; 
     src: url('fonts/SourceHanSansCN-Light.eot'),
		  url('fonts/SourceHanSansCN-Light.otf'),
		  url('fonts/SourceHanSansCN-Light.ttf');
}
*/


.cw{width:1220px; margin:0 auto;}
.color_1{background-color:#52b7ff}
.color_2{background-color:#8fc541;}
.color_3{background-color:#ec6c1e;}
.color_4{background-color:#89288a}
.color_5{background-color:#006ea6}
.color_6{background-color:#ffd836}
.color_7{background-color:#e5579e}


.footer-nav{height:110px;box-sizing: border-box;width:100%;background:url(../images/common/footer-nav.jpg) repeat center top;background-size:100% 100%;
	padding:30px 0;position: fixed;left:0;right:0;bottom:0;z-index:99;}
.footer-nav .content{height:54px;padding-left:570px;background:url(../images/common/footer-nav-tel.png) no-repeat left center;}
/*.footer-nav .content{height:54px;padding-left:570px;background:url(../images/common/footer-nav-tel.png) no-repeat left center;}*/
.footer-nav .content h3{float:left;font-size:31px;line-height:38px;font-family: 'SourceHanSansCN-Light';padding-left:32px;color:#fff;margin-top:10px;
	background:url(../images/common/footer-nav-add.png) no-repeat left 2px;}
.footer-nav .content select::-ms-expand{display: none;}  
.footer-nav .content select{float:left;width:104px;height:48px;background:#fff;text-align:center;text-align-last: center;border-radius:12px;margin-top:4px;
	appearance:none;-moz-appearance:none; -webkit-appearance:none;border:0;margin-left:8px;font-size:24px;color:#52B7FF;cursor: pointer;
	font-family: 'SourceHanSansCN-Light';}
.footer-nav .content a.submit{float:left;width:76px;height:48px;line-height:48px;background:#2c6baa;color:#fff;font-size:24px;font-family: 'SourceHanSansCN-Light';
	text-align:center;border-radius:12px;text-decoration:none;margin-left:8px;margin-top:4px;}
.footer-nav.in_footer{position: static;}
.footer-nav .content .fancy-select{float:left;width:104px;height:48px;margin-left:8px;margin-top:4px;}



.footer-content{height:500px;background:url(../images/common/footer-bg.jpg) repeat-y center top;background-size:100% 100%;margin-top:50px;
	box-sizing: border-box;padding-top:55px;}
.footer-content .footer-logo{text-align:center;height:249px;margin-bottom:30px;}
.footer-content .footer-logo img{height:249px;display:inline-block;}
.footer-content .copy{float:left;}
.footer-content .copy p{font-size:20px;line-height:24px;color:#fff;font-family: 'SourceHanSansCN-Light';padding:5px 0;}
.footer-content .copy p a{color:#fff;}
.footer-content ul.follow{float:left;margin-left:50px;}
.footer-content ul.follow li{float:left;text-align:center;margin-right:65px;}
.footer-content ul.follow li a{text-decoration:none;}
.footer-content ul.follow li a .icon{box-sizing: border-box;width:58px;height:58px;border-radius:50%;overflow:hidden;}
.footer-content ul.follow li a .icon img{display:block;width:100%}
.footer-content ul.follow li.last{margin-right:0;}
.footer-content ul.follow li a p{font-size:20px;line-height:24px;color:#fff;font-family: 'SourceHanSansCN-Light';padding-top:5px;}

.topBar{background:url(../images/common/topBar.jpg) no-repeat center;height:70px;}


.pageKv{height:775px;background-repeat:no-repeat;background-position:center;background-size:cover;position: relative;}
.pageKv .mask{position: absolute;left:0;right:0;top:0;}
.pageKv .mask .cw{height:775px;position: relative;z-index:2;}
.pageKv .mask .orderBox{box-sizing: border-box;width:511px;height:532px;padding-left:65px;padding-right:23px;padding-top:14px;
	background:url(../images/index/banner_order.png) no-repeat;text-align:center;float:right;margin-right:20px;margin-top:112px;}
.pageKv .mask .orderBox .tu{}
.pageKv .mask .orderBox h3{font-size:30px;color:#fff;letter-spacing:2px;margin-bottom:15px;}
.pageKv .mask .orderBox h3 b{font-size:48px;color:#fff;letter-spacing:0;font-family: 'Signika-Bold';position: relative;top:5px;}
.pageKv .mask .orderBox p{padding-bottom:23px;}
.pageKv .mask .orderBox p input{width:294px;height:43px;font-size:23px;line-height:23px;padding:10px;box-sizing: border-box;border:0;
	border-radius:12px;color:#52B7FF;letter-spacing:1px;}
.pageKv .mask .orderBox p input::-webkit-input-placeholder{color:#52B7FF;}
.pageKv .mask .orderBox .box{width:294px;padding-bottom: 35px;}
.pageKv .mask .orderBox .box select::-ms-expand{display: none;}    
.pageKv .mask .orderBox .box select{width:135px;height:43px;border:0;font-size:23px;line-height:43px;padding:0 8px;box-sizing: border-box;
	letter-spacing:1px;color:#52B7FF;appearance:none;-moz-appearance:none; -webkit-appearance:none;border-radius:12px;cursor: pointer;
	background:#fff url(../images/index/select.png) no-repeat 110px center;background-size:18px auto; }
.pageKv .mask .orderBox .box .fancy-select{width:135px;float:left;text-align:left!important}
.pageKv .mask .orderBox .box .fancy-select:last-child{float:right;text-align:left!important}
.pageKv .mask .orderBox p a.submit{display:inline-block;width:150px;height:43px;box-sizing: border-box;font-size:23px;line-height:23px;padding:10px 0;
	background-color:#fff;border-radius:50px;color:#52B7FF;text-decoration:none;}
.pageKv .mask .orderBox .rem{margin:20px 0;}
.pageKv .mask .orderBox .rem .chk{display: none;}
.pageKv .mask .orderBox .rem .chk + label {display: inline-block;background:url(../images/common/checkbox.png) no-repeat left center;
	position: relative;font-size:12px;color:#fff;line-height:16px;padding-left:20px;}
.pageKv .mask .orderBox .rem .chk:checked + label:after {content: '\2714';font-size: 16px;position: absolute;top: 0px;left: 1px;color: fff;}
.pageKv .mask .nav{position: absolute;left:0;top:0;bottom:0;width:480px;box-sizing: border-box;padding-left:6px;
	background:url(../images/common/kv-nav.png) no-repeat left top;z-index:3;}
.pageKv .mask .nav .line{width:273px;position: absolute;right:0;top:0;bottom:0;background:url(../images/common/kv-line.png) no-repeat;}
.pageKv .mask .nav a.logo{margin:16px 0;display:inline-block;height:85px;width:265px;text-align:center;position: relative;z-index:4;}
.pageKv .mask .nav a.logo img{height:85px;display:inline-block;}
.pageKv .mask .nav ul li{height:74px;margin-bottom:23px;}
.pageKv .mask .nav ul li a{height:74px;box-sizing: border-box;border-radius:50px 0 0 50px;overflow:hidden;display:inline-block;
	font-size:30px;line-height:74px;color:#fff;letter-spacing:4px;padding-left:60px;text-decoration:none;font-family: 'SourceHanSansCN-Medium';
	background-repeat:no-repeat;}
.pageKv .mask .nav ul li a.home{border:1px solid #1ea8e1;width:330px;background-color:#1ea8e1;letter-spacing:75px;
	background-image:url(../images/common/icon_1.png);background-position:22px center;background-size:29px auto;}
.pageKv .mask .nav ul li a.about{border:1px solid #8fc541;width:300px;background-color:#8fc541;
	background-image:url(../images/common/icon_2.png);background-position:19px center;background-size:34px auto;}
.pageKv .mask .nav ul li a.course{border:1px solid #ec6c1e;width:300px;background-color:#ec6c1e;
	background-image:url(../images/common/icon_3.png);background-position:22px center;background-size:29px auto;}
.pageKv .mask .nav ul li a.techer{border:1px solid #89288a;width:300px;background-color:#89288a;
	background-image:url(../images/common/icon_4.png);background-position:19px center;background-size:37px auto;}
.pageKv .mask .nav ul li a.join{border:1px solid #006ea6;width:300px;background-color:#006ea6;
	background-image:url(../images/common/icon_5.png);background-position:19px center;background-size:37px auto;}
.pageKv .mask .nav ul li a.app{border:1px solid #ffd636;width:300px;background-color:#ffd636;
	background-image:url(../images/common/icon_6.png);background-position:26px center;background-size:22px auto;}
.pageKv .mask .nav ul li a.order{border:1px solid #e3579c;width:330px;background-color:#e3579c;
	background-image:url(../images/common/icon_7.png);background-position:24px center;background-size:24px auto;}
.pageKv .mask .nav ul li a:hover{background-color:#fff;}
.pageKv .mask .nav ul li a.home:hover{background-image:url(../images/common/icon_1_cur.png);color:#1ea8e1}
.pageKv .mask .nav ul li a.about:hover{background-image:url(../images/common/icon_2_cur.png);color:#8fc541;}
.pageKv .mask .nav ul li a.course:hover{background-image:url(../images/common/icon_3_cur.png);color:#ec6c1e;}
.pageKv .mask .nav ul li a.techer:hover{background-image:url(../images/common/icon_4_cur.png);color:#89288a;}
.pageKv .mask .nav ul li a.join:hover{background-image:url(../images/common/icon_5_cur.png);color:#006ea6;}
.pageKv .mask .nav ul li a.app:hover{background-image:url(../images/common/icon_6_cur.png);color:#ffd636;}
.pageKv .mask .nav ul li a.order:hover{background-image:url(../images/common/icon_7_cur.png);color:#e3579c;}

.tools{text-align:center;padding:50px 0;}
.tools a{font-size:40px;font-family: 'SourceHanSansCN-Light';color:#529EFF;text-decoration:none;padding-bottom:2px;}
.tools a.active{border-bottom:2px solid #529efe;}
.tools em{font-size:40px;font-family: 'SourceHanSansCN-Light'; color:#529EFF;padding:0 10px;}

.video_list{padding:30px 0 75px;}
.video_list .cw{overflow:hidden;}
.video_list h3{text-align:center;font-size:40px;line-height:50px;color:#529EFF;padding-top:110px;
	background:url(../images/about/about04_1.png) no-repeat top center;margin-bottom:25px;}
.video_list ul{display:inline-block;width:1245px;}
.video_list ul li{margin-right:25px;width:390px;float:left;margin-bottom:25px;}
.video_list ul li a{display:block;width:390px;height:226px;box-sizing: border-box;border:5px solid #51a0ff;border-radius:20px;overflow:hidden;
	position: relative;cursor:pointer;}
.video_list ul li a img{display:block;width:100%;}
.video_list ul li a i{position: absolute;left:0;right:0;top:0;bottom:0;background-image:url(../images/about/about04_video.png);background-repeat:no-repeat;
	background-position:center;background-color:rgba(0,0,0,.3);}

.popVideo{position: fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.9);z-index:999;display:none;}
.popVideo .close{background:url(../images/common/closeBtn.png) no-repeat;z-index:100;width:54px;height:54px;top:15px;right:15px;position: absolute;
	cursor: pointer;}
.popVideo .video_body{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)}


.popWX{position: fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.9);z-index:999;display:none;}
.popWX .close{background:url(../images/common/closeBtn.png) no-repeat;z-index:100;width:54px;height:54px;top:15px;right:15px;position: absolute;
	cursor: pointer;}
.popWX .wx_cont{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

h2.tip span,h3.tip span{font-size:50px;line-height:60px;color:#52B7FF;font-family: 'SourceHanSansCN-Medium';display:inline-block;
	background:url(../images/common/tip_bg.jpg) repeat-x left bottom;letter-spacing:5px;padding-left:5px;}





.course_tools{padding-top:60px;padding-bottom:55px;}
.course_tools ul{display:inline-block;width:100%;}
.course_tools ul li{float:left;margin-right:20px;width:228px;height:60px;}
.course_tools ul li.last{margin-right:0;}
.course_tools ul li a{display:block;text-align:center;font-size:30px;color:#fff;line-height:60px;height:60px;text-decoration:none;border-radius:8px;
	position: relative;}
.course_tools ul li a.cur{background:none;}
.course_tools ul li a.cur .mask{display:block;}
.course_tools ul li a .mask{position: absolute;left:0;right:0;top:0;width:228px;height:103px;display:none;}
.course_tools ul li a .mask i{display:inline-block;width:58px;height:75px;background:url(../images/common/tool_i.png) no-repeat;
	position: absolute;top:10px;left:85px;}
.course_tools ul li a.color_1 .mask{background:url(../images/common/tool_bg_1.png) no-repeat;}
.course_tools ul li a.color_2 .mask{background:url(../images/common/tool_bg_2.png) no-repeat;}
.course_tools ul li a.color_3 .mask{background:url(../images/common/tool_bg_3.png) no-repeat;}
.course_tools ul li a.color_4 .mask{background:url(../images/common/tool_bg_4.png) no-repeat;}
.course_tools ul li a.color_5 .mask{background:url(../images/common/tool_bg_5.png) no-repeat;}