body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, a { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
ul, ol, li { list-style-type: none; }
body { -webkit-overflow-scrolling: touch; background-color: #fff; color: #191919; font-size: 12px; }
select, input, img, select { vertical-align: middle; outline: none; box-sizing: border-box; }
a { text-decoration: none; }
a { color: #222; }
element::-webkit-scrollbar {
 display: none;
}
/*a:visited{color:#666;} */
.w-100 { width: 100%; }
.w-98 { width: 98%; }
.w-97 { width: 97%; }
.w-99 { width: 99%; }
.w-96 { width: 96%; }
.w-95 { width: 95%; }
.w-90 { width: 90%; }
.w-85 { width: 85%; }
.w-80 { width: 80%; }
.w-60 { width: 60%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-55 { width: 55%; }
.w-58 { width: 58%; }
.w-42 { width: 42%; }
.w19 { width: 19rem; }
.h-auto { height: auto; overflow: hidden; }
.h-100 { height: 100%; }
.bg-fff { background-color: #FFFFFF; }
.bg-000 { background-color: #000000; }
.cl0 { color: #000000; }
.clf { color: #FFFFFF !important; }
.fl { float: left; }
.fr { float: right; }
.main { width: 100%; max-width: 640px; margin: 0 auto; height: auto; box-shadow:0 .1rem .5rem #eee}
.center { margin-left: auto; margin-right: auto; }
.h-center { text-align: center; }
.f-img { display: block; width: 100%; height: auto; }
.m-t0 { margin-top: 0rem; }
.m-t1 { margin-top: 1rem; }
.m-t12 { margin-top: 1.2rem; }
.m-t13 { margin-top: 1.3rem; }
.m-t14 { margin-top: 1.4rem; }
.m-t15 { margin-top: 1.5rem; }
.m-t06 { margin-top: 0.6rem; }
.m-t08 { margin-top: 0.8rem; }
.p-b12 { padding-bottom: 1.2rem; }
.p-l { padding-left: 0.9rem; }
.p-t05 { padding-top: 0.5rem; }
.p-t02 { padding-top: 0.2rem; }
.p-t12 { padding-top: 1.2rem; }
.show { display: block !important; }
.sho { display: block; }
.bold { font-weight: bold; }
.lighter { font-weight: lighter; }
.bd_r { border-right: 1px solid #D4D4D5; }
.clearfix{*zoom:1}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both;overflow:hidden}


/*bottm-fix*/
.fix-b { height: 2.5rem; position: fixed; bottom: 0rem; background: url(teln.png) no-repeat top; background-size: 100% 100%; max-width: 640px; z-index: 999; }
.fix-b a { display: block; float: left; width: 50%; height: 100%; }
.bd-t { border-top: 1px dashed #999; }
.ban { width: 100%}
.ban img {width: 100%; display: block; margin: 0; border: 0}

.btn{display:block; width: 80%; margin: 1rem auto; height: 2rem; line-height: 1.9rem; border-radius:1rem; text-align:center; color:#fff; font-size:.8rem;background: linear-gradient(90deg,#fe7b00,#fbb254);
    -webkit-box-shadow: 0 .1rem .2rem rgba(255,144,23,.5);
    -moz-box-shadow: 0 .1rem .2rem rgba(255,144,23,.5);
    box-shadow: 0 .1rem .2rem rgba(255,144,23,.5);}
.btn span {font-size: .6rem; font-weight: 100; color: #fff}

.title{width:100%; text-align:center; font-size: 1rem; height: 2rem; line-height: 1.3rem; font-weight: lighter}
.title img{ display: inline-block; width:18%; vertical-align:top;}
.title span{ display: inline-block; padding:.3rem .5rem;}
.title p{ line-height:1.3rem;font-size: .75rem}

/*top*/
.info_top {height: 2.35rem;margin: 0 auto;background: #333;}
.nav { background-color: #FFFFFF; width: 100%; height:1.9rem}
.nav li { display: block; float: left; text-align: center; height: 1.9rem; line-height: 1.9rem; font-size: .7rem; width: 21%}
.nav li:nth-child(3) {width: 16%}
.nav li a {color: #333}

.banner img {width: 100%;}

/*box1*/
.box1 {width:100%; background:url(part1.jpg) no-repeat bottom; background-size: 100%;; padding-bottom: 8rem}
.box1 ul {width: 42%; float: left; background: #fff; box-shadow: 0 0 .5rem 0 #ddd; margin-left: 5.3%; padding-bottom: .5rem; margin-top: .8rem}
.box1 ul li {font-size: .65rem;line-height: 1.rem; padding: .3rem 0; text-align: center; border-bottom: 1px dotted #ddd; color: #444; width: 90%; margin: 0 5%}
.box1 ul h3 { text-align: center; font-size: .85rem; height: 2rem; line-height: 2rem;font-weight: 600; background: #f7f7f7; margin-bottom: .3rem}
.box1 ul h3.now { color: #f76f3a; background: #fff1ef}
.box1 ul:nth-child(1) li {color: #888}

/*品牌特色*/
.service{width: 100%;height: auto;position: relative;overflow: hidden; padding-bottom: 1rem; background: linear-gradient(to bottom, #f0f0f0 0%, #f9f9f9 100%)}
.service div.wrap{width: 92%;height: auto;position: relative;overflow: hidden;margin-top: 1.4rem;margin-left: 4%;}
.service div.wrap dl{width: 48%;height:9rem;float: left;margin-right: 4%;margin-bottom: .2rem;border-radius: .2rem; background: #fff; box-shadow: 0 0 .5rem 0 #eee}
.service div.wrap dl dt{width: 100%;height: auto; padding: 0; margin: 0}
.service div.wrap dl dt img{ width: 26%; margin: .5rem 37%}
.service div.wrap dl dd{width: 100%;height: 5rem;  border-top:0;box-sizing: border-box;text-align: center;padding: 0; margin: 0}
.service div.wrap dl dd h3{font-size: .75rem; line-height: 1rem; color: #000; margin-bottom: .5rem}
.service div.wrap dl dd p{font-size: .6rem;color: #727171;margin: 0 .8rem;text-align: left;line-height: .9rem;text-align:justify; text-justify:distribute-all-lines;text-align:center}

/*课程设置*/
.part3 { width: 100%; padding: .5rem 0; background: linear-gradient(to bottom, #fcefe9 0%, #fdd9c8 100%)}
.classTableS { width: 92%; margin: 2rem auto 0}
.classTableS ul {font-size: 0}
.classTableS ul li { display: inline-block;*zoom: 1; *display: inline;vertical-align: middle; margin: 0 0 .6rem 0;font-size: .8rem; color: #333; padding: 0 1.2rem; line-height: 1.8rem; text-align: center; cursor: pointer;border-radius: .2rem; background: #fff; margin: 0 .4rem}
.classTableS ul .active {background: linear-gradient(to right,#f55365,#ff805d);color: #fff;}
.classTableS dl {width: 96%;background-color: #fff;margin: .5rem auto 0;}
.classTableS dl dd { display: none; margin: 0}
.classTableS dl dd table {width: 100%; border-top: 1px solid #eee; border-left: 1px solid #eee}
.classTableS dl dd table tr td {font-size: .65rem; color: #333; padding: .5rem .5rem; border-right: 1px solid #eee; border-bottom: 1px solid #eee}
.classTableS dl dd table tr td.tit {font-weight: bold; text-align: center; font-size: .7rem}
.classTableS dl dd:first-child { display: block;}
.classTableS dl dd table tr td:nth-child(3) {border-right: 0}

/*师资*/
.teacher { padding: .5rem 0}
.xy {height: auto; overflow: hidden; padding: 0.2rem; margin-top: 1.5rem}
.xy .xy_list { height: 16rem;position: relative;}
.xy .xy_list li {
  width: 15.2rem;
  height: 12rem;
  position: absolute;
  top: 0.9rem;
  left: 1.6rem;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.7rem 1.2rem;
  display: none;
  box-shadow: 0.1rem 0rem 2rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: -1;
  transition: all 0.5s;
}
.xy .xy_list li .xy_top {
  height: auto;
  overflow: hidden;
}
.xy .xy_list li .xy_top img {
  display: block;
  float: left;
  width: 4.1rem;
	width: 4.1rem;
	border-radius: 2.2rem
}
.xy .xy_list li .xy_top .xy_tr {
  float: right;
  width: 8rem;
}
.xy .xy_list li .xy_top .xy_tr h4 {
  font-size: 0.85rem;
  height: 2rem;
  line-height: 2.25rem;
  background: url(xy_b.png) no-repeat bottom;
}
.xy .xy_list li .xy_top .xy_tr h5 {font-weight: normal; color: #666}
.xy .xy_list li .xy_top .xy_tr p {
  height: 1.56rem;
  line-height: 1.56rem;
  font-size: 0.65rem;
  background: -webkit-linear-gradient(left, #f55365, #ff7f5d);
  /* 背景色渐变 */
  -webkit-background-clip: text;
  /* 规定背景的划分区域 */
  -webkit-text-fill-color: transparent;
  /* 防止字体颜色覆盖 */
}
.xy .xy_list li .xy_des {
  font-size: 0.6rem;
  color: #7e7e7e;
  height: 7.94rem;
  line-height: 1.5;
  margin-top: 0.5rem;
  display: table-cell;
  width: 12.8rem;
  height: 7.92rem;
  vertical-align: middle;
}
.xy .xy_list li:nth-child(2) {
  left: 0.9rem;
  height: 12rem;
  top: 1.9rem !important;
  display: block;
}
.xy .xy_list li:nth-child(3) {
  left: 2.2rem;
  height: 13.8rem;
  top: 1rem !important;
  display: block;
  z-index: 1;
}
.xy .xy_list li:nth-child(4) { left: 3.5rem; height: 12rem; top: 1.9rem !important;display: block;}
.xy .xy_nav { text-align: center;}
.xy .xy_nav li {display: inline-block; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background-color: #b2b2b2;margin: 0rem 0.22rem;}
.xy .xy_nav .xy_on {background-color: #636363 !important;}

/*配套书籍*/
.box4 {margin-top:0; padding: .8rem 0; border-top: .7rem solid #f6f6f6}
.book {margin-top: 1.8rem}
.book dl {width: 31.5%; float: left}
.book dl dt img {width: 80%; margin: 0 10%}
.book dl dd {text-align: center; font-size: .7rem; line-height: 1.5rem; margin: 0 0 0 12%; padding: 0; width: 100%}

/*教学管理*/
.box5 {margin-top:0; background: #f0f0f0; padding: .8rem 0}
.box5 .box{width:96%; height:18.2rem; margin:1.8rem auto 0; background:url(sec7-bg.jpg) no-repeat; background-size:100%;}
.box5 .box ul{overflow:hidden; width: 100%}
.box5 .box ul.ul1{padding:.1rem 0 0 .5rem;}
.box5 .box ul.ul2{padding:.5rem 0 0 2.1rem;}
.box5 .box ul li{width:23%; height:4rem; color:#fff; margin-right:.38rem; float: left; text-align:center; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content: center; font-size: .65rem}
.box5 .box ul.ul2 li {margin-right: 1.25rem}
.box5 .box ul li span {font-size: .7rem}
.box5 .box ul li:last-child{margin-right:0;}
.box5 .btn{width:92%; margin:.15rem auto 0;}

/*优秀学员*/
.flowm { height: auto; overflow: hidden; padding: 1rem 0rem; clear: both; }
.jz{ margin-top: 1.8rem}
.jz-top{ width:94%;  overflow:hidden; position:relative; margin:0 auto; }
.jz-top h2{ width:100%; background: linear-gradient(to right,#f55365,#ff805d); height:1.8rem; line-height:1.8rem; border-bottom:3px solid #e13142; color:#fff; text-align:center; font-size:.75rem; font-weight:normal;; border-radius: .3rem .3rem 0 0; letter-spacing: 1px}
.jz-top .hd{ display:none;}
.jz-top .bd{ background-color:#fff;}
.jz-top .infoList li,.jz-top .title{ height:26px; line-height:26px; font-size:11px;overflow:hidden;}
.jz-top .infoList li span{ width:20%; text-align:center;height:26px;  display:inline-block; overflow:hidden;color:#2f2f2f;}
.jz-top .title{ background-color:#05011f; width: 100%}
.jz-top .title span{ width:20%; text-align:center; display:inline-block;color:#fff; margin: 0; padding: 0}
.jz-top .infoList li.lib{ background-color:#ebebeb}

.hj { width: 92%; background: linear-gradient(to bottom, #fcefe9 0%, #fdd9c8 100%); padding:.1rem 4% 1.5rem; }
.hj div.img8 {width: 98%; background: #fff;padding: 1%; margin-top: 1.8rem}
.hj div.img8 img {width: 100%}


.foot { font-size: 0.63rem; text-align: center; line-height: 1.8; padding: 1rem 0rem; margin-bottom: 2rem; background: #fff}
.zixunkuang { margin:0 0.625rem; padding: 0 1rem; height: 2.18rem; }
.zixunkuangb { margin:0 0.625rem; height: 2.18rem; }