*{margin: 0;padding: 0;list-style: none;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*
KISSY CSS Reset
理念�?
1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的�?
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题�?
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用�?
特色�?. 适应中文�?. 基于最新主流浏览器�?
维护：玉&#65533;?lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
 */


/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  font: 14px/1.1 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶&#65533;?*/
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，&#65533;?small 正常&#65533;?*/

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: none;  }
a:active{
  text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边&#65533;?*/
button, input, select, textarea { font-size: 100%; } /* 使得表单元素&#65533;?ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/*************************input输入框placeholder提示颜色*****************/
/**input placeholder默认颜色，ie10或以&#65533;?/
/*WebKit browsers*/
::-webkit-input-placeholder{ color: #D0D0D0; }


.header{ width:100%; display:inline-block; }
.header .navigation-box{ width:100%; display:inline-block;background:#f7f8f9; height:5.4rem; padding:1rem 0px;max-width:640px;}


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }

#doyoo_f_chat{z-index:999999999999;}


button{
  background: none;
  border: 0;
  outline: 0;
}
body{

  position: relative;
}
body, html{
  width: 100%;
}
.RE{
  color: #f00;
}
/*banner*/
#banner-box, .banner-box{
  width: 100%;
  height: 1.8rem;
  position: relative;
}

.banner-box img{
  width: 100%;
  height: 1.8rem;
}
.indicator{
  position: absolute;
  bottom: 0.1rem;
  left: 1.78rem;
  z-index: 10;
}
.indicator>span{
  width: 0.1rem;
  height: 3px;
  background: rgba(255,255,255,0.1);
  border-radius: 9px;
  float: left;
  margin-right: 4px;
}
.indicator .active{
  background: #FFFFFF;
}
/*navigation*/
.navigation-box{
  width: 3.75rem;
  height: 0.6rem;
  background: #fff;
  -webkit-box-shadow: 0 4px 4px 0 #dee6ef;
          box-shadow: 0 4px 4px 0 #dee6ef);
  z-index: 1;
  position: relative;
}
.navigation-box-fix{
  position: fixed;
  top: 0;
  z-index: 20;
}
.navigation-box li{
  float: left;
  width: 20%;
  display:inline-block;
  text-align: center;
  
}
.navigation-box li a{ width:100%; display:inline-block; font-size:1.2rem;padding-top:2.3rem;  color: #101010;background-size: 1.8rem;
  background-position: center 0.1rem;
  background-repeat: no-repeat;}
.nav0{
  background-image:url(../images/icon-process.png); background-size:30%;
}
.nav1{
  background-image: url(../images/icon-zhongyi.png);
}
.nav2{
  background-image: url(../images/icon-muying.png);
}
.nav3{
  background-image: url(../images/icon-curriculum.png);
}
.nav4{
  background-image: url(../images/icon-about.png);
}
.navigation-box .active{
  color: #14B0F7;
}
.nav0.active{
  background-image: url(../images/icon-process-active.png);
}
.nav1.active{
  background-image: url(../images/icon-zhongyi-active.png);
}
.nav2.active{
  background-image: url(../images/icon-muying-active.png);
}
.nav3.active{
  background-image: url(../images/icon-curriculum-active.png);
}
.nav4.active{
  background-image: url(../images/icon-about-active.png);
}
/*get-phone-modal*/
.get-phone-modal{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  display: none;
}
.get-phone-modal .modal-mask{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.get-phone-modal .content{
  background: #fff;
  border-radius: 8px;
  width: 3.1rem;
  height: 2.2rem;
  padding: 0.22rem 0 0.25rem;
  position: relative;
}
.get-phone-modal .close-btn{
  position: absolute;
  width: .24rem;
  height: .24rem;
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: -.45rem;
  left: 1.45rem;
  background: url("../images/colse-white.png") center center no-repeat;
  background-size: 0.12rem;
  display: block;
}
.get-phone-modal .title{
  font-size: 0.16rem;
  text-align: center;
  color: #333;
  line-height: 0.25rem;
}
.get-phone-modal .phone-input{
  display: block;
  width: 2.6rem;
  height: 0.4rem;
  border: 1px solid #CACACA;
  border-radius: 2px;
  margin: .23rem auto 0.1rem;
  padding-left: .15rem;
  font-size: .16rem;
}
.get-phone-modal .code-box{
  padding: 0 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.get-phone-modal .code-input{
  width: 1.7rem;
  height: 0.4rem;
  border: 1px solid #CACACA;
  border-radius: 2px;
  padding-left: .15rem;
  font-size: .16rem;
}
.get-phone-modal .get-code-btn{
  background: #CACACA;
border-radius: 50px;
width: 2.78rem;
height: 0.4rem;
font-size: 0.18rem;
color: #FFFFFF;
margin: 0.3rem auto;
display: block;
}
.get-phone-modal .count-down-btn {
  width: .85rem;
  height: 0.4rem;
  background: #CACACA;
  border-radius: 2px;
  color: #fff;
  display: none;
}
.get-phone-modal .submit-btn{
  background: #CACACA;
  border-radius: 50px;
  width: 2.78rem;
  height: 0.4rem;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin: 0.3rem auto;
  display: block;
}
.get-phone-modal .submit-btn.active{
  background: #C5181F;
}
.get-phone-modal .get-code-btn.active{
  background: #C5181F;
}
/*footer*/
.logo-box{
  background: #2A2A2B;
  height: .63rem;
  padding: 0 .38rem 0 .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-size: .24rem;
  font-weight: 100;
  margin-bottom: -1px;
}
.logo-box img{
  width: 1.12rem;
}
.footer-other-box{
  background: #2A2A2B;
  color: #AAAAAA;
  padding: .24rem .14rem .22rem;
}
.qrcode-img{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: .43rem;
}
.qrcode-img p{
  text-align: center;
  width: 2rem;
  font-size: .18rem;
  line-height: .28rem;
  font-weight: 300;
}
.qrcode-img img{
  width: .89rem;
}
.copyright{
  font-size: .12rem;
  text-align: center;
  line-height: .16rem;
  margin-top: .25rem;
}
.footer-other-box .other{
  font-size: .12rem;
  color: #757575;
  margin-top: .1rem;
  text-align: center;
}
.toast-modal{
  position: fixed;
  padding: .1rem 0;
  background: #000;
  width: 2rem;
  color: #fff;
  top: 50%;
  left: 0.8rem;
  right: 0;
  z-index: 100;
  border-radius: 0.06rem;
  display: none;
  text-align: center;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
          box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  font-size: .12rem;
}

.show {
  display: block;
}
.hide {
  display: none;
}
/*免费咨询浮动*/
.float-bar-box{
  position: fixed;
  bottom: .18rem;
  left: 0;
  width: 100%;
  z-index: 80;
}
.float-img-box{
  position: absolute;
  bottom: .05rem;
  left: .41rem;
  overflow: hidden;
  z-index: -1;
  width: 2.93rem;
  -webkit-transition: height 1s;
  transition: height 1s;
}
.float-img{
  width: 2.93rem;
  height: .94rem;
  position: absolute;
  top: 0;
  left: 0;
}

.float-hide .float-img-box{
  height: .55rem;
}
.float-show .float-img-box{
  height: 1.33rem;
}
.float-hide .float-img{
  display: block;
  -webkit-animation: 1s slideInTop;
          animation: 1s slideInTop;
}
.float-hide .float-img{
  -webkit-animation: 1s slideOutBottom;
          animation: 1s slideOutBottom;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.float-consult{
  width: 2.79rem;
  height: .6rem;
  padding-left: 1.17rem;
  background: #C5181F url("../images/float-consult.png") .63rem center no-repeat;
  background-size: .4rem;
  -webkit-box-shadow: 0 5px 7px 0 rgba(197,24,31,0.30);
          box-shadow: 0 5px 7px 0 rgba(197,24,31,0.30);
  border-radius: 6px;
  position: absolute;
  bottom: 0;
  left: .48rem;
  color: #fff;
}
.float-consult .txt1{
  font-size: .22rem;
  letter-spacing: .03rem;
  line-height: .22rem;
  padding: .09rem 0 1px;
}
.float-consult .txt2{
  font-size: .16rem;
  font-weight: 200;
}
@-webkit-keyframes slideInTop {
  0% {
    -webkit-transform: translateY(.9rem);
            transform: translateY(.9rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideInTop {
  0% {
    -webkit-transform: translateY(.9rem);
            transform: translateY(.9rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideOutBottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(.9rem);
            transform: translateY(.9rem);
  }
}
@keyframes slideOutBottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(.9rem);
            transform: translateY(.9rem);
  }
}

/*swiper*/
.lg-swiper, .lg-swiper-page {
  margin: 0;
  padding: 0
}

.lg-swiper {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none
}

.lg-swiper, .lg-swiper .lg-swiper-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lg-swiper .lg-swiper-page {
  z-index: 1;
  overflow: hidden;
  display: none
}

.lg-swiper .lg-swiper-page.current {
  z-index: 5;
  display: block;
  will-change: transform
}

.lg-swiper .lg-swiper-page.active {
  z-index: 4;
  display: block;
  will-change: transform
}


   .mnls{
     position: fixed;
     width: 17%;
     top: 35%;
     right: 3%;
     z-index: 9999;
     padding-left:25px;
     text-align: center;
   }
   .mnls img{
     width:100%;
     display:block;
   }
   @media (min-width:640px) {
     .mnls img{
       width:50px;
       display:block;
     }
   }











.tg_box {
    width: 100%;
    position: relative;
}
.cqlltc {
    margin-top: 0rem;
}

.tg_box .dong {
    width: 11%;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 13px;
    margin-left: -5.65%;
    animation: myfirst 0.3s infinite;
}