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


.title{text-align:center; padding-top:.03rem; color:#170106; background:url(../img/titbg.jpg) no-repeat; background-size:100% auto;margin-top:.2rem;}
.title h1{font-size:.24rem; font-weight:bold; letter-spacing:2px;}
.title p{font-size:.15rem; letter-spacing:1px;}


.btn{display:block; padding:.04rem 0; border-radius:.25rem; text-align:center; letter-spacing:1px; color:#fff; font-size:.18rem; background:-webkit-linear-gradient(left,#fd8403,#ff3c00); background:-o-linear-gradient(right,#fd8403,#ff3c00); background:-moz-linear-gradient(right,#fd8403,#ff3c00); background:linear-gradient(to right,#fd8403,#ff3c00); box-shadow:rgba(255,116,0,.2) 0 0 10px 0px;}

.sec1,
.sec2,
.sec3,
.sec4,
.sec5,
.sec6{width:100%; background:#fff; height:auto; overflow:hidden; margin-top:.1rem;}

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

/* header */
.m-box{width:100%;}
.m-ban{width:100%; text-align:center; color:#fff;}
.m-ban .banbtn{width:100%; height:.85rem; background:url(../img/ban-bg.jpg); background-size:100% 100%; box-sizing:border-box; padding-top:.18rem;}
.m-ban .banbtn a{display:block; width:36%; margin:0 auto; padding:.03rem 0; border-radius:.2rem; font-size:.18rem; text-align:center; letter-spacing:2px; color:#670000; background:#fff000; border:3px solid #670000; font-weight:bold;}

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

/* 页内导航 */
.nav{width:100%; box-sizing: border-box; padding:.05rem .1rem 0;}
.nav img{width:33.3%; float:left;}

/* sec1 */
.sec1{padding:.12rem 0 .1rem;}
.sec1 .swiper-container{ width:95%; margin:0 auto; height:auto; padding-bottom:35px;}
.sec1 .swiper-slide{border:1px solid #ebebeb; box-sizing: border-box; padding:.06rem; position:relative;}
.sec1 .swiper-slide .hot{width:36px; height:22px; line-height:22px; font-size:.12rem; color:#fff; text-align:center; 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); position:absolute; left:-1px; top:-1px;}
.sec1 .swiper-slide a{display: block;}
.sec1 .swiper-slide p{line-height:.2rem; font-size:.15rem; height:.6rem; overflow:hidden; padding-top:.05rem;}
.sec1 .swiper-slide h3{overflow:hidden;}
.sec1 .swiper-slide h3 span.f-fl{color:#db4337;}
.sec1 .swiper-slide h3 span.f-fl i{font-size:.3rem; font-style:normal; line-height:1.4;}
.sec1 .swiper-slide h3 span.f-fr{color:#999; padding-top:.12rem;}
.sec1 .swiper-slide h4{width:95%; margin:0 auto;}

/* sec2 */
.sec2{padding-bottom:.12rem;}
.sec2 .box{width:96%; background:#f6f6f6; margin:.1rem auto 0; padding-bottom:.1rem;}
.sec2 .tit{font-size:.18rem; color:#fff; text-align:center; letter-spacing:1px; line-height:1.8; border-radius:0 0 .06rem .06rem; background:#ab8aff; position:relative;}
.sec2 .tit span{position:absolute; left:.06rem; top:0; font-size:.17rem;}
.sec2 .yhq{display: block; width:95%; height:.6rem; overflow:hidden; margin:.1rem auto 0; background:url(../img/yhq.jpg); background-size:100% 100%; color:#fff;}
.sec2 .yhq-l{width:24%; float:left; box-sizing: border-box; padding:.1rem 0 0 .13rem;}
.sec2 .yhq-l font{font-weight:bold; font-size:.28rem;}
.sec2 .yhq-c{width:53%; float:left; box-sizing: border-box; padding-top:.05rem;}
.sec2 .yhq-c h3{line-height:1.2; letter-spacing:1px;}
.sec2 .yhq-c p{font-size:.11rem; margin-top:.02rem;}
.sec2 .yhq-r{width:20%; float:left; background:#fff; border-radius:.05rem; padding:.07rem 0; color:#ff5143; text-align:center; margin-top:.13rem;font-size:.15rem; letter-spacing:1px;}
.sec2 dl{padding:.1rem 0 0 .1rem;}
.sec2 dl dt{width:20%; float:left; margin-right:.1rem;}
.sec2 dl dt.san{width:25%;}
.sec2 dl dd p{font-size:.145rem; line-height:1.3; padding:.05rem 0 .08rem;}
.sec2 dl dd h4{color:#d93e31;}

.sec2 .item{padding:.1rem 0 0 .15rem;}
.sec2 .item p{font-size:.145rem; line-height:1.3;}
.sec2 .item h4{color:#d93e31; padding-top:.05rem;}
.sec2 .btn{width:48%; margin:.06rem auto 0; font-size:.15rem; letter-spacing:0;}


/* sec3 */
.sec3{padding-bottom:.12rem;}
.sec3 .dwnav{width:100%; height:.65rem; background:#ff7547; box-sizing: border-box; padding:.1rem 0; z-index:10; }
.fixed-top{position: fixed !important; top:0; left:0;}
.fixed-zw{height:.66rem; background:#cfc; display: none;}

.sec3 .swiper-container{width:95%; margin:0 auto; background:#fff; border-radius:.05rem; padding:.1rem 0;}
.sec3 .swiper-slide{color:#ff7547; font-size:.17rem; box-sizing: border-box; border-right:1px solid #eaeaea; text-align:center;}
.sec3 .swiper-slide a{color:#ff7547;}
.courseTit{width:95%; margin:.1rem auto 0; height:auto; overflow:hidden;}
.courseTit .tit-l{width:6%; padding-top:.05rem; }
.courseTit .tit-r{width:92%; }
.courseTit .tit-r h2{font-weight:bold; font-size:.2rem; color:#170106; letter-spacing:2px;}
.courseTit .tit-r h2 span{display:inline-block; line-height:1.2; font-size:.14rem; color:#d93e31; letter-spacing:0; border:1px solid #d93e31; padding:0 .05rem; border-radius:.1rem; vertical-align:middle; font-weight:normal; margin-left:.05rem;}
.courseTit .tit-r p{font-size:.13rem;}
.courseTit .tit-r p font{color:#d93e31; font-weight:bold;}
.courseBox{width:95%; margin:.05rem auto 0; height:auto; overflow:hidden; background:#f6f6f6; box-sizing: border-box; padding:0 .05rem .15rem;}
.courseBox a.btn1,
.courseBox a.btn2{display: block; width:95%; margin:.1rem auto 0; padding:.03rem 0; border-radius:.2rem; font-size:.18rem; text-align:center; letter-spacing:2px;box-shadow:rgba(217,62,49,.2) 0 2px 10px 0px; }
.courseBox a.btn1{color:#ff4500; background:#fff; border:1px solid #ff4500;}
.courseBox a.btn2{color:#fff; background:#ff3c00; border:1px solid #ff3c00;}
.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{width:45%; margin:0 auto; 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 .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-image: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{width:65%; 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{width:65%; 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:.07rem 0 .04rem;}
.courseBox .item .kctit.bg5 p{color:#2d008a;}
.courseBox .item .kctit.bg6{background-image:url(../img/course-bg6.jpg);}
.courseBox .item .kctit.bg6 h3{width:65%;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{width:65%;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;}

/* sec4 */
.sec4{padding:.15rem 0 .06rem;}
.sec4 .swiper-container{ width:100%; margin:0 auto; height:auto; box-sizing: border-box; padding:0 0 35px .1rem;}
.sec4 .swiper-slide{border:1px solid #ebebeb; box-sizing: border-box; padding:.06rem; position:relative;}
.sec4 .swiper-slide .hot{width:36px; height:22px; line-height:22px; font-size:.12rem; color:#fff; text-align:center; 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); position:absolute; left:-1px; top:-1px;}
.sec4 .swiper-slide a{display: block;}
.sec4 .swiper-slide p{line-height:.2rem; font-size:.14rem; height:.6rem; overflow:hidden; padding-top:.05rem;}
.sec4 .swiper-slide h3{overflow:hidden;}
.sec4 .swiper-slide h3 span.f-fl{color:#db4337;}
.sec4 .swiper-slide h3 span.f-fl i{font-size:.24rem; font-style:normal; line-height:1.4;}
.sec4 .swiper-slide h3 span.f-fr{color:#999; padding-top:.08rem; font-size:.13rem;}
.sec4 .swiper-slide h4{width:95%; margin:0 auto;}

/* sec5 */
.sec5{padding:.15rem 0 .06rem;}
.sec5 .swiper-container{width:100%; margin:0 auto; 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;}
.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;}
.sec5 .swiper-slide p{ line-height:1.3;}

@media screen and (max-width:320px){
    .courseBox{width: 96%; padding: 0 .04rem .15rem;}
    .courseBox .item .kctit h2{padding:.03rem 0 0;}
}