@charset "UTF-8";
* {
  box-sizing: border-box;
}
@font-face {
  font-family: FZLTHGBK;
  src: url("http://files.offcn.com/font/FZLTHGBK.TTF");
}
@font-face {
  font-family: FZLTTHJGBK;
  src: url("http://files.offcn.com/font/FZLTTHJGBK.TTF");
}
@font-face {
  font-family: FZLTCHGBK;
  src: url("http://files.offcn.com/font/FZLTCHGBK.TTF");
}
@font-face {
  font-family: FZTYSJW;
  src: url("http://files.offcn.com/font/FZTYSJW.ttf");
}
body,
html {
  padding: 0;
  margin: 0;
  min-height: 100%;
}
html {
  -ms-overflow-style: scrollbar;
}
img {
  border: none;
  outline: 0;
  max-width: 100%;
}
a {
  cursor: pointer;
  text-decoration: none;
}
a:active {
  outline: 0;
}
a:focus {
  -moz-outline-style: none;
  outline: 0;
}
ul {
  list-style: none;
}
li,
ul {
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
p {
  padding: 0;
  margin: 0;
  font-weight: 400;
}
h1 a:active,
h1 a:focus,
h1 a:hover,
h1 a:link,
h2 a:active,
h2 a:focus,
h2 a:hover,
h2 a:link,
h3 a:active,
h3 a:focus,
h3 a:hover,
h3 a:link,
h4 a:active,
h4 a:focus,
h4 a:hover,
h4 a:link,
h5 a:active,
h5 a:focus,
h5 a:hover,
h5 a:link,
p a:active,
p a:focus,
p a:hover,
p a:link {
  text-decoration: none;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
}
ol {
  padding: 0 0 0 20px;
}
ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.main {
  width: 1000px;
  margin: 0 auto;
}
.mr0 {
  margin-right: 0 !important;
}
h2 {
  text-align: center;
  font: 700 40px/60px;
  color: #333;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}
body {
  font-family: FZLTHGBK, "Microsoft YaHei", "宋体";
  color: #333;
  min-width: 1000px;background: url(../images/banner_repeat.jpg) center repeat-y;
}
.container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.container:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.classTabTlt{display: flex; justify-content: center; text-align: center; margin-top: 45px;}
.classTabTlt li{padding: 0 14px 0 56px; height: 42px; line-height: 40px; margin: 0 10px; border-radius: 100px; border: 1px solid #4d4d4d; background: #fff url(../images/tabBg01.png) center left no-repeat; cursor: pointer;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.classTabTlt li a{display: block; color: #4d4d4d}
.classTabTlt li.active{-webkit-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none; cursor: inherit;}
.classTabTlt li + li{background-image: url(../images/tabBg02.png);}
.classTabBox{}
.classTabBox h3{font-size: 18px; margin-top: 10px; margin-bottom: 10px; line-height: 29px; color: #4d4d4d; padding-left: 40px; background: url(../images/loc.png) center left no-repeat;}
.classTabBox h3 strong{color: #f52b28;}
#classLoc{background-image: url(../images/loc.png);}
.classTabBox .classBox{display: none;}
.classTabBox .classBox.active{display: block;}
.level-con{padding:10px 0 20px;margin:0 auto;border-bottom:1px dashed #afbac1;}

.level-con .level_list{position: relative; width:100%;}
.level-con .level_list>li{display: inline-block}
.level-con .level_list>li > .level_item{display: block; float: none;}
.level-con .level_list .level_item{display: inline-block;min-width: 110px;line-height: 32px; vertical-align: top; height: 34px; padding: 0 15px;font-size: 16px;margin: 10px 10px 0 0;border: 1px solid #aaaaaa;color: #2c2c2c; background-color: #fff; text-align: center;border-radius: 100px;cursor: pointer;}
.level-con .level_list .level_other{background:#f2f546;color:#333;position:relative}
.level-con .level_list .level_other img{position:absolute;right:-1px;top:-10px}
.level-con .level_list.second_level1 .level_item{display:inline-block;width:auto;padding:0 20px}
.level-con .level_list .level_item:hover{background:#d82216; border-color: #d82216; color: #fff;}
.level-con .level_list .level_item.active{background:#d82216; border-color: #d82216; color: #fff;}
.level-con .level_list .level_item a{display: block; color: #333;}
.zg_con02 .kcWrap{display:none}
.zg_con02 .kcWrap .kc-con{display:none}
.tableWrap{padding: 30px 0;}

.tableWrap .table_title{width:100%;border-collapse:collapse;margin:0 auto;background:rgba(255,210,207,.6)}
.tableWrap .table_title .td1{width:270px;border-right:1px dashed #d82216;text-align:center;padding:10px 0 20px}
.tableWrap .table_title .td1 .kc_title{font-weight:700;color:#f22d3d;font-size:30px;line-height:50px; margin: 5px 0;}
.tableWrap .table_title .td1 .lastTime{font-weight:700;color:#333;font-size:17px;line-height:35px}
.tableWrap .table_title .td1 p.phone{display:block;color:#f22d3d;font:bold 16px/27px "microsoft yahei"}
.tableWrap .table_title .td1 p.phone a{display:inline-block;height:24px;border-radius:12px;color:#fff;background:#ff5656;padding:0 30px;font-size:14px;margin-left:5px;line-height:24px}
.tableWrap .table_title .td2{width:736px;padding:20px 35px;}
.tableWrap .table_title .td2 .ts_title{color:#f22d3d;font:bold 18px/32px "microsoft yahei"; margin: 0 0 10px 0}
.tableWrap .table_title .td2 .ts_title_add{font-size:22px;color:#000}
.tableWrap .table_title .td2 .ts_list .ts_item{line-height:26px;font-size:14px;color:#333;margin-bottom:5px}

.tableWrap .table-con{width:100%;margin:0 auto;border-collapse:collapse;text-align:center; background-color: #fff;}
.tableWrap .table-con th{background:#d82216;height:40px;border:2px solid #d82216;font-size:18px;color:#4d4d4d;line-height:40px;border-top:none; color: #fff;}
.tableWrap .table-con td{line-height:28px;border:1px solid #d82216;font-size:15px;padding:20px 0}
.tableWrap .table-con td.td_left{text-align:left;padding-left:6px}
.tableWrap .table-con td a{color:#fff;width:96px;height:28px;display:block;text-align:center;border-radius:14px;background-color:#d82216;font:normal 15px/28px "microsoft yahei";margin:9px auto;transition:all 1s}
.tableWrap .table-con td a + a{background-color: #fbad47; color: #fff}
.tableWrap .table-con td span{display:inline-block;width:100%;text-align:center}
.tableWrap .table-con td a.zx{background:#d82830}
.kcBox{position: absolute; left: 0; width: 100%; background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.5); z-index: 100}
.cityInfo{padding: 20px 0; margin: 0 12px; border-top: 1px dashed #afbac1}
.cityInfo h4{font-size: 18px;margin-bottom: 20px}
.cityInfo p{font-size: 16px;}
.xuexizhongxin{width: 100%;overflow: hidden;padding-top: 15px; margin: 0 auto; border-top: 1px dashed #afbac1;}
.xuexizhongxin li{min-width: 100px;height: 30px;background: #fff;border: 1px solid #2c2c2c;border-radius: 23px;text-align: center;line-height: 30px;font-size: 16px;color: #000;float: left;margin:0 12px 15px;cursor: pointer;}
.xuexizhongxin li.active{background: #d82216; border: 1px solid #d82216; color: #fff;}
.con{display: none;}
.con.active{display: block;}

.teseBox{padding-bottom: 30px;}
.teseBox .teseTlt{width: 382px; height: 101px; font-size: 48px; color: #feedd9; font-weight: bold; text-align: center; line-height: 85px; background: url(../images/teseTlt.png) center no-repeat;}
.teseBox p{padding: 0 20px; margin-top: 45px;  font-size: 16px; line-height: 32px; color: #000000;}

.zg_dz{ width: 100%; padding: 30px 0; height: auto; background: transparent; overflow: hidden;}
.zg_dz_title{ width: 1000px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
.zg_dz_title h3{ text-align: center; height: 50px; font-size: 30px; margin-top: 0; margin-bottom: 10px; line-height: 50px; color:#333; font-weight: bold;}
.box{ width: 1000px; height: auto; margin: 0 auto;}
.red{ color: #ff0000;}
.city_tab{ width: 100%; height: auto; font-size: 16px; font-family: "微软雅黑"; }
.city_list{ display: block; width: 100%; margin: 0; padding: 0;}
.city_list:after{ width: 100%; height: 0px; content: ''; clear: both; display: block; }
.city_list li{ width: auto; margin-bottom: 10px; margin-right: 10px; float: left; display: block; text-align: center;}
.city_list li.active a{ background: #FF0000; color: #fff; border: 1px solid #FF0000;  }
.city_list li a{ padding: 6px 10px; background: transparent; border: 1px solid #ccc; color:#333; border-radius: 3px; display: block; cursor: pointer;}
.city_list li a:hover{ background: #FF0000; color: #fff; border: 1px solid #FF0000; }
.city_content{ width: 100%; padding: 0px; margin-top: 10px; margin-bottom: 30px; box-sizing: border-box; position: relative;}
.city_content:after{ content: ''; display: block; height: 0; clear: both;}
.city_con{ width: 100%; height: auto; display: none; position: relative; top: 0px; right: 0px;  }
.city_con:after{ width: 100%; height: 0px; content: ''; clear: both; display: block;}
.city_item{ width: 100%; height: 150px; display: block; float: left; font-size: 14px; margin-bottom: 10px; padding: 10px 20px;
background: transparent; overflow: hidden; border-bottom: none; display: none;}
.city_item.show{ display: block;}
.city_item dt{ font-weight: bold; color:#333; }
.city_item dd{ margin-left: 0; margin-top: 5px; line-height: 22px; color: #333;}
.show{ display: block;}
.hide{ display: none;}
.city_it_box{ width: 550px; height: auto; float: left; text-align: center; position: relative;}
.city_it_box .city_it_list{ display: none; position: relative; top: 0; left: 0;}
.city_it_box .city_it_list.show{display: block;}
.city_it_box .city_it_list li{ width: 170px; height: 30px; margin-right: 10px; margin-bottom: 8px; line-height: 30px; float: left;}
.city_it_box .city_it_list li a{ font-size: 12px; font-weight: bold; border-radius: 3px; background: #eee; display: block;}
.city_it_box .city_it_list li.active a{ color: #fff; background: #FF0000;}
.city_li_box{ width: 100%; overflow: hidden;}
.city_content_con{width: 450px; height: 150px; float: right; overflow: hidden; background: transparent;}
.footer{padding: 30px 0; font-size: 12px; color: #fff;   background-color: #3b3b3b; text-align: center;line-height: 24px;}
.footer a{ color: #fff; }
.footer a:hover{ color: #ff0000; text-decoration: underline;}

.zixunRight,.zixunRight *{box-sizing: border-box}
.zixunRight{position: fixed; top: 50%; right: 0; width: 180px; height: 485px; padding: 60px 21px 0 43px; transform: translateY(-50%); background: url(../images/zixunRight.png) center no-repeat; transition: .5s;z-index: 1000}
.zixunRight ul{overflow: auto; max-height: 366px;}
.zixunRight li{line-height: 27px; padding-left: 35px; font-size: 14px; color: #fff; cursor: pointer; white-space: nowrap}
.zixunRight li + li{margin-top: 1px;}
.zixunRight li:hover{background: url(../images/zixun.png) center no-repeat; color: #d81b20}
.zixunRight li:before{content:""; float: left; width: 15px; height: 30px; margin-left: -25px; background: url(../images/kf1.png) center center no-repeat;}
.zixunRight li:hover:before{background-image: url(../images/kf2.png);}
.zixunRight p{font-size: 12px;margin-top: 3px;margin-left: 25px; font-weight: bold; color: #eb2027;font-family: '微软雅黑'}
.toggleBtn{position: absolute; left: 0; top: 160px;width: 39px; height: 155px; background: url(../images/zixunBtn.png) center no-repeat; transition: .2s;}
.zixunRight.hidden{transform: translate(156px, -50%)}
.zixunRight.hidden .toggleBtn{left: -14px;}

.classTabBox {width: 900px;}
.ydemo_top {
  width: 100%;
  height: 45px;
  overflow: hidden;
  background: #FEEC9D;
}
.ydemo_minitop {
  width: 1000px;
  margin: 0 auto;
  height: 45px;
}
.ydemo_minitop img {
  width: 142px;
  height: 34px;
  display: block;
  float: left;
}
.ydemo_minitop ul {
  float: left;
  margin-left: 25px;
}
.ydemo_minitop ul li {
  float: left;
  font: normal 14px/50px "Microsoft Yahei";
}
.ydemo_minitop ul li a {
  color: #1b1b1b;
  padding: 0 8px;
}
.ydemo_minitop ul li a:hover {
  color: #c30000;
}
.ydemo_minitop .tel a {
  float: right;
  font: bold 16px/50px "Microsoft Yahei";
  color: #1b1b1b;
}
.banner {
  background: url(../images/banner.jpg) center top no-repeat;
}
.banner img {
  display: block;
  margin: 0 auto;
}
.banner .ztimg{
  position: absolute;
  width: 1000px;
  min-height: 425px;
  top:150px;
  left: 0;
}
.banner .ztimg h1{
  font: bold 34px/134px '微软雅黑';
  color:#fff;
  text-shadow: 5px 5px 8px #333;
  text-align: center;
  cursor: pointer;
}
.banner .ztimg{
  display: block;
}
.banner .ztimg .img1{
  width:532px;
  height: 173px;
  margin: 0 auto;
  cursor: pointer;
}
.banner .ztimg .img2{
  width:456px;
  height: 65px;
  margin: 40px auto 0;
  cursor: pointer;
}
.zg_con01{
  padding-bottom: 122px;
  background: url(../images/banner1.jpg) center top no-repeat;
}
.titlebox{
  width:1000px;
  height: 82px;
  background: url(../images/title.png) center top no-repeat;
  font: bold 44px/82px '微软雅黑';
  text-align: center;
  cursor: pointer;
}
.titlebox span{
  color: #AA0000;
}
.itemsbox{
  width: 1000px;
  display: flex;
  justify-content: space-around;
  margin-top: 95px;
    flex-direction: row;
    flex-wrap: wrap;
}
.titlel{
  width:401px;
  height: 68px;
  background: url(../images/titlel.png) center top no-repeat;
  text-align: center;
  font: bold 36px/66px '微软雅黑';
  color: #F4D579;
  margin-top: 10px;
  cursor: pointer;
  margin-bottom: 30px;
}
.title_vs{
  width:126px;
  height: 99px;
  background: url(../images/vs.png) center top no-repeat;
  cursor: pointer;
}
.titler{
  width:401px;
  height: 68px;
  background: url(../images/titler.png) center top no-repeat;
  text-align: center;
  font: bold 36px/66px '微软雅黑';
  color: #F4D579;
  margin-top: 10px;
  cursor: pointer;
  margin-bottom: 30px;
}
.items{
  width:404px;
  height: 92px;
  text-align: center;
  font: 400 20px/92px '微软雅黑';
  margin-top: 23px;
  cursor: pointer;
}
.itemsl{
  background: url(../images/iteml.png) center top no-repeat;
  color: #CE612B;
}
.itemc{
  width: 142px;
  height: 28px;
  font: bold 28px/28px '微软雅黑';
  background: url(../images/itemc.png) center top no-repeat;
  color: #fff;
  text-align: center;
  margin-top: 83px;
  cursor: pointer;
}
.itemsr{
  background: url(../images/itemsr.png) center top no-repeat;
  color: #fff;
}
.itemc1{
  margin-top: 60px;
}
.itemsline{
  line-height: 43px;
}

.zg_con02{
  padding-bottom: 88px;
}
.con3_inemsbox{
  display: flex;
  justify-content: space-around;
  margin-top: 42px;
  flex-direction: row;
  flex-wrap: wrap;
}
.con3_inemsbox li{
  float: left;
  width: 358px;
  height: 77px;
  margin-top: 13px;
  background: url(../images/inemsli.png) center top no-repeat;
  color: #E8312C;
  font: bold 24px/77px '微软雅黑';
  cursor: pointer;
  text-align: center;
}
.con3_inemsbox li:hover{
  color: #333;
}
.inemsbtn{
  display: block;
  border: 0;
  outline: none;
  width:202px;
  height: 46px;
  background: url(../images/inemsbtn.png) center top no-repeat;
  margin: 60px auto 0;
  cursor: pointer;
  font: bold 20px/44px '微软雅黑';
  color: #fff;
}

.zg_con03{
  padding-bottom: 80px;
}
.lessonboxs{
  background: #fff;
  padding:40px;
  margin-top: 50px;
}

.zg_con04{
  padding-bottom: 75px;
}
.con4Items{
  display: flex;
  justify-content: space-around;
  margin: 64px auto 0;
  flex-direction: row;
  flex-wrap: wrap;
  background: linear-gradient(to right,#FFD792,#FFDAAC);
  border-radius: 20px;
  width: 934px;
  height: 472px;
}
.con4Items li{
  float: left;
  width: 400px;
  height: 206px;
  margin-top: 20px;
  padding: 19px 30px;
}
.con4Items li:nth-of-type(1){
  background: url(../images/con4Items1.png) center top no-repeat;
}
.con4Items li:nth-of-type(2){
  background: url(../images/con4Items2.png) center top no-repeat;
}
.con4Items li:nth-of-type(3){
  background: url(../images/con4Items3.png) center top no-repeat;
}
.con4Items li:nth-of-type(4){
  background: url(../images/con4Items4.png) center top no-repeat;
}
.con4Items li h1{
  font: bold 32px/32px '微软雅黑';
  color: #E80000;
}
.con4Items li p{
  font: 400 20px/25px '微软雅黑';
  text-align: justify;
  margin-top: 12px;
}

.zg_con05{
  position: relative;
  background: url(../images/con5.jpg) center bottom no-repeat;
  padding-bottom: 170px;
}
.ewmItem{
  display: flex;
  justify-content: space-around;
  margin-top: 80px;
}
.ewmItem li{
  width: 480px;
  height: 529px;
  float: left;
  background: url(../images/ewmItem.png) center top no-repeat;
}
.ewmItem li h1{
  margin-top: 40px;
  font: bold 22px/33px '微软雅黑';
  color: #FFE3B6;
  text-align: center;
}
.ewmItem li img{
  display: block;
  width: 227px;
  height: 228px;
  margin: 51px 20px 20px 110px;
  cursor: pointer;
}
.ewmItem li a{
  display: block;
  margin:62px auto 0;
  width: 255px;
  height: 55px;
  text-align: center;
  color: #CE0000;
  font: bold 20px/55px '微软雅黑';
}
.ewmItem li p{
  font: bold 14px/18px '微软雅黑';
  color: #FFE3B6;
  text-align: center;
}

.zg_con06{
  position: fixed;
  min-height: 70px;
  background: #FFE494;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.zg_con06 .container{
  min-height: 70px;
  position: relative;
}
.zg_con06 .container .tabBox{
  position: absolute;
  /* bottom: 0; */
  left: 0;
  width: 1000px;
  height: 126px;
  display: flex;
  justify-content: space-around;
}
.tabBox li{
  float: left;
  width: 110px;
  height: 34px;
  border-left: 2px solid #BF0000;
  color: #BF0000;
  margin-top: 22px;
  text-align: center;
  font: bold 16px/34px '微软雅黑';
  cursor: pointer;
}
.tabBox li:nth-of-type(1){
  border-left:none;
}
.zg_con06 .tabBox .tabActive{
  width: 133px;
  height: 126px;
  background: url(../images/tabActive.png) center no-repeat;
  color: #fff;
  font: bold 16px/178px '微软雅黑';
  border-left: none !important;
  margin-top: -60px;
}