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

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 去掉a, input点击的时候的附带效果 */
  -webkit-touch-callout: none;
  /* 禁止长按a标签连接于图片弹出的菜单 */
  -webkit-overflow-scrolling: touch;
  /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
  -webkit-text-size-adjust: 100%;
  /* 关闭横竖屏的时候调整文字大小 */
  font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, sans-serif;
}

img {
  width: 100%;
  display: block;
  list-style: none;
}

a {
  color: #333;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.clearfix {
  zoom: 1;
}

body {
  font-size: .14rem;
  color: #333;
  background: #fffbf0;
}


.title {
  width: 100%;
  text-align: center;
  color: #333;
}

.title h1 {
  font-size: .21rem;
  font-weight: bold;
  letter-spacing: 1px;
}

.title h1 img {
  display: inline-block;
  width: 11%;
  vertical-align: top;
}

.title h1 span {
  display: inline-block;
  padding: 0 .05rem;
}

.title p {
  font-size: .13rem;
  letter-spacing: 0;
  color: #333;
}

.btn {
  display: block;
  width: 60%;
  font-size: .2rem;
  padding: .05rem 0;
  margin: 0 auto;
  background: #ff3540;
  border-radius: .2rem;
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
}

.sec1,
.sec2,
.sec3,
.sec4,
.sec5,
.sec6 {
  width: 100%;
  margin-top: .2rem;
}

.box {
  height: auto;
  overflow: hidden;
}

/* header */
.m-box {
  width: 100%;
}

.m-ban {
  position: relative;
  width: 100%;
  text-align: center;
  color: #fff;
}

.banner-img {
  width: 100%;
}


.adv-pack {
  width: 100%;
  margin-bottom: .05rem;
}

.adv-pack a {
  display: block;
}

.giftbox {
  width: 97%;
  margin: .05rem auto 0;
  height: auto;
  overflow: hidden;
}

.giftbox .gift {
  width: 48%;
  height: .7rem;
  overflow: hidden;
  float: left;
  margin: .05rem 1% 0;
  background: url(../img/yhq_bg.png);
  background-size: 100% 100%;
  color: #fff;
}

.giftbox .gift a {
  display: block;
  color: #fff;
}

.giftbox .gift-l {
  width: 32%;
  float: left;
  font-size: .15rem;
  font-weight: bold;
  box-sizing: border-box;
  padding: .06rem 0 0 .04rem;
}

.giftbox .gift-l font {
  font-size: .2rem;
}

.giftbox .gift-r {
  width: 68%;
  float: left;
  padding-top: .03rem;
  line-height: 1.3;
  text-align: left;
}

.giftbox .gift h4 {
  width: 50%;
  margin: .03rem auto 0;
  background: #fff4f0;
  border-radius: .1rem;
  color: #ff1300;
  text-align: center;
}


.sec1 {
  text-align: center;
}

// .tabNav{width:80%; height:auto; overflow:hidden; margin:.2rem auto 0; box-sizing: border-box;}
// .tabNav ul li{width:48%; margin:0 1%; float:left;font-size:.16rem; color:#fff; text-align:center; height:.38rem; line-height:.38rem; background-image:url(../img/btn1.png?01); background-size:100% auto; letter-spacing:1px}

// .tabNav ul li.active{background-image:url(../img/btn2.png);}


.tabNav {
  display: inline-block;
  height: .3rem;
  margin: 0 auto;
  overflow: hidden;
  line-height: .28rem;
  background: rgba(21, 161, 199, .8);
  border-radius: .05rem;
  box-sizing: border-box;
  border: solid 1px #15a1c7;
  text-align: center;
}

.tabNav ul li {
  display: inline-block;
  width: 1.1rem;
  height: .3rem;
  box-sizing: border-box;
  text-align: center;
  font-size: .15rem;
  color: #fff;
  cursor: pointer;
}

.tabNav ul li.active {
  color: #666;
  background: #fff;
  box-sizing: border-box;
  border-radius: ..05rem;
  border-left: solid 1px #15a1c7;
  border-right: solid 1px #15a1c7;
}

.tabNav ul li:first-child.active {
  border-left: none;
}

.tabNav ul li:last-child.active {
  border-right: none;
}

.adv-pack {
  width: 97%;
  margin: 0 auto;
}

.adv-djb {
  width: 100%;
}

.qg {
  width: 95%;
  margin: .1rem auto 0;
}

.tabDetail {
  display: none;
}

.show {
  display: block;
}

// .tabCon a.btn{margin:.08rem auto 0;}

/* chafen */
.chafen {
  width: 100%;
  height: 1.5rem;
  margin-top: .2rem;
  background: url(../img/chafenbg.jpg);
  background-size: 100% 100%;
  text-align: center;
}

.chafen h2 {
  font-size: .2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  padding: .12rem 0 .04rem;
}

.chafen h3 {
  font-size: .16rem;
  color: #fff;
}

.chafen p {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0px .1rem 0px .1rem;
  font-size: .14rem;
  color: #fff;
  margin-top: .05rem;
  padding: 0 .12rem;
}

.chafen a.btn {
  width: 50%;
  letter-spacing: 2px;
  margin: .08rem auto 0;
}

/* sec1 */
.sec1 .swiper-container {
  width: 95%;
  margin: .1rem auto 0;
  height: auto;
  padding-bottom: 35px;
}

.sec1 .swiper-slide,
.sec3 .item {
  background: #fff;
  box-sizing: border-box;
  padding: .06rem .06rem .1rem;
  position: relative;
}

.sec1 .swiper-slide .hot,
.sec3 .item .hot {
  width: 36px;
  height: 22px;
  line-height: 22px;
  font-size: .12rem;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(left, #ff9000, #ff7e00);
  background: -o-linear-gradient(right, #ff9000, #ff7e00);
  background: -moz-linear-gradient(right, #ff9000, #ff7e00);
  background: linear-gradient(to right, #ff9000, #ff7e00);
  position: absolute;
  left: -1px;
  top: -1px;
}

.sec1 .swiper-slide a,
.sec3 .item a {
  display: block;
}

.sec1 .swiper-slide p,
.sec3 .item p {
  line-height: .2rem;
  font-size: .15rem;
  height: .4rem;
  overflow: hidden;
  padding-top: .05rem;
}

.sec1 .swiper-slide h3,
.sec3 .item h3 {
  overflow: hidden;
}

.sec1 .swiper-slide h3 span.f-fl,
.sec3 .item h3 span.f-fl {
  color: #db4337;
}

.sec1 .swiper-slide h3 span.f-fl i,
.sec3 .item h3 span.f-fl i {
  font-size: .3rem;
  font-style: normal;
  line-height: 1.4;
}

.sec1 .swiper-slide h3 span.f-fr,
.sec3 .item h3 span.f-fr {
  color: #999;
  padding-top: .12rem;
}

.sec1 .swiper-slide h4,
.sec3 .item h4 {
  width: 95%;
  margin: 0 auto;
  font-size: .14rem;
}

/* sec2 */
.sec2 .swiper-container {
  width: 95%;
  margin: .15rem auto 0;
  height: auto;
  padding-bottom: 35px;
}

.sec2 .swiper-slide {
  background: #fff;
  box-sizing: border-box;
  padding: .06rem .06rem .1rem;
}

.sec2 .swiper-slide a {
  display: block;
  text-align: center;
}

.sec2 .swiper-slide a.kctit {
  width: 100%;
  height: 1.02rem;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: .1rem;
}

.sec2 .swiper-slide a.kctit h3 {
  width: 45%;
  margin: 0 auto;
  border-radius: 3px;
}

.sec2 .swiper-slide a.kctit h2 {
  font-size: .18rem;
  font-weight: bold;
  padding: .03rem 0;
}

.sec2 .swiper-slide a.kctit p {
  font-size: .13rem;
  line-height: 1.2;
}

.sec2 .swiper-slide h4 {
  width: 95%;
  margin: .1rem auto 0;
}

.sec2 .swiper-slide .kctit.bg1 {
  background-image: url(../img/course-bg1.jpg);
}

.sec2 .swiper-slide .kctit.bg1 h3 {
  border: 1px solid #185ad6;
  color: #185ad6;
}

.sec2 .swiper-slide .kctit.bg1 h2 {
  color: #00308a;
}

.sec2 .swiper-slide .kctit.bg1 p {
  color: #002873;
}

.sec2 .swiper-slide .kctit.bg2 {
  background-image: url(../img/course-bg2.jpg);
}

.sec2 .swiper-slide .kctit.bg2 h3 {
  border: 1px solid #d66718;
  color: #d66718;
}

.sec2 .swiper-slide .kctit.bg2 h2 {
  color: #8a3900;
}

.sec2 .swiper-slide .kctit.bg2 p {
  color: #733000;
}

.sec2 .swiper-slide .kctit.bg3 {
  background-image: url(../img/course-bg3.jpg);
}

.sec2 .swiper-slide .kctit.bg3 h3 {
  border: 1px solid #068545;
  color: #068545;
}

.sec2 .swiper-slide .kctit.bg3 h2 {
  color: #006d36;
}

.sec2 .swiper-slide .kctit.bg3 p {
  color: #00532a;
}

.sec2 .swiper-slide .kctit.bg4 {
  background-image: url(../img/course-bg4.jpg);
}

.sec2 .swiper-slide .kctit.bg4 h3 {
  border: 1px solid #d61837;
  color: #d61837;
}

.sec2 .swiper-slide .kctit.bg4 h2 {
  color: #8a0017;
}

.sec2 .swiper-slide .kctit.bg4 p {
  color: #730013;
}

.sec2 .swiper-slide .btnbox {
  padding-top: .08rem;
  overflow: hidden;
}

.sec2 .swiper-slide .btnbox a {
  display: block;
  border-radius: .2rem;
  padding: .04rem 0;
}

.sec2 .swiper-slide .btnbox a.f-fl {
  width: 51%;
  box-sizing: border-box;
  border: 1px solid #fd7272;
  background: #fff;
  color: #ff3540;
}

.sec2 .swiper-slide .btnbox a.f-fr {
  width: 48%;
  background: #ff3540;
  color: #fff;
}




/* sec3 */
.sec3 .box {
  width: 97%;
  margin: .05rem auto 0;
}

.sec3 .item {
  width: 48%;
  margin: .1rem 1% 0;
  float: left;
}

.courseBox {
  width: 97%;
  margin: .05rem auto 0;
  height: auto;
  overflow: hidden;
}

.courseBox .item {
  width: 48%;
  float: left;
  margin: .1rem 1% 0;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  padding: .05rem .05rem .1rem;
  text-align: center;
  background: #fff;
}

.courseBox .item a {
  display: block;
}

.courseBox .item .kctit {
  height: 1.02rem;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: .1rem;
}

.courseBox .item .kctit h3 {
  display: inline-block;
  padding: 0 8px;
  border-radius: 3px;
}

.courseBox .item .kctit h2 {
  font-size: .18rem;
  font-weight: bold;
  padding: .03rem 0;
}

.courseBox .item .kctit p {
  font-size: .13rem;
  line-height: 1.2;
}

.courseBox .item h4 {
  width: 95%;
  margin: .1rem auto 0;
}

.courseBox .item .btnbox {
  padding-top: .08rem;
  overflow: hidden;
}

.courseBox .item .btnbox a {
  display: block;
  border-radius: .2rem;
  padding: .04rem 0;
}

.courseBox .item .btnbox a.f-fl {
  width: 50%;
  box-sizing: border-box;
  border: 1px solid #ff3540;
  background: #fff;
  color: #ff3540;
}

.courseBox .item .btnbox a.f-fr {
  width: 49%;
  background: #ff3540;
  color: #fff;
}

.courseBox .item .kctit.bg1 {
  background-image: url(../img/course-bg1.jpg);
}

.courseBox .item .kctit.bg1 h3 {
  border: 1px solid #185ad6;
  color: #185ad6;
}

.courseBox .item .kctit.bg1 h2 {
  color: #00308a;
}

.courseBox .item .kctit.bg1 p {
  color: #002873;
}

.courseBox .item .kctit.bg2 {
  background: url(../img/course-bg2.jpg);
}

.courseBox .item .kctit.bg2 h3 {
  border: 1px solid #d66718;
  color: #d66718;
}

.courseBox .item .kctit.bg2 h2 {
  color: #8a3900;
}

.courseBox .item .kctit.bg2 p {
  color: #733000;
}

.courseBox .item .kctit.bg3 {
  background-image: url(../img/course-bg3.jpg);
}

.courseBox .item .kctit.bg3 h3 {
  border: 1px solid #068545;
  color: #068545;
}

.courseBox .item .kctit.bg3 h2 {
  color: #006d36;
}

.courseBox .item .kctit.bg3 p {
  color: #00532a;
}

.courseBox .item .kctit.bg4 {
  background-image: url(../img/course-bg4.jpg);
}

.courseBox .item .kctit.bg4 h3 {
  border: 1px solid #d61837;
  color: #d61837;
}

.courseBox .item .kctit.bg4 h2 {
  color: #8a0017;
}

.courseBox .item .kctit.bg4 p {
  color: #730013;
}

.courseBox .item .kctit.bg5 {
  background-image: url(../img/course-bg5.jpg);
}

.courseBox .item .kctit.bg5 h3 {
  border: 1px solid #2d008a;
  color: #2d008a;
}

.courseBox .item .kctit.bg5 h2 {
  color: #2d008a;
  padding: .05rem 0 0;
}

.courseBox .item .kctit.bg5 p {
  color: #2d008a;
}

.courseBox .item .kctit.bg6 {
  background-image: url(../img/course-bg6.jpg);
}

.courseBox .item .kctit.bg6 h3 {
  border: 1px solid #185ad6;
  color: #185ad6;
}

.courseBox .item .kctit.bg6 h2 {
  color: #00308a;
  line-height: 1.3;
  padding: .08rem 0 0;
}

.courseBox .item .kctit.bg7 {
  background-image: url(../img/course-bg7.jpg);
}

.courseBox .item .kctit.bg7 h3 {
  border: 1px solid #8a1300;
  color: #8a1300;
}

.courseBox .item .kctit.bg7 h2 {
  color: #8a1300;
  line-height: 1.3;
  padding: .08rem 0 0;
}

.courseBox .item .kctit.bg8 {
  background-image: url(../img/course-bg1.jpg);
}

.courseBox .item .kctit.bg8 h3 {
  border: 1px solid #185ad6;
  color: #185ad6;
}

.courseBox .item .kctit.bg8 h2 {
  color: #00308a;
  line-height: 1.3;
  padding: .08rem 0 0;
}

.courseBox-slj .item .kctit {
  padding-top: .15rem;
}

.courseBox-slj .item .kctit h2 {
  line-height: 1.5;
}

/* sec4 */
.sec4 a.btn {
  margin: .15rem auto 0;
}

/* sec5 */
.sec5 .swiper-container {
  width: 100%;
  margin: .1rem auto 0;
  height: auto;
  box-sizing: border-box;
  padding: 0 0 35px .1rem;
}

.sec5 .swiper-slide {
  height: 2.8rem;
  border: 1px solid #ebebeb;
  margin-top: .1rem;
  box-sizing: border-box;
  padding: .9rem .06rem 0;
  position: relative;
  background: #fff;
}

.sec5 .swiper-slide img {
  width: 80%;
  position: absolute;
  left: 10%;
  top: -.1rem;
}

.sec5 .swiper-slide .line {
  height: 2px;
  line-height: 2px;
  background: -webkit-linear-gradient(left, #d94136, #ff6a4c);
  background: -o-linear-gradient(right, #d94136, #ff6a4c);
  background: -moz-linear-gradient(right, #d94136, #ff6a4c);
  background: linear-gradient(to right, #d94136, #ff6a4c);
}

.sec5 .swiper-slide h3 {
  font-size: .18rem;
  font-weight: bold;
  padding: .05rem 0 .02rem;
  letter-spacing: 1px;
  text-align: center;
}

.sec5 .swiper-slide p {
  line-height: 1.3;
}

@media screen and (max-width:320px) {}

@media screen and (max-width:320px) {}