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

body,h1,h2,h3,h4,h5,h6,p,form,input,select,ul,li,ol,dl,dt,dd,img a {margin:0px;padding:0px;list-style:none;}
body{padding-top:46px;font-family:"microsoft yahei";font-size:14px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none; background:#fff;}
/*body { font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%} 字体/100 =rem*/
  /*h2 {font-size:0.36rem;3.6em × 10 = 24px } */
 /*p{font-size: 1.4em; 1.4em × 10 = 14px }*/ 
/* li { font-size: 1.4em; 1.4 × ? = 14px ? }*/
a{text-decoration:none;outline:none;color:#333;cursor:pointer;}
img{border:none; display:block;}
.f-red{color:#f00;}
.mar0{margin:0px!important;}
/*.mar-t10{margin-top:10px!important;}
*/.center{ margin:0 auto;}


.gkdwDiv{ width:100%; height:auto; margin:40% auto 0;  position:fixed; right:0px; top:0px; z-index:9999;}
.gkdwDiv button{ width:100%; height:150px;position:absolute; top:0px; right:0px; border:none;  background:url(../img/close.png) no-repeat;}
.gkdwDiv_in img{ width:80%; height:auto; left:50%; padding:0 10%;}


.viewport{position:relative;min-width:320px;max-width:740px;width:100%;margin:0px auto;clear:both;}
.top,.banner,.menu-nav,.important,.swiper-con,.box,.taocanIn,.video,.videoIn,.video_botimg,.tese,.zengzhi,.question,.question_more,.place,.baoming,.box_kong,.footer{float:left;width:100%; height:auto;}
.top{height:46px;background:url(../img/top-bg.png) repeat-x left top;background-size:auto 100%;position:fixed;top:0px;left:0px;z-index:100;text-align:center;}
.top img{max-height:96%;}
.ico-menu,.back{position:absolute;left:10px;top:13px;height:20px;}
.top .logo img{height:36px;}
.top .logo{display:inline-block;margin-top:5px;line-height:36px;font-size:20px;color:#fff;font-weight:bold;}
.back{top:7px;height:32px;}
.top .phone{position:absolute;right:10px;top:7px;height:32px;}
.banner img,.tab-banner img{width:100%; height:auto; vertical-align:bottom;}
.guanggao img{width:100% !important;height:auto !important;vertical-align:bottom;}

/*导航*/
.menu{position:fixed;top:46px;left:0px;padding:0px 0px 4px;background:rgba(0,0,0,0.9);text-align:center;line-height:24px;z-index:200;display:none;color:#fff;}
.menu h3{font-size:14px;}
.menu a{display:block;color:#fff;font-size:14px;}
.menu li,.menu h3{padding:4px 12px;border-bottom:1px solid #666;text-align:left;}
.menu li.sub-bg{background:url(../images/ico22.png) no-repeat 92% 10px;background-size:auto 12px;}
.menu .nav:last-child,.menu .subnav:last-child{border:none;}
.menu .nav{position:relative;width:100px;}
.dis{display:block!important;}
.info{float:left;width:100%;height:32px;overflow:hidden;}
.info .swiper-slide a{ color:#666;}
.info li{box-sizing:border-box;height:32px;line-height:32px;padding:0px 5px 0px 0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.menu-nav,.index-baokao{margin-top:10px; }
.menu-nav{ background:#fff; overflow:hidden;}
.index-baokao{border-bottom:1px solid #ddd;padding-bottom:15px;}
.menu-nav h3,.index-baokao h3{width:60%;font-size:16px;text-align:center;margin:15px auto 0px;clear:both; padding-bottom:10px;}
.menu-nav h3 span,.index-baokao h3 span{padding:0px 12px; color:#666; font-family:"微软雅黑";}
.menu-nav h4{ width:312px; height:12px;  background:url(../img/xx_tit_s.jpg) no-repeat center center;  }
.menu-nav ul,.index-baokao ul{ margin:0 atuo; overflow:hidden; padding-top:6px; width:96%; padding:2%;}
.menu-nav li{float:left;width:18%; height:auto;padding:10px 2% 0px 4%;}
.menu-nav li a{ display:inline-block; width:100%; height:auto;  transition:all 0.5s;}
.menu-nav li a:hover{ transform:rotate(360deg);}
.menu-nav li img{width:100%;height:auto;margin-bottom:6px;}
.menu-nav .piClick{ width:200px; height:27px ; padding:5px; margin:2% auto 3%;  border-radius:30px; background:linear-gradient(180deg,#fe8d0c 0%, #fca94a 50%, #fe8d0c 100%); text-align:center; }
.menu-nav .piClick a,.banxingIn .piClick a{width:200px; height:27px; line-height:27px; color:#fff;  display:block; background:linear-gradient(180deg,#fe8d0c 0%, #fca94a 50%, #fe8d0c 100%); font-size:16px; border-radius:30px; transition:all 1s; text-align:center; margin:auto;}
.menu-nav .piClick a:hover,.banxingIn .piClick a:hover{ color:#c16904; background:#fff;/* transform:scale(0.7,0.7);*/}

.banner{ width:100%; height:auto; background:url(../img/banner.jpg) no-repeat center top ; background-size:100%;}
.bannerIn { width:100%; height:auto; }


/*科目重要程度*/
.important{ overflow:hidden; width:100%; }
.important img{ width:100%; height:auto;}

/*套餐*/
.taocanIn{width:94.67%; height:auto;  padding:2% 2.6% 5%; overflow:hidden;  background:#fff;}
.tc_box{ width:100%; height:auto; /*overflow:hidden;*/ }
.tc_box img{ width:100%; height:auto; }
.publicDiv h4{ width:100%; height:auto; font-size:0.18rem; text-align:center; margin:-1.5% 0% 1% 0; color:#666; }
.publicDiv h4 span{ color:#f00;}
.publicDiv h4 strong{ font-size:0.2rem;}
.tc_con{ position:relative; overflow:hidden; width:100%; height:auto; background:#f5f5f5; }

.tc_top{ width:100%; height:auto; /*overflow:hidden;*/ padding:3% 3% 10%; }
.tc_top ul li {width:100%;height:auto; float:left; height:auto; border:1px solid #f57d13; border-radius:0.3rem; text-align:center; }
.tc_top ul li:hover{ background:#f57d13; }
.tc_top ul li a{  font-size:0.24rem; color:#f57d13; padding:1% 0; display:block;}
.tc_top ul li a:hover{ color:#fff;}
.tc_top ul li a span{ font-size:0.14rem; text-align:center;  display:block;}
.tc_top .orange_l{ width:30%;  margin:0 1% 0 0; }
.tc_top .orange_2{ width:30%; margin:0 1% 0 0;}
.tc_top .orange_3{ width:30%;  }
.tc_con .tc_top .current a{ color:#fff;}
.tc_con .tc_top .current{  background:#f57d13; }

.tc_bot{ width:100%; margin-top:5%;  background:#fff;}
.tc_bot ul{ width:100%; height:auto; }
.tc_bot ul li{ display:none; width:100%;}
.tc_bot ul .current{ display:block;}
.tc_bot th{ font-weight:normal; padding:2% 0; border-bottom:1px solid #e2e2e2;}
.tc_bot .table_con1 tr td ,.tc_bot .table_con2 tr td { height:auto; padding:1.5% 0; }
.tc_bot .table01 .table01_tit1{ width:50%; height:auto; border-top:0px;  }
.tc_bot .table01 .table01_tit1{width:1%; height:auto;border-top:0px; }
.tc_bot .table01 .table01_tit1{width:40%; height:auto; border-top:0px; }
.table01,.table02{ width:100%; color:#666; font-size:0.22rem; height:auto; }
.tc_bot table tr td{ border-bottom:1px solid #e2e2e2; border-left:none; border-right:none;}
.tc_bot table{ border:none;}
.tc_bot .right_border{ border-right:1px solid #e2e2e2;}
.tc_bot .table01 .jiesuan{  width:100%; height:auto;   }
.tc_bot .table01  .jiesuan a{ width:100%; height:auto; text-align:center; padding:14% 0; line-height:auto; font-size:0.3rem;display:inline-block;  background:#f57d13; color:#fff; transition:all 1s;  }
.tc_bot .table01  .jiesuan a:hover{ transform:scale(0.95,0.95) }
.tc_bot .table01  .tc_heji{  height:auto; font-size:0.28rem; color:#f57d13;}

.tc_bot  .table02{ width:100%; height:auto; margin:0% 0 0 0 ;}
.table_con2{ width:100%; height:auto; }
.table02 .tc_bot_bt{ color:#f00;  font-weight:600;}
.tc_bot .shopping_car01{ background:url(../img/shop_car2.gif) no-repeat 0.7rem 0.7rem; padding-left:0.1rem;}
.tc_bot del{ color:#999;}
.tc_bot .shopping_car02{ background:url(../img/shop_car2.gif) no-repeat 2.7rem center; padding-left:1.8rem;}
.tc_bot input{ display:none;}

.color {background-color:#fff3cf; }
.wu_color{ background-color:none;}
.tc_bot .table02 .list02 td div{ color:#666;}
.tc_bot .table01 .money_nub{  }
.tc_bot  .table02 table tr td{ padding:1.5% 0;}
.tc_bot  .table02 table .js_tr{ color:#F57D13;}
.tc_bot  .table02 .jiesuan{ width:100%; height:auto; line-height:auto; text-align:center; background:#F57D13;}
.tc_bot  .table02 .jiesuan a{ display:inline-block; width:100%; height:auto; text-align:center; color:#Ffff; background:#F57D13; font-size:0.3rem; }
.tc_bot  .table02 .money_nub{ background:url(../img/shop_car2.gif) no-repeat 0.9rem center; padding-left:0.1rem;}
.tc_bot  .table02 .mid_color{ background:url(../img/shop_car2.gif) no-repeat 0.4rem 6.2rem; padding-left:0.1rem; }
.tc_bot  .table02 .qktc{ background:url(../img/shop_car2.gif) no-repeat 0.7rem 0.6rem; padding-bottom:0.5rem; }

.tc_bot  .table03{ width:100%; height:auto; }
.table03 .list01 th,.table03 .list01 td { font-size:0.22rem; color:#666; font-weight: normal;  text-align: center;  }


.tc_bot  .table03{ width:100%; height:auto; }
.table03 .list01 th,.table03 .list01 td { font-size:0.22rem; color:#666; font-weight: normal;  text-align: center;  }
.table03 .list01 .tit{ font-size:0.20rem; padding:3px 0; }
.table03 .list01 .tit .tit_txt{ width:80%; }
.table03 .list01 .txt{  font-size:0.20rem; color:#666; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  }
.table03 .list01 .car{ background: url("../img/shop_car2.gif") no-repeat 0.98rem 0.35rem; padding-left:0.1rem; cursor: pointer; text-align: left;}
.table03 .heji{ color:#f68827; text-align: center; font-size:18px; font-weight: normal; border-bottom:1px solid #e2e2e2;}
.table03 .tit_txt{ padding:8px; width:80%;  background:#fbe9d7; border-radius:30px; }
.jiansuan_box{  background:#F57D13;}
.table03 .jiesuan{  background:#F57D13;}
.table03 .jiesuan a{ width:22%;  background:#F57D13; border-left:1px solid #e2e2e2; color:#fff; font-size:0.3rem;}	
.table03 .list01 .c3{ color:#333;}

/*视听*/
.video{ width:100%; height:auto; background:#1e1e1f; }
.video h2{ width:100%; height:100%; padding:8% 0 5% 0; overflow:hidden; color:#fff; text-align:center; font-sise:0.36rem; }
.video h4{ color:#fff;height:100%; padding:0 0 7% 0; font-size:0.2rem; text-align:center; }
.videoIn{width:100%; height:auto; padding:8% 0 3% 0; background:#191a20;}
.slc_top{ width:100%; height:auto; line-height:auto; position:relative; background:#191a20; margin:2% 0 0 0;  }
.slc_top ul{ background:#191a20; }
.slc_top ul li{  float:left; background:#191a20; height:auto; border-right:1px solid #202128; position:absolute; width:20%;padding:1% 0; }
.slc_top ul li a { text-align:center; line-height:auto; font-size:0.2rem; font-weight:bold; color:#fff; text-align:center; }
.slc_top ul .blue_l,.slc_top ul .blue_l a{ bottom:0px; left:0px; width:18%; height:auto;  text-align:center; }
.slc_top ul .blue_2,.slc_top ul .blue_2 a{ bottom:0px; left:19%; width:20%;height:auto; text-align:center;  }
.slc_top ul .blue_3,.slc_top ul .blue_3 a{ bottom:0px; left:40%; width:20%;height:auto;  text-align:center; }
.slc_top ul .blue_4,.slc_top ul .blue_4 a{ bottom:0px; left:61%;width:30%;height:auto; text-align:center; }
.slc_top ul .current{  background:#1170b9;  height:auto; bottom:0px; }
.slc_top .blue_5{ width:10%; height:5%; position:absolute; left:90%; top:-29px; }
.slc_top .blue_5 select{ width:47%; padding:1% 2%; background:none; border:none; height:auto; line-height:auto; border:1px solid #4c4d53; background:#2f3036; border-radius:25%;/* padding:10px 10px 10px 18px;*/ font-size:12px; color:#fff; outline:none;}
.slc_top .blue_5:hover{ background:#191a20;}
.slc_bottom{ width:100%; height:auto; background:#191b21; } 
.slc_bottom ul li{ width:100%; height:auto; overflow:hidden;}
.video_botimg{ height:40px; background:url(../img/video_bot.jpg) no-repeat center top; }

/*.cdt_bottom ul li .l_imgbox{ width:500px; float:left; height:330px;}*/
.mv_pub{ width:100%; height:auto; overflow:hidden; background:#191b21; float:left; }
.mv_pub video{ width:100%; height:auto;}
.slc_bottom ul li .li_con{  width:27.9%; height:auto; float:left; /*padding:10% 2% 15%;*/ position:relative; background:#191b21; }
.slc_bottom ul li .teacher_01  {/*background:url(../img/fengling.jpg) no-repeat center top; background-size:100%; height:auto;*/ }
.slc_bottom ul li .teacher_02 {/*background:url(../img/zhangsihao.jpg) no-repeat center top; background-size:100%;height:auto;*/ }
.slc_bottom ul li .teacher_03 {/*background:url(../img/baiyin.jpg) no-repeat center top;  background-size:100%;height:auto;*/}
.slc_bottom ul li .teacher_04 {/*background:url(../img/chenlan.jpg) no-repeat center top; background-size:100%; height:auto;*/}
.slc_bottom ul li .teacher_01 img  {/*background:url(../img/fengling.jpg) no-repeat center top; background-size:100%; height:auto;*/ width:100%; height:auto;}
.slc_bottom ul li .teacher_02 img {/*background:url(../img/zhangsihao.jpg) no-repeat center top; background-size:100%;height:auto;*/ width:100%; height:auto;}
.slc_bottom ul li .teacher_03 img {/*background:url(../img/baiyin.jpg) no-repeat center top;  background-size:100%;height:auto;*/width:100%; height:auto;}
.slc_bottom ul li .teacher_04 img {/*background:url(../img/chenlan.jpg) no-repeat center top; background-size:100%; height:auto;*/width:100%; height:auto;}

.slc_bottom ul li .li_con h3{ font-size:0.3rem; font-weight:bold; color:#fff; padding:0 0 3% 0;}
.slc_bottom ul li .li_con p{ font-size:0.01rem; color:#f5f5f5; line-height:0.4rem;}
.slc_bottom ul li{ display:none;}
.slc_bottom ul .current{ display:block; }

/*课程特色*/
.tese{ width:100%; height:auto; background:#eee;}
.tese img{ width:100%; height:auto;}
.tese_zixun{ width:100%; height:auto; padding:5% 0; background:#fff; }
.tese_zixun a{ color:#3574a1; font-size:0.26rem; width:100%; padding-left:65%; }

/*增值服务*/
.zengzhi{ width:100%; height:100%; }
.zengzhi img{ width:100%; height:auto; }
/*问题*/
.question{ width:100%; background:#eaeaea; overflow:hidden;}
.question h2{ font-size:0.36rem; width:100%; text-align:center; height:auto; padding:5% 0;}
.box{ width:100%; float:left; position:relative; background:#fafafa;}
.box img{width:100%;vertical-align:bottom; height:auto;}
.swiper-con{ width:100%; box-sizing:border-box; }
.box .swiper-pagination{ width:100%; z-index:9999; position:absolute;bottom:0.1rem; left:0rem; }

.question_more{ width:100%; height:auto; background:#333; padding:7% 0;}
.question_more a{ width:70%; height:auto; background:#f8f8f8 url(../img/more.png) no-repeat 70% 50%; display:block; padding:5% 0 5% 35%; font-size:0.3rem;}
/*报名时间直通车*/
.place{ width:100%; height:auto; padding-top:8%;}
.place img{ width:100%; height:auto; display:block;}

/*报名方式*/
.baoming{ width:100%; height:auto; padding:2% 0 0;  }
.baoming img{ width:100%; height:auto;}
.box_kong{ height:1.5rem;}

.bottom{width:100%; position:fixed;bottom:0px; padding:1% 4% ; text-align:center; right:0px;height:48px; border-top:1px solid #C1C1C1;z-index:198; overflow:hidden; font-size:14px; background:rgba(177,177,177,0.6); box-sizing:border-box;}
.bottom .bot_tel,.bottom .bot_leyu{ width:49%; float:left; height:36px; line-height:36px;  box-sizing:border-box;}
.bottom .bot_tel{ background:linear-gradient(180deg,#ff1919 0%,#de192a 100%); margin:0 2% 0 0 ;box-sizing:border-box;  font-weight:bold; }
.bottom .bot_tel img{ margin:5px 0 0 20%; width:28px; height:27px; float:left;}
.bottom .bot_tel a,.bottom .bot_leyu a{ color:#fff; display:inline-block; width:40%; height:36px; line-height:36px; float:left; padding:0 0 0 5px;}
.bottom .bot_leyu{ background:linear-gradient(180deg,#2582d9 0%,#1264b1 100%);box-sizing:border-box;  font-weight:bold; }
.bottom .bot_leyu img{ margin:8px 0 0 20%; width:28px; height:21px; float:left;}


.black{position:fixed;left:0px;top:0px;bottom:0px;right:0px;display:none;background:rgba(0,0,0,0.5);z-index:199; }