@charset "utf-8";
html { height: 100%; width: 100%; background:#FFF;}
body{ position:relative; font-family:-apple-system,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
body{ overflow-x:hidden; color:#494949; width:16rem;}
html,body,div,ul,li,input,textarea,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,#header { margin: 0; padding: 0;}
input,textarea {outline:none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;background:#fff;line-height:1;margin:0 auto!important}
*{box-sizing:border-box;}
ul,li { list-style:none;}
img { border:none; display:block; margin-left:0px;}
.clear{clear:both;height:0;overflow:hidden}
.clearbox:after{content:"";clear:both;display:block;visibility:hidden;height:0}
a { text-decoration:none; color:#353535; cursor:pointer;}
a:hover { text-decoration:none;}
.lf { float:left;}
.rt { float:right;}
.banner img,.title img,.pic1 img ,.pic2 img,.fivebu img,.pdz-t img,.coure-cont img { width:100%;}
.title { padding:1rem 1.1rem;}
.pic1,.pic2 { width:44%;}
.pic1 { margin-left:.592rem;}
.pic2 { margin-right:.592rem;}
.button-d { width:60%; height:1.45rem; text-align:center; color:#FFF; border-radius:6rem; background:#ff0000; box-shadow: #e74545 0 4px 8px; display:block; line-height:1.45rem; font-size:.65rem; margin:7% 20%;}
.huise-cont { background:#f4f4f4; padding-bottom:.1rem;}
.pdz-w { padding:0 .592rem;}
.wenti { padding:0 .592rem;}
.wenti img{width: 100%;}
.top-a { margin-top:.8rem;}
.pdz-t { padding:0 5%;}
.pzx-dw { position:relative;}
.pzx-dw img{width: 100%;}
.ziliao-fnj { width:100%; border-bottom:4px solid #03abc8;}
.ziliao-fnj li { width:26%; height:1.5rem; float:left; display:inline; cursor:pointer; font-size:.829rem; line-height:1.5rem; text-align:center; font-weight:bold; color:#FFF; background:#7f7f7f;
border-top-left-radius:.2rem; border-top-right-radius:.2rem; margin-left:5%;}
.ziliao-fnj li.curr { background:#03abc8;}

.slide{ height:18rem; position:relative; margin-top:1.2rem; overflow:hidden}
.slide .slidecon{ width:640px;  height:100%; float:left; position:absolute; left:50%; top:0; margin-left:-319px;}
.swiper-container{width: 100%;}
.swiper-container .swiper-button-next{ width:200px;  height:100%; position:absolute; right:.01rem; top:0; border-radius:16px; margin:0;  z-index:1000; background-color:rgba(0,0,0,0.6); cursor:pointer;}
.swiper-button-next i{ width:200px; height:100%; position:absolute; right:0; top:0; border-radius:16px; margin:0; z-index:1000; background-image:url(../images/arrow_right.png); background-repeat:no-repeat; background-position:20px center; background-size:1.71rem;}
.swiper-container .swiper-button-prev{ width:200px;  height:100%; position:absolute; left:.01rem; top:0; border-radius:16px; margin:0;   z-index:1000; background-color:rgba(0,0,0,0.6); cursor:pointer;}
.swiper-button-prev i{width:200px;  height:100%; position:absolute; left:0; top:0; border-radius:16px; margin:0;   z-index:1000; background-image:url(../images/arrow_left.png); background-repeat:no-repeat; background-position:140px center; background-size:1.71rem;}
.swiper-container .swiper-slide { width:200px;  height:410px; float:left; position:relative; background:#FFF; box-shadow: 0 0 10px #eeeeee; border-radius:13px; overflow:hidden;}
.swiper-slide img{ width:100%;}
.swiper-slide h4{ width:100%; text-align:center; color:#333333; font-size:18px; margin-top:12px;}
.swiper-slide .des{ width:100%; height:auto !important; float:left; clear:both; text-align:center;margin-top:20px;}
.swiper-slide .des span{border-radius:30px; font-size:16px; color:#03abc8; padding:5px 20px; border:1px solid #03abc8; text-align:center; display:inline-block;}
.swiper-slide p{ width:84%; height:auto !important; float:left; clear:both; margin:0 8%; margin-top:10px; font-size:14px; color:#666666; line-height:22px;}
.swiper-slide a{ width:85px; height:29px; float:left;line-height:29px; color:#ffffff; font-size:.5rem; text-align:center; background-repeat:no-repeat; background-position: 0 0 !important; background-size:100%;}
.swiper-slide a.btn_yel{ position:absolute; left:11px; bottom:25px; background-image:url(../images/but1.gif);}
.swiper-slide a.btn_red{ position:absolute; right:11px; bottom:25px;  background-image:url(../images/but2.gif);}
.swiper-slide a:hover{ border:none; text-decoration:none;opacity:0.8;filter:alpha(opacity=80);}
.pdz-ls { padding:.8rem 1.2rem 0;}

.footer { height:4.6rem; padding:.8rem 0; text-align:center; font-size:.52rem; background:#FFF; margin-top:1.2rem; border-top:.2rem solid #03abc8;}
.x-pf-tip { width:16rem; height:2.4rem; position:fixed; bottom:0px; z-index:130;}
.x-pf-tip .tell-online,.x-pf-tip .mfzx-online { width:50%; height:2.4rem; position:relative; line-height:2.4rem; padding-left:3.8rem;}
.x-pf-tip .tell-online a,.x-pf-tip .mfzx-online a { color:#FFF; font-size:.7rem;}
.x-pf-tip .tell-online { background:#ef3628; float:left;}
.x-pf-tip .mfzx-online { background:#fb6631; float:right;}
.x-pf-tip .tell-online a i,.x-pf-tip .mfzx-online a i { width:1.8rem; height:1.8rem; display:inline-block; background-repeat:no-repeat; background-position: 0 0 !important; background-size: 100% 100%; position:absolute; 
top:.3rem; left:1.5rem;}
.x-pf-tip .tell-online a i { background-image:url(../images/icon11.png);}
.x-pf-tip .mfzx-online a i { background-image:url(../images/icon10.png);}
.mfzx-online a span { position: absolute; border-radius: 156px; background-color: #f9d409; width: 1.1rem; height: 1.1rem; font-size: 0.8rem; line-height: 1.1rem; top: 0.2rem; text-align: center; -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/*teacher*/
.data-v-170cf179{
  clear: both;
  overflow: hidden;
  margin-bottom: .56rem;
}
.data-v-170cf179{
    width: 100%;
    float: left;
    margin: .28rem auto;
}
.data-v-170cf179{
    width: 2.97333rem;
    height: 2.97333rem;
    float: left;
    margin-left: .36rem;
}
.data-v-170cf179{
  width: 5.8rem;
  height: 2.97333rem;
  float: right;
  margin-right: .4rem;
  border-bottom: .02667rem solid #f2f2f2;
}
.teac-desc{
    font-weight: 700;
    font-size: .4rem;
    color: #424242;
    text-align: left;
    margin: .26667rem auto;
}
.school{
    margin-left: .13333rem;
    font-size: .37333rem;
    color: #fff;
    background: #33bef1;
    padding: .06667rem .13333rem;
    border-radius: .10667rem;
}
.stronger{
    font-size: .4rem;
    line-height: .53333rem;
    color: #424242;
}
 /*课程中心模块kechengzhongxin*/
 .kecheng-box .icon {
    margin: 12px 12px;
    overflow: hidden;
}
.kecheng-box .icon ul {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.kecheng-box .icon ul li {
    width: 32%;
    display: inline-block;
    padding: 15px 0;
}
.kecheng-box .icon ul li a{
  color: #fff;
}