@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:#d2e1f7;}


.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:7%; vertical-align:top;}
.title h1 span{display: inline-block; padding:0 .1rem;}
.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{width:100%; text-align:center; color:#fff;}

.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;}



.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?14);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){

}