/*移动端css*/
@media only all and (max-width:1080px){
html{ font-size:12px; }
body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; width: 100%; margin: 0 auto; overflow-x: hidden; }
html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
 /* 隐藏元素 */
.top{ display:none;}
#foot{display:none; }
.qq_info1{display:none; }
.banner{display:none;}
.main1_left_1 h2{ display:none }
.main2_left_1 h2{ display:none }
.main3_left_1 h2{ display:none  }

 /* 显示元素 */
.end{ display: block}
.foot1{ display:block}
.banner_yd{display:block;}
.box_ts{display:block;}
.main1_left_1 h3{ display:block }
.main2_left_1 h3{ display:block }
.main3_left_1 h3{ display:block }
.end{ display: block}
.foot1{ display:block}
.message-css{ display:block}



/*top*/
.top_yd{ width:100%; background:#FFF; height:4rem; margin:0 auto; padding:0.5rem 0 0 0; display: block;}
.top_yd li{ float:left; list-style:none ;}
.top_yd li img{ width:60%;display: block; padding-left: 1rem; float: left; }
.top_yd a{ float: right; font-size:1.2rem; color:#2A2A2A ; padding-right:1rem ; }

/*移动banner*/
.banner_yd { 
    background: #f7faff;background-size:100% 100%;
  }
  
.banner_yd img{ width:100%;}

/*课程特色*/
.box_ts{ width: 100%; height: auto; margin: 0 auto; padding-top: 1rem;background:#f7faff; }
.bt_1{ width: 90%; height: auto; margin: 0 auto; background:url(../images/bt1_bg.png) no-repeat top center }
.bt_1 h2{ font-size: 1.6rem; height: 3rem;  text-align: center;line-height: 2.2rem; }
.bt_1 li{ font-size: 1.0rem; height: 2rem; color: #666; text-align: center;line-height: 1.2rem; }

.main1{ width: 98%; height:44rem; margin: 0 auto; background: #188ae5; display: relative;}
.main1_left{display: absolute; width: 100%; height:12rem; float: none; margin: 0 auto;background: #188ae5; padding-top: 1rem;  top:1rem;}

.main1_left_1{ width:96%; height: auto; margin: 0 auto; background:#FFFFFF; border-radius: 6px; padding-top: 0.5rem; }

.main1_left_1 h3{ font-size: 1.6rem; height:2rem;  text-align: center; color: #0068e9; width: 100%; margin-left: 1rem; }
.main1_left_1 h3 img{ width: 21%;  margin-right:2rem; }

.main1_left_1 p{ font-size:1.0rem; height:2rem; color: #666; text-align: center;  color: #666;}

.main1_left_1 ul{ width:100%; height: auto; margin: 0 auto; padding-top: 0px; }
.main1_left_1 ul li{ width:48%; height: auto; margin:0.5rem 0.2rem;  float: left; font-size:1.0rem;line-height:2.6rem;  color: #FFF;text-align: center;
	background: -webkit-linear-gradient(top,#f89206,#f8ab44);
    background: -moz-linear-gradient(top,#f89206,#f8ab44);
    background: -webkit-gradient(linear,top top,right top,from(#f89206),to(#f8ab44));
    background: linear-gradient(top,#f89206,#f8ab44);
    background: -ms-linear-gradient(top,#f89206,#f8ab44);
border-radius: 30px;}
.main1_right{ width:100%; height:auto; background:#FFFFFF; float: none; box-shadow:0px 0px 0px #d4edff;border-radius: 10px; }
.main1_right_1{ width:95%; height: auto; margin: 0.5rem auto; padding-top: 5px;background: #e9f2ff; padding:10px;}
.main1_right_1 img{ width:4%; }
.main1_right_1 h2{ font-size:1.4rem; line-height:1.6rem; color: #0068e9;padding-bottom: 10px; }
.main1_right_1 li{ font-size:1.0rem; line-height:1.6rem;  color: #666;  }

.main1_right_2{ width:96%; height: auto; margin: 0.5rem auto; padding-top: 5px;background: #fff0da; padding:10px;}
.main1_right_2 img{ width:4%; }
.main1_right_2 h2{ font-size:1.4rem; line-height:1.6rem; color: #f8980a;padding-bottom: 10px; }
.main1_right_2 li{ font-size:1.0rem; line-height:1.6rem;  color: #666;  }

.main2{  width: 98%; height:50rem; margin: 0 auto; background: #188ae5; clear: both;}
.main2_left{ width: 100%; height:14rem; float: left; margin: 0 auto;background: #188ae5; padding-top: 1rem;  top:0px; clear: both;}

.main2_left_1{ width:96%; height: auto; margin: 0 auto; background:#FFFFFF; border-radius: 6px; padding-top: 0.5rem; }

.main2_left_1 h3{ font-size: 1.6rem; height:2rem;  text-align: center; color: #0068e9; width: 100%; }
.main2_left_1 h3 img{ width: 21%; float: left; margin-right:2rem; }

.main2_left_1 p{width:100%; font-size:1.0rem; height:2rem; color: #666; text-align:center;  color: #666;padding-left:0rem;}

.main2_left_1 ul{ width:100%; height: auto; margin: 0 auto; padding-top:2rem; }

.main2_left_1 ul li{ width:31%; height: auto; margin:0.5rem 0.2rem;  float: left; font-size:1.0rem;line-height:2.6rem;  color: #FFF;text-align: center;
	background: -webkit-linear-gradient(top,#f89206,#f8ab44);
    background: -moz-linear-gradient(top,#f89206,#f8ab44);
    background: -webkit-gradient(linear,top top,right top,from(#f89206),to(#f8ab44));
    background: linear-gradient(top,#f89206,#f8ab44);
    background: -ms-linear-gradient(top,#f89206,#f8ab44);
border-radius: 30px;}

.main2_right{ width:100%; height:auto; background:#FFFFFF; float: right; box-shadow:0px 0px 0px #d4edff;border-radius: 10px;clear: both; padding-top: 15rem; }
.main2_right_1{ width:95%; height: auto; margin: 0.5rem auto; padding-top: 5px;background: #e9f2ff; padding:10px;}
.main2_right_1 img{ width:4%; }
.main2_right_1 h2{ font-size:1.4rem; line-height:1.6rem; color: #0068e9;padding-bottom: 10px; }
.main2_right_1 li{ font-size:1.0rem; line-height:1.6rem;  color: #666;  }

.main2_right_2{  width:96%; height: auto; margin: 0.5rem auto; padding-top: 5px;background: #fff0da; padding:10px;}
.main2_right_2 img{ width:4%; }
.main2_right_2 h2{font-size:1.4rem; line-height:1.6rem; color: #f8980a;padding-bottom: 10px; }
.main2_right_2 li{font-size:1.0rem; line-height:1.6rem;  color: #666; }

.main3{width: 98%; height:56rem; margin: 0 auto; background: #FFFFFF; clear: both;}
.main3_left{ width: 100%; height:12rem; float: none; margin: 0 auto;background: #188ae5; padding-top: 1rem;  top:0px; clear: both;}
.main3_left_1{ width:96%; height: auto; margin: 0 auto; background:#FFFFFF; border-radius: 6px; padding-top: 0.5rem;  }
.main3_left_1 h3{ font-size: 1.6rem; height:2rem;  text-align: center; color: #0068e9; width: 100%; }
.main3_left_1 p{ font-size:1.0rem; height:2rem; color: #666; text-align: center;  color: #666;}

.main3_left_1 ul{ width:100%; height: auto; margin: 0 auto; padding-top: 0px; }

.main3_left_1 ul li{  width:31%; height: auto; margin:0.5rem 0.2rem;  float: left; font-size:1.0rem;line-height:2.6rem;  color: #FFF;text-align: center;
	background: -webkit-linear-gradient(top,#f89206,#f8ab44);
    background: -moz-linear-gradient(top,#f89206,#f8ab44);
    background: -webkit-gradient(linear,top top,right top,from(#f89206),to(#f8ab44));
    background: linear-gradient(top,#f89206,#f8ab44);
    background: -ms-linear-gradient(top,#f89206,#f8ab44);
border-radius: 30px;}

.main3_right{width:100%; height:auto; background:#FFFFFF; float: right; box-shadow:0px 0px 0px #d4edff;border-radius: 10px; padding-top: 13rem; }

.main3_right_1{width:95%; height: auto; margin: 0.5rem auto; padding-top: 5px;background: #e9f2ff; padding:10px;}
.main3_right_1 img{ width:4%; }
.main3_right_1 h2{ font-size:1.4rem; line-height:1.6rem; color: #0068e9;padding-bottom: 10px; }
.main3_right_1 li{font-size:1.0rem; line-height:1.6rem;  color: #666; }

.main3_right_2{ width:96%; height: auto; margin: 0.5rem auto; padding-top: 5px;background: #fff0da; padding:10px;}
.main3_right_2 img{ width:4%; }
.main3_right_2 h2{ font-size:1.4rem; line-height:1.6rem; color: #f8980a;padding-bottom: 10px; }
.main3_right_2 li{ font-size:1.0rem; line-height:1.6rem;  color: #666; }


/*课程1*/
.box_kc1{ width: 100%; height:auto; margin: 0 auto; padding-top: 2rem;background:#1d90e4; float: none;padding-bottom:3rem;}
.bt_2{ width: 90%; height: auto; margin: 0 auto; background:url(../images/bt1_bg.png) no-repeat top center }
.bt_2 h2{ font-size: 1.8rem; height: 2.0rem;  text-align: center;  }
.bt_2 li{ font-size: 1.0rem; height: 2rem; color: #FFFFFF; text-align: center; line-height: 1.2rem }

.main_kc1{width: 98%; height:20rem;  margin: 0 auto; }
.kc1_left{ width:46%; float: left; background: #0973e7; padding-bottom: 10px;margin: 0 0.5rem;}
.kc1_left h2{width:80%;  background: #db5236;font-size:1.2rem; line-height:1.6rem; color: #FFFFFF; text-align: center;border-radius:  0 30PX 30PX 0; margin: 1rem 0;}
.kc1_left table {border-collapse: collapse; width:100%; line-height:1.2rem; margin:0px auto 0px auto;background: #FFFFFF;}
.kc1_left table th{color:#FFFFFF;font-size:1.0rem; line-height:1.6rem; border: 0px solid #e1e1e1; background-color:#f8b048; }
.kc1_left td.txtFl{text-align:left; padding-left:0.5rem;}
.kc1_left table td { border: 1px solid #e1e1e1; padding:2px; font-size:1.0rem; line-height:2.2rem; text-align:center; color:#333;}

/*课程2*/
.main_kc2{width:100%; height:auto;  margin: 0 auto;}
.main_kc2 table {border-collapse: collapse; width:96%; line-height:1.2rem; margin:0px auto 0px auto;background: #FFFFFF;}
.main_kc2 table th{color:#FFFFFF; font-size:1.0rem; line-height:1.6rem; border: 0px solid #e1e1e1; background-color:#f8b048; }
.txtFl{text-align:left; padding-left:20px;font-size:1.0rem; line-height:2rem;}
.main_kc2 table td {border: 1px solid #e1e1e1; padding:2px; font-size:1.0rem; line-height:2.0rem; text-align:center; color:#333;}
.bottom a{text-decoration: none;display: block;width:80%;text-align: center;height: 3.2rem;line-height:3.2rem;font-size:1.0rem;color: #FFF;border-radius:5px; background: #e91532; margin: 0 auto; margin-bottom:0rem;}

/*课程3*/
.main_kc3{width: 100%; height:16rem;  margin: 0 auto;}
.main_kc3_1{ width: 31%; height: auto; float: left; background: #f2a432; margin: 0 0.3rem; }
.main_kc3_1 h2{ width: 100%; font-size:1.2rem; line-height: 1.6rem; text-align: center;  color: #FFFFFF; margin: 10px auto;}
.main_kc3_1 h2 img{ width: 20% ;}
.main_kc3_1 ul{ width: 94%; text-align: center;  color: #333; border-radius: 5px;background: #FFFFFF; margin: 0 auto; margin-bottom:10px;}
.main_kc3_1 ul li{ width: 100%; font-size:1.0rem; line-height:1.6rem; text-align: center;  color: #333; border-radius: 5px;background: #FFFFFF; margin: 0 auto; margin-bottom:10px;}



/*课程师资*/
.box_sz{ width: 100%; height:57rem; margin: 0 auto; padding-top: 2rem;background:#f7faff;  padding-bottom:30rem;}
.sz{ width:98%; height:auto;  margin: 0 auto; background: #FFFFFF; }

.sz1{ width:94%; height:auto; background: #FFFFFF;float: left;box-shadow:0px 0px 0px #eeeeee; margin: 0 1rem; }
.xp{height: auto; margin: 0 auto; }
.xp img{width:91%; height: auto; margin: 0 auto; }
.sz1 h2{ font-size:1.2rem; line-height:2.2rem; color:#4a73f9; padding:0.2rem 3rem; } 
.sz1 li{ font-size:1.0rem; line-height:1.6rem; color:#333; padding:0.2rem 1rem; } 
.sz1 p{ font-size: 1.0rem; line-height:1.6rem; color:#333; padding:0.2rem 1rem; } 

/*课程环境*/
.box_hj{ width: 100%; height:auto; margin: 0 auto; padding-top: 3rem;background:url(../images/box3_bg.jpg) no-repeat top center; }
.hj{ width:98%; height:auto;  margin: 0 auto; padding-top:2rem; }
.hj img{ width:98%; height:auto;  margin: 0 auto; }

/*课程环境*/
.box_zj{  width:100%; height:auto;  margin: 0 auto; padding-top:2rem; padding-bottom: 2rem;  }
.zj{  width:98%; height:auto;  margin: 0 auto; padding-top:2rem; }
.zj img{ width:98%; height:auto;  margin: 0 auto; }

/*开课环境*/
.box_kk{ width: 100%; height:auto; margin: 0 auto; padding-top: 2rem;background:url(../images/kk_bg.jpg) no-repeat top center;padding-bottom: 2rem; }
.kk{ width: 98%; height:auto;  margin: 0 auto;  padding-top:0.5rem; }
.kk img{ width:98%; height:auto;  margin: 0 auto; }

/*课程服务*/
.box_fw{ width: 100%; height:auto; margin: 0 auto; padding-top: 1rem;background:url(../images/fw_bg.jpg) no-repeat top center;padding-bottom: 2rem;  }
.fw{ width: 98%; height:auto;  margin: 0 auto; padding-top: 1rem; }
.fw img{ width:98%; height:auto;  margin: 0 auto; }

/*联系我们*/
.box_lxwm{ width: 100%; height:auto; margin: 0 auto; padding-top: 2rem;background:url(../images/lxwm_bg.jpg) no-repeat top center; }
.lx{ width: 35%; height:auto;  margin: 0 auto; }
.lx img{ width:100%; height:auto;  margin: 0 auto; }


/*foot*/
.end{font-size: 24px; color:#eeeeee ; text-align: center; padding-top: 30px;}
.foot1 {background: #111112;color: #FFF;text-align: center;padding: 10px 0px; margin-top:30px;}
.foot1 p{ width:92%; margin:0 auto; font-size: 14px;}

a{text-decoration: none; color:#FFF}
.message-css{ z-index:1; color: #ffffff; font-family:Microsoft Yahei,Arial; font-size:14px; margin: 0 auto; padding:10px 0; width: 100%; background: #0d79e7; position: fixed; left: 0; bottom: 0; z-index: 10;}
.message-css .message-css-online,.message-css .message-css-phone{ text-align: center; width: 49%; margin: 0; padding:0;}
.message-css .message-css-online img,.message-css .message-css-phone img{ height: 100%; vertical-align: middle; margin: 0 10px 0 0;}
.message-css .message-css-online{ float: none;}
.message-css .message-css-phone{ float:none;}
}