@charset "utf-8";
/*
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 2011/2/28 
 	-----------------------------------------
	westdrug | 2017(yy)/11(mm)1(dd) 
	http://www.268xue.com
*/

/* #main style
================================================== */
.main {padding-top: 1.35rem;}
.s-one {background: url(../img/pic/s-bg-1.png) no-repeat 0 center;background-size: cover;overflow: hidden;position: relative;height:6.3rem;}
.slogan {height: 2.0rem;line-height: 2.0rem;}
.slogan{text-align: center;color: #111;font-weight: normal;letter-spacing: 1px;margin-top: 0.9rem;width: 100%;font-size: 0.7rem;font-family: "宋体";}
.slogan span>.slog-v3{width: 0.8rem;display: inline-block;vertical-align: super;}
.sc-title>small {font-size: 0.48rem;color: #111;}
.vice-slogan{text-align: center;color: #111;padding-bottom: .2rem;}
.s-one .slogan,.s-one .sc-title,.s-one .sc-title>small,.s-one .vice-slogan, .end-slogan {color: #fff;}
.s-one .slogan {font-size: 0.5rem;font-weight: bold;padding-top: 1rem;letter-spacing: .1rem;height: 1.7rem;color:#ffedff;}
.vice-slogan>span {font-size: 0.48rem;letter-spacing: .1rem;color:#fbfaf5;}
.gla{color:#ffb81e;}
.end-slogan{font-size:.35rem;text-align: center;padding-top: .3rem;color:#c2d0fd;letter-spacing: .04rem;}
.s-dj{margin: 0.8rem .3rem .5rem;}
.s-one-link-group {height: .8rem;}
.s-one-link-group>.s-one-link {margin-left: 0.5rem;display: inline-block;vertical-align: middle;height: 3.0rem;}
.sw {text-align: center;background: #fff;background-size: 100% 100%;position: relative;display: block;    vertical-align: middle;}
.s-one-btn-group>.s-one-btn {color: #3093fb;font-size: 0.5rem;display: inline-block;height: 1.15rem;line-height: 1.15rem;width: 38%;margin: 0 4%;font-weight: bold;}
.sa-fu-bx .ys-bx {margin: .25rem .2rem;}
.sa-fu-bx .ys-bx>img {width: 100%;-webkit-transition: .3s;transition: .3s;}
.sa-fu-bx .ys-bx>h5 {font-size: 0.45rem;color: #606060;position: relative;}
.sa-fu-bx .ys-bx>h5 span{position: absolute; top:-.3rem;padding-left: 0;}
.sa-fu-bx .ys-bx>p {font-size: 0.33rem;color: #5b5b5b;}
.lmk{background:#fafafa;}
.s-thr,.s-fu,.s-se {padding: .5rem 0.3rem;text-align: center;}
.f-thr{padding: .5rem 0rem;}
.s-t-big{padding: 1rem .5rem;margin-bottom: 1.1rem;}
.s-fv{padding:.8rem 0 .1rem;text-align: center;background: #fafafa;}
.bgc{background: #fff;}
.s-td{text-align: center;padding: 1rem .4rem 1rem;}
.s-to{text-align: center;padding:0rem 0 .3rem;;background: #f6f6f6;}
.hlxx{background:#fff;}
.s-to>.sc-title,.s-fu>.sc-title,.s-se>.sc-title {margin-bottom: 0.5rem;}
.ys-bx {text-align: center;padding: 0.5rem 0.25rem 0;}
.ys-bx>img {max-width: 90%;}
.ys-bx>p {line-height: 0.85rem;font-size: 0.4rem;color: #111;}
.fa-rzy {padding-bottom:.5rem;}
.fa-rzy>li{line-height: 2.2rem;}
.four-wrap {padding: 0.8rem .2rem 0;}
.fa-rzy .bx2 {margin-left:.6rem;}
.fs-bx1{background:url(../img/pic/t-1.png) no-repeat; background-size: 100% 100%;width: 100%; }
.fs-bx2{background:url(../img/pic/t-2.png) no-repeat; background-size: 100% 100%;width: 100%; }
.fs-bx3{background:url(../img/pic/t-3.png) no-repeat; background-size: 100% 100%;width: 100%; }
.fs-bx4{background:url(../img/pic/t-4.png) no-repeat; background-size: 100% 100%;width: 100%; }
.fa-rzy p {font-size: 0.4rem;color: #f8ffff;}
.sa-pt-sl{background:#fff;}
.sa-pt-sl>section>img {width: 100%;display: block;margin: 0.5rem auto 0;}

.s-td .po{text-align: center;width: 2.5rem;}
.s-td .po .z-btn{text-align: center;font-size: .36rem;background:#2f93fc;border-radius: 4px;width:2.5rem;padding:.15rem 0;display: block;color:#fff;padding-top: .1rem;}

.sa-rzy>li>.ys-bx:hover{-webkit-transform: translate3d(0, -0.125rem, 0);transform: translate3d(0, -0.125rem, 0);}
.s-line{margin:.7rem 0rem;text-align: center;}
.s-line .s-one-btn{background: #2f93fc;height: 1.12rem;line-height:1.12rem;width:4rem;text-align: center;color:#fff;font-size: .45rem;border-radius: 0.1rem;display: inline-block;}
.s-one-btn-group{text-align: center;}

.swgw{margin-top: 1rem;}
.s-thr>img {width: 100%;display: block;}
.s-thr .sc-title{padding-top: .3rem;font-weight: bold;color:#616161;font-size: .46rem;}
.s-fv .sc-title, .s-td .sc-title{color:#616161; margin-bottom: .8rem;font-weight: bold;font-size: .46rem;}
.fl{float:left;}
.fr{float: right;}
.clear{content:"";display:block;height:0;clear:both;overflow:hidden;}
/*翻转云课堂*/
.sa-dv-bg { padding-top: 0.25rem;padding-bottom: .3rem;}
.sa-dv-bg>ul {margin: 0.375rem 0.375rem 0;}

.sa-dv-r p{ width: auto;line-height: 0.6rem; text-align: left;color:#ffefff;font-size: .36rem;}
.fz-y{position:relative;width:100%;height: 100%;display: block;}
.fz-z-1{width:100%;border-radius: .08rem;}
.sa-dv-r {position: absolute;top:.3rem;left:1.2rem;padding-right: .14rem;}
.f-cir-f {position:absolute;top:.5rem;left:.5rem;width:.2rem;height: .2rem;border-radius: 50%;border:2px solid #f8edcf;display: inline-block;}
/*4-img*/
.s-fv .se-wrap{margin:0 .28rem 1rem; position: relative;}
.c-fff{color:#fff;}
.s-fv .se-wrap .sse-txt{position:absolute;top:0;padding: 0 .7rem}
.s-fv .se-wrap .sse-txt .s-t{font-size:.48rem;padding-bottom: .25rem; padding-top: 10%;}
.s-fv .se-wrap .sse-txt .s-b{font-size: .31rem;text-align: left;line-height:.6rem;}
/*2-3*/
body .swiper-container .swiper-wrapper .sc-page {width:25%!important; margin-right: .8rem !important;text-align: center;margin-left: .08rem;    margin-bottom: .5rem;}
.swiper-wrapper .sc-wrap{transform: translate3d(.4rem, 0px, 0px)!important;}


.sc-wrap{padding:.8rem 0rem 0rem; position: relative;height: 6rem;}
.sc-wrap .f-f1{background: url(../img/pic/f-f1.png) no-repeat; background-size: 100% 100%; width:26%;}
.sc-wrap .f-f2{background: url(../img/pic/f-f2.png) no-repeat; background-size: 100% 100%; width:26%;}
.sc-wrap .f-f3{background: url(../img/pic/f-f3.png) no-repeat; background-size: 100% 100%; width:26%;}
.sc-wrap .f-f4{background: url(../img/pic/f-f4.png) no-repeat; background-size: 100% 100%; width:26%;}
.sc-wrap .f-f5{background: url(../img/pic/f-f5.png) no-repeat; background-size: 100% 100%; width:26%;}
.sc-wrap .f-f6{background: url(../img/pic/f-f6.png) no-repeat; background-size: 100% 100%; width:26%;}

.sc-page{width: 25%;position:relative;display: inline-block; transition: all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}
.sc-page .page-ic{width:.76rem;}
.sc-page .page-line{display: block;border-bottom: 3px solid #3a97f2;width: .4rem; margin: 5px auto 0;text-align: center;}
.sc-page .page-tit{font-size: .42rem;color:#fff;line-height: .9rem;padding-top:1rem;}
.sc-page .page-txt{ color: rgba(255,255,255,.6);font-size:.36rem;line-height: .6rem;padding-bottom:.6rem;}
.s-past{z-index: 8!important; transform: scale(1.2);}
.circ{text-align: center;padding-bottom: .3rem;}
.circ .c-one{width:.2rem;height:.2rem;border-radius: 50%;border:0.04rem solid #acacac;margin-right: .06rem;display: inline-block;}
.circ .ac{background:#a8adb0;}
/*零门槛*/
.f-dv-bg{position: relative;margin-bottom: .5rem; height: 1.2rem;width: 100%;}
.f-nt{font-size: .38rem;line-height: 1rem;}
.f-l-wrap{text-align: left;width: 50%;}

.f-l-wrap .f-t-gray{color:#838383;}
.f-l-wrap .f-bg-gray{background:#e5e5e5;display: inline-block; width: 100%;;height: .16rem;border-top-left-radius:.08rem;
border-bottom-left-radius:.08rem;position: relative;}
.f-l-wrap .f-sm-ye{background:#ffd13d;display: inline-block; height: .16rem;border-top-left-radius:.08rem;
border-bottom-left-radius:.08rem;position: absolute;right: 0;}
.y1{width: 20%;}
.y2{width: 3.0rem;}
.y3{width: 1.3rem;}
.y4{width: 2.6rem;}
.y5{width: 2.1rem;}
.f-r-wrap{text-align: right;width: 50%;}
.f-r-wrap .f-t-black{color:#000;}
.f-r-wrap .fr-b-w{width:100%;}
.f-r-wrap .f-bg-blue{background:#3093fb;display: inline-block; width: 80%;height: .16rem;border-top-right-radius:.08rem;
border-bottom-right-radius:.08rem; width: 100%;}
.f-m-wrap{text-align: center;}
.f-m-wrap .f-mid-pic{position: absolute;left:40%;top:.5rem; width: 20%;}
/*动态信息共享*/
.f-mes {padding:0 .2rem .5rem;position: relative;}
.f-mes-pic {width:18%;position:absolute;}
.f-mes-pic .yuan{ padding-top: .2rem;}
.f-mes-pic .fm-ic{width: 50%; }
.f-mes-txt{padding-left:18%;text-align: left;}
.f-mes-txt .fm-tit{color:#575757;font-size: .42rem;font-weight: bold; line-height: 1rem;}
.f-mes-txt .fm-txt{color:#787878;font-size: .36rem;line-height: .6rem;}


.s-td>p{color: #626262;font-size: .36rem;line-height: .6rem;}
.s-case>ul>li>img {box-shadow: 0 0 2px rgba(0,0,0,.1);width: 100%;margin: 0.25rem -1%;}
.s-fv-list>li {background-color: #fff;height: 1.0rem;line-height: 1.0rem;color: #4e4e4e;text-align: center;margin-top: 0.375rem;}
.s-fv-list>li>span {font-size: 0.35rem;}
.s-se .s-fv-list>li {background-color: #fafafa;}

.gt-bx {padding: 0 0.3rem;margin-top: 0.5rem;}
.gt-item {border: 1px solid #166ab4;padding: 0.5rem 0.25rem 0.375rem 0.5rem;position: relative;}
.gt-item>p {font-size: 0.325rem;color: #333;}
.gt-item>span {background-color: #fff;position: absolute;top: -0.35rem;left: -0.16rem;width: 1.0rem;height: 0.75rem;line-height: 0.75rem;text-align: center;font-size: 0.35rem;color: #166ab4;}

.sse-pic {text-align: center;}
.sw2{margin-bottom: .5rem;position: relative;}
.sw2 .p-t-1{position: absolute;top:.4rem;left:.5rem;}
.sse-pic>img {width: 100%;display: block;}
/*8*/

.mgb{margin-bottom: 0;background: #fff;}
/*end*/
.s-fr{padding: .38rem .5rem; border: .04rem solid #e8e8e8;}
.s-fr .fr-t{width:8rem;height:1rem;font-size: .36rem;margin-bottom:.38rem;border:none;background: #f6f6f6;text-indent: 1em;}
.s-fr .wu{margin-bottom: 0;}
.bgf{background: #fff;}
.ft-txt{text-align: left;font-size:.34rem;color:#828282;
line-height: .6rem;}
.ft-txt .lf{width:1.8rem;float:left;}
.ft-btn{text-align: center;height:1.2rem;line-height: 1.2rem;    position: fixed; bottom: 0; width: 100%; z-index: 9;}
.ft-btn .ft-img{display:inline-block;vertical-align: sub;width:.38rem;}
.ft-btn .ft-icon{display: inline-block;font-size:.38rem;color:#3093fb; }
.ft-btn .act{background:#3093fb;}
.ft-btn .av{color:#fff;}
.ft-b-li{border-right: 1px solid #cbcbcb;}



.swiper-pagination {
    position: relative !important;
    margin-bottom: 30px;
    text-align: center;
    margin-top: .8rem;
    z-index: 8!important;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
  
    /*border: 6px solid #00a0e9;*/
    margin-bottom: 0;
}
.swiper-slide-active{
	    transform: scale(1.2) !important;
} 
.swiper-pagination-bullet .swiper-pagination-bullet-active {
     -webkit-transform: scale(1); 
     transform: scale(1);
  }
.swiper-pagination-bullet-active {
  
    background: #aaafb2 !important;
 }
   
.swiper-pagination-bullet {
   
    margin-left: 4px;
    margin-right: 4px;
    width: 17px;
    height: 17px;
    margin-bottom: 4px;
}

    
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-bullet {
    width: .2rem !important;
    height: .2rem !important;
    display: inline-block;
    border-radius: 50%;
    border: .04rem solid #a6aaab;
  }
    
    


