@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, span, a, i { margin: 0; padding: 0; }
html,body{overflow-x: hidden;font-family: "Microsoft YaHei",Verdana,Arial,sans-serif; font-weight: normal;}a{ text-decoration: none;cursor: pointer; }
a{border:0;outline:none;}
a img{border:0;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
a:focus{text-decoration: none;}
ol, ul { list-style: none; }
.clear:after { content: ""; display: block; clear: both; }

.dn{display: none;}
.vh{visibility: hidden;}
.text-center{ text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.red{color: #f00;}


.pop-con{ position: absolute; z-index: 1200}
.pop-mask{ background-color:#000;left: 0;width: 100%;height: 100%;opacity: 0.5;filter:alpha(opacity=50);position: absolute;top: 0;z-index: 1100; }
.pop-close{  position: absolute; right:4px; top:-15px; display: inline-block; width: 40px; height: 30px; background: url(../images/chacha.png) no-repeat ; color: #fff; text-align: center; cursor: pointer;}


.con{ width: 1200px; margin:0 auto;}
.rel{ position: relative;}
.tit{ padding-top: 110px; font-size: 42px; color: #d30830; text-align: center; font-weight: bold;}
.bgred{background-color: #a80a29;}
.bghui{background-color: #6b6f78;}
.bghu2{background-color: #232323;}
.bgb7{background-color: #f2f2f2}
@media (max-width: 1200px){
	.con{ width: 100%; overflow:hidden;}
}
@media (max-width: 768px){ 
	
}
@media (max-width: 480px){
	.tit{ padding-top: 50px; font-size: 30px;}
}

/*video*/
.video_con{ background-color: #666; position: relative;}
.banner{position:relative;}
.mask{ z-index: 1; position: absolute;left:0; top:0; width: 100%; height: 100%; background-color:#000; filter: alpha(opacity=60); opacity: .6; }
.logo{ position: absolute; left: 80px; top:30px; z-index: 2;}
.tipinfo{ position: absolute; bottom: 80px; width: 100%;  z-index: 2;}
.tipinfo h2{ font-size: 58px; color: #fff;}
.tipinfo .red{ color: #dd0a34;} 
.tipinfo h2 .red{ font-size: 84px;}
.tipinfo h3{ font-size:40px; color:#fff;}
.tipinfo h3 .red{ font-size:66px;}
.tipinfo h4{ margin-top:20px;}
.tipinfo .tip_center{ width: 1200px; margin:0 auto; text-align: center; }
.tipinfo .btnbox{ padding: 50px 0;}
.tipinfo .btn{ margin:0 30px; display: inline-block; width: 200px; height: 16px; padding: 14px 0; line-height: 16px; font-size: 18px; color: #d1d2d5; border: 1px #fff solid;border-radius: 1px; text-align: center;}
/*.tipinfo .tybtn:hover{background-color: #DD0A34;transition: all .3s ease;}*/
.tipinfo .redbtn{color: #dd0a34; border: 1px #dd0a34 solid;}
/*.tipinfo .redbtn:hover{background-color: #fff;transition: all .3s ease;}*/
.tip_sb{  color: #b3b5b9; padding-top: 40px; width: 260px; margin:0 auto;}
.tip_sb span{ display: inline-block; padding: 12px 0;}
.tip_sb .xt{ height: 1px; color: #555;  border-top:1px #555 dashed; }
.tip_sb .jiantou{ display: inline-block; padding-top: 10px;}

@media (max-width: 1200px){
	.tipinfo .tip_center{ width:100%}

	.tipinfo h2{ font-size: 26px;}
	.tipinfo h2 .red{ font-size: 48px;}
	.tipinfo h3{ font-size:20px; }
	.tipinfo h3 .red{ font-size:33px;}
	.tipinfo{  bottom: 20px;}
	.banner img{ width: 100%;}
	.tip_sb{ display: none;}
}

@media (max-width: 768px){
	.tipinfo{  bottom: 10px;}
	.video_con{ overflow: hidden;}
	.tipinfo h4 img{ width:80%}
	/*.tip_sb{ display: none;}*/
}
@media (max-width: 480px){
	.video_con{ height: 250px;}
	.tipinfo h4{ margin-top: 10px;}
	.tipinfo .btn{ width: 100px; margin:0 15px; }
	.tipinfo .btnbox{ padding: 10px 0;}
	.tipinfo h2{ font-size: 12px;}
	.tipinfo h2 .red{ font-size: 24px;}
	.tipinfo h3{ font-size:12px; }
	.tipinfo h3 .red{ font-size:16px;}
	.logo{ left:20px; top: 10px;}
	/*.tip_sb{ display: none;}*/
}


/*b2*/
#main{ width: 100%; height: 700px;}
.b2{position: relative; padding: 100px 0;}
.b2 h2{font-size: 42px; color: #333; text-align: center;}
.b2 h2 .red{color: #d30830;}
.b2_ms{ margin-top: 20px; padding: 20px; width: 100%; border-radius: 8px; background-color: #63707a; color: #fff;}
.b2_tit{position:relative;float:left;margin-right:-140px; display: inline-block; width: 140px; height: 140px; border-radius: 50%; background-color: #505b63; font-size: 24px; line-height: 140px;text-align: center; }
.b2_descon{float:right;width:100%;}
.b2_des{display: inline-block;float: left; padding-top: 45px; margin-left: 160px; font-size: 18px; line-height: 1.5}
.b2_des2{position: absolute; right: 0; bottom: 600px; width: 25%; background-color: #dd8668; border-radius: 8px; color: #fff;  line-height: 1.5;padding: 20px;}
.b2_5{position: absolute; left: 50px; top: 470px;}
@media (max-width: 1200px){
	.b2_des2{position: static; width: 100%; }
}
@media (max-width: 768px){
	.b2_5{position: static;}
	.b2_5 img{width: 50%}
}
@media (max-width: 480px){
	#main{ width: 100%; height: 350px;}
	.b2 h2{ font-size: 21px;}
	.b2_tit{margin-right:-70px; font-size: 14px; display: inline-block; width: 70px; height: 70px; line-height:70px; }
	.b2_des{padding-top: 0;margin-left:80px;font-size: 12px;}
	.b2_des2{position: static; width: 100%; }
	.b2_5{position: static;}
	.b2_5 img{width: 50%}
}

/*b11*/
.b11{ width: 100%;}
.b11_left{ position: relative; display: inline-block; width: 50%; height: 100%; float:left;}
.b11_1,.b11_2{ width: 100%; height: 100%; border:none; vertical-align: middle;}
.b11_left_text {position: absolute; top:20%; right: 15%; color: #fff; font-size: 24px; line-height: 2.5;  }
.b11_left_text2 {position: absolute; top:20%; left: 10%; color: #fff; font-size:24px; line-height: 2.5;  }
.b11_3,.b11_9{ font-size: 68px; line-height: 1; padding-bottom: 60px; font-weight: bold; color: #fff;}
@media (max-width: 1680px){
	.b11_left_text{font-size: 24px;  }
	.b11_left_text2{ font-size:24px;  } 
	.b11_3,.b11_9{font-size: 60px; padding-bottom: 50px;}
}
@media (max-width: 1366px){
	.b11_left_text{font-size: 20px;  }
	.b11_left_text2{ font-size:20px;  } 
	.b11_3,.b11_9{font-size: 48px; padding-bottom: 48px;}
}
@media (max-width: 1200px){
	.b11_left_text{font-size: 18px;  }
	.b11_left_text2{ font-size:18px;  } 
	.b11_3,.b11_9{font-size: 42px; padding-bottom: 40px;}
}

@media (max-width: 768px){
	.b11_left_text{top:12%; right: 8%; line-height: 2;}
	.b11_left_text2{ top:12%; left: 10%;  line-height: 2;}
	.b11_3,.b11_9{font-size: 24px; padding-bottom: 20px;}
}
@media (max-width: 480px){
	.b11_left_text{top:10%; right: 8%;font-size:12px; line-height: 1.5;}
	.b11_left_text2{ top:15%; left: 10%;font-size:12px;  line-height: 1.5;}
	.b11_3,.b11_9{font-size: 18px; padding-bottom: 10px;}
}


/*.b12*/
.b12 h2{ padding-top: 80px; padding-bottom: 120px; font-size: 42px; color: #333; font-weight: bold; text-align: center;}
.b12 h2 .red{color: #d30830;}
.b12 ul{ padding-bottom: 100px;}
.b12 li{float:left; width: 150px;}
.b12 .ht{position: relative; top: 40px; width: 50px; left:-8px; z-index: 2;}

@media (max-width: 480px){
	.b12 h2{ font-size: 24px; }
}

/*b13*/
.b13{ padding-bottom: 50px;}
.b13 h2{ padding-top: 50px; font-size: 45px; color: #494949; text-align: center; line-height: 1.5}
.b13 h2 span,.b13 h3 span{color: #d30830; }
.b13 h3{ padding-bottom: 50px; font-size: 30px; color: #333;text-align: center; line-height: 1.5}

.table_div{ width: 100%; }
.b13 table{ text-align: center; width:100%; border:none;}
.b13 th{ background-color: #f35055; color: #fff; font-size: 18px; line-height: 2.5;font-weight: normal; }
.b13 td{ color: #333; font-size: 14px; line-height: 3}
.b13 tr:nth-child(odd){ background-color: #e9e9e9}
.b13 tr:nth-child(even){ background-color: #f5f5f5}

@media (max-width: 768px){
	.table_div{ width: 100%; overflow-x: scroll;}
	.b13 table{  width:800px; }
}
@media (max-width: 480px){
	.b13 h2{ font-size: 24px; }
	.b13 h3{ font-size: 16px; }
}


/*b3*/
.b3{ position: relative; height: 460px; padding: 115px 0; background: url(../images/b3.gif) no-repeat center; }
.b3 .title{ display: inline-block; padding:2px 5px; color: #a80a29; font-size: 30px; background-color: #f5ca7f; }
.b3 .tit3{ position: relative; top:-80px; color: #fff; text-align: center;font-size: 42px;}
.b3 b{font-size: 14px; color: #fff; font-weight: normal;}
.b3_1{ position: absolute;left:15%; top:23%; text-align: right;}
.b3_2{ position: absolute;left:8%; top:50%; text-align: right;}
.b3_3{ position: absolute;left:21%; top:80%; text-align: right;}
.b3_4{ position: absolute;left:68%; top:16%; text-align: left;}
.b3_5{ position: absolute;left:83%; top:45%; text-align: left;}
.b3_6{ position: absolute;left:71%; top:70%; text-align: left;}
.b3_7{ position: absolute;left:40%; top:42%; text-align: left;}
.b3_8{ position: absolute;left:48%; top:49%; text-align: left;}
.b3_9{ position: absolute;left:40%; top:58%; text-align: left;}
@media (max-width: 1200px){
	.b3_1{ left:11%;}
	.b3_2{left:2%;}
	.b3_4{ left:78%;}
	.b3_7,.b3_9{left:34%;}
	.b3_8{left:46%;}
}

@media (max-width: 480px){
	.b3{ padding: 0; height: 200px; background: url(../images/b3_bg.jpg) no-repeat center; background-size: 100%;}
	.b3_1,.b3_2,.b3_3,.b3_4,.b3_5,.b3_6,.b3_7,.b3_8,.b3_9{ display:none;}
}

/*b4 做一件对教育有意义的事*/
.b4{ position: relative; height: 745px;  font-size: 16px; color: #b2b2b2; line-height: 28px;}
.b4_1{position: relative;  padding-left: 93px;padding-top: 250px;z-index: 2 }
.b4_2{position: relative;  padding: 40px 0 40px 480px;z-index: 2; color: #fff; }
.b4_2 .playbtn{ position: relative; cursor: pointer; vertical-align:  middle;}
.b4_3{position: relative; width: 570px; padding-left: 110px;z-index: 2; color: #fff; }
.b4_4{ position: absolute; bottom:-8px; right:-400px;z-index: 1;pointer-events: none;}
@media (max-width: 1200px){
	.b4{ height: auto; padding-bottom: 100px;}
	.b4_4{display: none; overflow: hidden; /*bottom:0; right:-120%; */}
	.b4_4 img{ width: 0;}
}
@media (max-width: 768px){
	.b4_1{ padding-top: 100px;}
	
}
@media (max-width: 480px){
	.b4_1{ padding-left: 10%;padding-top: 50px;}
	.b4_2{ padding: 20px 10% 20px ;}
	.b4_1 img{ width: 100%;}
	.b4_3{ width: 90%; padding-left: 10%}
}

/*b5 课程体系*/
.android{ position: relative; height: 900px; }
.tit2{  padding: 30px 20px  ; font-size: 16px; color: #999; text-align: center;}
.android1{ position:absolute; left:430px; top:287px; z-index: 2}
.android2{ position:absolute; left:20px ; top:184px;z-index: 1}
.android3{ position:absolute; left:140px; top:40px;z-index: 1}
.android5{ position:absolute; left:668px; top:192px;z-index: 1}
.android6{ position:absolute; left:660px; top:40px;z-index: 1}
.android7{ position:absolute; left:15px;  top:506px;z-index: 1}
.android8{ position:absolute; left:130px; top:531px;z-index: 1}
.android9{ position:absolute; left:750px; top:510px;z-index: 1}
.android10{ position:absolute; left:663px; top:531px;z-index: 1}

.imgcenter{display: block;  text-align: center; }
.imgcenter img{ vertical-align: middle;}
.imgcenter span{height: 100%; width: 0; overflow: hidden; display: inline-block; vertical-align: middle;}

.phone_android{ width: 100%; overflow:hidden;}
.phone_android .imgcenter{ margin:20px 0;}
.p_android_1{ position: relative; width: 520px; overflow-x: auto; height: 500px; margin:10px auto; }
.p_android_1 .title{ position: absolute;  left:0; bottom:0;}
.p_android_1 .conment{ position: absolute; left:120px; }
.p_android_2{ position: relative; width: 550px; overflow-x: auto; height: 500px; margin:10px auto; }
.p_android_2 .title{ position: absolute;  left:0; top:160px;}
.p_android_2 .conment{ position: absolute;  left:20px; }
.p_android_3{ position: relative; width: 530px; overflow-x: auto; height: 320px; margin:10px auto; }
.p_android_3 .title{ position: absolute; top:20px; }
.p_android_3 .conment{ position: absolute; left:100px; }
.p_android_4{ position: relative; width: 500px; overflow-x: auto; height: 500px; margin:10px auto; }
.p_android_4 .title{ position: absolute; top:-5px; }
.p_android_4 .conment{ position: absolute; left:120px; }



@media (min-width: 1200px){
	.phone_android{ display: none;}
}
@media (max-width: 1200px){
	.android{ display: none;}
}
@media (max-width: 480px){

}
/*b6*/
.b6{ padding: 0 15px 100px;}
.b6_tabs{ overflow: hidden; }
.b6_ul{  width: 380px; margin:0 auto; padding: 25px 0; background-color: #232323}
.b6_ul li{padding-left: 10px; float:left; }
.bgline
{
	background : -webkit-linear-gradient(top, rgb(70, 70, 70) 00%, rgb(70, 70, 70) 100%);
	background : -moz-linear-gradient(top, rgb(70, 70, 70) 00%, rgb(70, 70, 70) 100%);
	background : -ms-linear-gradient(top, rgb(70, 70, 70) 00%, rgb(70, 70, 70) 100%);
	background : -linear-gradient(top, rgb(70, 70, 70) 00%, rgb(70, 70, 70) 100%);
	-webkit-background-size: 1px 1px;
	background-size: 1px 1px ;
	background-position: left center;
	background-repeat: repeat-x;
	text-align: center;
}
.b6 .info{  font-size: 48px; color: #fff; width: 300px; margin:50px auto 0;}
.b6 .btn{ display: block; margin:20px auto; width: 150px;  padding: 14px 0; line-height: 16px; font-size: 16px; color: #d1d2d5; border: 1px #fff solid;border-radius: 1px; text-align: center; }
.tab_ul{ }
.tab_ul img{ width: 100%;}
.tab_ul>li{float: left; width:21%; margin-left: 1%; margin-bottom: 1%;}
.tab_ul .tab_ul_li{width:10%;}
.subtab_ul{ width: 100%; margin-top: -7%}
.subtab_ul>li{float:left; width:47%; height: auto; margin-left:3%;margin-top: 7%;}
.tab_ul_li li{ width: 100%;margin-left: 0;}


/*b7*/
.b7{ padding-bottom: 100px;}
.b7 ul{ padding-top: 50px; margin-left: -2%;}
.b7 li{float: left; margin-left: 2%;  width: 23%;}
.b7 li img{border:1px #c2c2c2 solid;}
.b7 .btn{ width: 80px; margin:60px auto 20px;}
.b7 .btn a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0; color: #b8b7b4;}
.b7 .btn a:hover,.b7 .btn a.active{transition: all .3s ease; background-color: #d70a30; color: #fff;}
@media (max-width: 1200px){
	
}
@media (max-width: 768px){
	.b7 li{ width: 48%;}	
	.b7 li img{ width: 100%;}	
}

/*b8*/
.b8_ul{ padding: 45px 0 100px 0; }
.b8_ul li{ float: left; width: 16%;  margin-left: -1px; margin-top: -1px; line-height: 168px; height: 168px;border:1px #dedede solid; text-align: center;}
.b8_ul li img{vertical-align: middle; }
@media (max-width: 1200px){
	.b8_ul{  padding: 45px 1% 100px 1%; }
	.b8_ul li{ width: 24%}
}
@media (max-width: 768px){
	
}
@media (max-width: 480px){
	.b8_ul li{ width: 49%}
}
/*b9*/
.b9{  background:url(../images/b9_1.jpg) no-repeat center center; background-size: 100% 100%;}
.b9 .tit{  text-align: center; font-size: 48px; color: #fff; font-weight: bold;}
.time_ul{  width: 1200px; margin:0 auto; padding:  100px 0;}
.time_ul li{ margin:0 50px 10px 50px; float: left; position: relative; width: 200px; height: 200px; background-color: #d00027; border-radius: 5px;   border-radius: 5px; }
.time_ul li em{z-index: 2; position: absolute; top:50%; width: 100%; background-color: #c70020; height: 4px;}
.time_ul span{ z-index:1;position: relative;top:25px; font-size: 150px;color: #fff; width: 100%; height: 100%; line-height: 1; display: inline-block; text-align: center;}
.time_ul i{ position: absolute; right: -60px; bottom: 0; font-size: 48px; color: #fff; font-style: normal;}
@media (max-width: 1200px){
	.time_ul{ width: 100%; }
	.time_ul li{ width: 16%; height: 120px; margin:0 4% 10px 4%;}
	.time_ul span{font-size: 75px;}
	.time_ul i{font-size:20px; right: -30px}
}
@media (max-width: 767px){
	.b9 .tit{ font-size: 32px;}
	.time_ul{ width: 100%; }
	.time_ul li{ width: 16%; height: 60px; margin:0 4% 10px 4%;}
	.time_ul span{font-size: 45px; top:10px;}
	.time_ul i{font-size:20px; right: -30px}
	.time_ul li em{display: none;}
}



/*b10*/
.b10{ padding-top: 50px; text-align: center;}
.b10_1{margin-bottom: 30px;}
.b10 .btnp{ padding: 50px 0 150px 0;}
@media (max-width: 768px){
 	.b10_1{ width: 90%; margin:0 5% 30px; }
 	.b10_3{ width: 80%; margin:0 10%; }
}


/*悬浮框*/
.kf_float{ position: fixed; top:150px; right:0; width: 60px; height: 180px; z-index: 1000; background-color: #3d3d3d ;  }
.kf_float li{float: left; height: 60px;}
.kf_float li a{display: inline-block;width: 60px; height: 60px; position: relative;}
.kf_float li em{ position: absolute; z-index: 2; display: inline-block; width: 60px; height: 60px;text-align: center; }
.kf_float li i{ display: inline-block; z-index: 1; position: absolute; left:60px; top:0; padding-left: 15px; width: 185px; height: 60px; line-height: 60px; color: #fff; background-color: #f35055; font-size: 20px; font-style: normal; }
.kf_top{ background: url(../images/float.png) no-repeat;}
.kf_zx{  background: url(../images/float.png) no-repeat;  background-position: 0 -60px   }
.kf_phone{background: url(../images/float.png) no-repeat;  background-position: 0 -120px }
.font18{font-size: 18px!important;}


	/*add 2016.02.16 */
/*.fixed_kf{position:fixed;top:150px;right:0;z-index:100000;}
.fixed_kf a{ display: inline-block; width: 60px; background-color: #3d3d3d; }
.fixed_kf a em{display: inline-block; width: 60px; height: 60px; background: url(../images/float.png) no-repeat;  background-position: 0 -60px }
.fixed_kf a i{display: inline-block; padding:10px 15px;  width: 30px; height: 105px; color: #fff; background-color: #f35055; font-size: 20px;  text-align: center; font-style: normal;}
*/