@charset "utf-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{color:#333;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#333;font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
a{ color:#333;}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.hide{display: none;}
.fs24{font-size:0.32rem;}
.fs26{font-size: 0.34rem;}
.fs28{font-size: 0.38rem;}
.fs30{font-size:0.4rem;}
.fs32{font-size:0.42rem;}
.fs34{font-size:0.45rem;}
.fs36{font-size:0.48rem;}
.fs38{font-size:0.5rem;}
.fs40{font-size:0.53rem;}
.fix{position: fixed;}
.fw{font-weight: bold;}
.header{
    width: 100%;
    position: relative;
}
.header .logo {
    display: block;
    width: 3.32rem;
    height:.68rem;
    line-height: 0;
    font-size: 0;
    left:.28rem;
    top:.36rem;
}
body{
    max-width: 768px;
    margin: 0 auto;
}

.title{height:2rem;text-align:center;}
.title h2{display:inline-block;padding:.4rem 0 0 1.48rem;line-height:1.6rem;color:#555;font-weight:bold;position:relative;font-size:.5333rem;vertical-align:top;}
.title h2 img{width:3.2rem;height:1.68rem;position:absolute;left:0;top:0;}
.xian,.xian2{
    height:.24rem;
    background: #efefef;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4
}
.xian2{height:1.52rem;}


.teachjieshao{
    width: 92%;
    margin: 0.6rem auto 0;
}
.name{
    color: #1b7eda;
}
.xuxian{
    width: 100%;
    margin-top: 0.2rem;
    height: 0;
    border-bottom: 1px dotted #e0e0e0;
}
.jieshao{
    color: #666666;
    margin-top: 0.3rem;
}
.more{
    width: 100%;
    color: #f46b19;
    display: block;
    text-align: center;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    top:5.2rem;
    left: 0;
    width: 100%;
}
.video{
    width: 20%;
    left: 40%;
    top: 1.5rem;
}
.teacher {
    padding-bottom: .4rem
}

.teacher .swiper-teacher {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.teacher .swiper-teacher .pic {
    width:8.6rem;height:4.8rem;overflow:hidden;
    margin: 0 auto;
}

.teacher .swiper-teacher .swiper-slide:last-child {
    margin-right: 0
}

.teacher .swiper-teacher .swiper-wrapper img {
    display: block
}

.teacher .pic {
    width: 100%;
    height: auto;
    position: relative
}

.teacher .pic p {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    color: #fff;
    font-size: .35rem;
    position: absolute;
    left: 0;
    bottom: 0
}
.con{
    width: 100%;
    padding-bottom: 0.4rem;
}




.ecourse{padding-top:.52rem;}
.ecourse-in {
    margin: .1rem 0 0 0
}
.ecourse-in-to{padding-left:4%;}
.ecourse-in-to a {
    display: block;
    float: left;
    width: 21%;
    margin: 0 6%;
    height: 2.1rem;
    font-size: .25rem;
    color: #fff;
    text-align: center;
    line-height: 1.7rem;
    background: url(/images/project/pro2018/bg01.png) no-repeat -1.84rem 0;
    background-size: auto 100%
}

.ecourse-in-to a.on {
    background-position: .15rem 0;
    background-size: auto 100%
}

.ecourse-in-bo {
    padding:.1rem 0 0
}
.ecourseInBo{float:left;}
.ecourseInBo-jieshao {
    margin: 0 .4rem
}

.ecourseInBo-jieshao h2 {
    color: #1b7eda;
    font-size: .426rem;
    line-height: 1.3rem
}
.ecourseInBo-jieshao section {
    border-top: 1px dashed #e0e0e0;
    padding: .2rem 0 .2rem
}

.ecourseInBo-jieshao section p {
    color: #1b7eda;
    font-size: .4rem;
    line-height: .7rem;
    margin: 0 0 .1rem 0
}
.ecourseInBo-jieshao section p:nth-child(2) {
    color: #4e4e4e;
    font-size: .346rem;
    line-height: .54rem
}
.bcdb {
    text-align: center;
    padding: .133rem 0;
    border-bottom: 1px dashed #e0e0e0;
    border-top: 1px dashed #e0e0e0
}
.bcdb .btn {
    display: inline-block;
    width: 5.33rem;
    height: 1.093rem;
    line-height: 1.093rem;
    text-align: center;
    font-size: .4rem;
    color: #fff;
    background: #1581dc;
    border-radius: .1rem
}





.new-xuanke {
    margin: .7rem .266rem 0 .266rem
}

.new-xuanke-in {
    padding: 0 0 .2rem 0
}

.new-xuanke-in h2 {
    color: #1581dc;
    font-size: .453rem;
    font-weight: bold;
    margin: 0 0 .5rem 0
}

.newXuanke-row {
    margin: 0 0 .5rem 0
}

.newXuanke-row p {
    width: 18%;
    height: 1rem;
    line-height: 1.05rem;
    color: #666;
    font-size: .346rem
}

.newXuankeRow-bc, .newXuankeRow-bcfds {
    display: none
}

.newXuankeRow-bc + label {
    border: 1px solid #999;
    height: 1.1rem;
    padding-top: .05rem;
    line-height: .48rem;
    width:24%;
    margin: 0 3.45% 0 0;
    text-align: center;
    font-size: .34rem;
    color: #666;
    white-space: nowrap
}

.newXuankeRow-bcfds + label {
    border: 1px solid #999;
    height: .95rem;
    padding-top: .05rem;
    line-height: .48rem;
    width: 17%;
    margin: 0 3% 0 0;
    text-align: center;
    font-size: .38rem;
    color: #666
}

.newXuankeRow-bc02 + label {
    width: 7.6rem;
    height: 1rem;
    padding-top: 0;
    line-height: 1rem
}

.newXuankeRow-bc03 + label {
    width: 36%;
    height: 1rem;
    padding-top: 0;
    line-height: 1rem;
    margin-right: 6%
}

.newXuanke-row label:last-child {
    margin-right: 0
}

.newXuankeRow-bc:checked + label {
    border: 1px solid #fa5a4e;
    color: #fa5a4e
}

.newXuankeRow-bcfds-on + label {
    border: 1px solid #fa5a4e;
    color: #fa5a4e
}

.newXuankeRow-bc:disabled + label {
    color: #e0e0e0;
    border-color: #e0e0e0
}
.fdstc-body {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 200;
    display: none;
    opacity: 0
}

.fdstc-con {
    width: 8rem;
    max-height: 8rem;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -4rem 0 0 -4rem;
    border-radius: .12rem
}
.con{
    width: 100%;
    padding-bottom: 0.4rem;
}
.fdstc-con-in {
    padding: 1px .4rem
}

.fdstc-con-in h3 {
    color: #bb7842;
    font-size: .46rem;
    font-weight: bold;
    padding: .7rem .4rem .6rem
}

.fdstc-con-in div.fdstc-list {
    padding: 0 .4rem;
    max-height: 4rem;
    overflow-y: auto
}

.fdstc-con-in div.fdstc-list section {
    margin: 0 0 .36rem
}

.fdstc-con-in div.fdstc-list section label {
    display: block
}

.fdstc-con-in div.fdstc-list section label span {
    display: block
}

.fdstc-con-in div.fdstc-btn {
    padding: .5rem 0 .6rem 0
}

.fdstc-con-in div.fdstc-btn a {
    display: block;
    height: 1rem;
    width: 3.26rem;
    float: right;
    background: #fff;
    color: #ccc;
    font-size: .46rem;
    text-align: center;
    line-height: 1rem;
    border: 1px solid #ccc
}

.fdstc-con-in div.fdstc-btn a:nth-child(1) {
    background: #fa5a4e;
    border: 1px solid #fa5a4e;
    float: left;
    color: #fff
}

.couCon {
    display: none
}

.couCon1 {
    display: block
}

.magic-checkbox {
    position: absolute;
    display: none
}

.magic-checkbox + label {
    position: relative;
    display: block;
    padding-left: .7rem;
    vertical-align: middle;
    color: #666;
    font-size: .38rem
}

.magic-checkbox + label:before {
    position: absolute;
    top: .07rem;
    left: 0;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    content: '';
    border: 1px solid #999
}

.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''
}

.magic-checkbox:checked + label:before {
    animation-name: none
}

.magic-checkbox:checked + label:after {
    display: block
}

.magic-checkbox + label:after {
    top: .08rem;
    left: .15rem;
    box-sizing: border-box;
    width: .16rem;
    height: .3rem;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fa5a4e;
    border-top: 0;
    border-left: 0
}

.bookList {
    width: 100%;
    margin: 0 auto
}

#protocolsBg {
    background: #333;
    opacity: .6;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    width: 100%;
    height: 100%
}

.protocols {
    width: 80%;
    background: #fff;
    z-index: 999;
    right: -80%;
    top: 0;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll
}

.protocols-dialog {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 10000
}

.protocols-con {
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    background: #fff;
    transition: all .3s ease
}

.protocols-dialog .protocols-con.on {
    right: 0
}

.protocols-con-in {
    padding: 1px 0 0 0
}

.protocols-close {
    display: block;
    top: .1rem;
    left: .1rem;
    width: .5rem;
    height: .5rem;
    background: #f88920 url(/images/project/pro2018/icon_close.png) no-repeat center center;
    background-size: .3rem;
    border-radius: 50%
}

.protocols-con-in h4 {
    color: #f46b19;
    text-align: center;
    font-size: .44rem;
    margin: .5rem 0 .3rem;
    font-weight: bold
}

.protocols-con-in p {
    color: #333;
    font-size: .36rem;
    padding: .1rem .4rem
}

.protocols-con-in p a {
    color: #f88920
}

.protocols-con-in a.protocols-btn {
    background: #f88920;
    display: block;
    width: 5rem;
    height: .9rem;
    color: #fff;
    line-height: .9rem;
    text-align: center;
    font-size: .34rem;
    margin: 0 auto;
    margin-top: .4rem;
    border-radius: 3px
}

#yq + label:before {
    left: 50%;
    margin-left: -35%
}

#yq + label:after {
    left: 17%;
    top: .12rem
}

.courseXYS {
    margin-bottom: .3rem
}

.student .stuPic {
    padding: 0 .4rem
}

.student .stuPic .p1 {
    width: 5.173rem
}

.student .stuPic .p2 {
    width: 3.986rem
}

.student .stuPic .p3 {
    width: 4.373rem;
    margin: 1px 0 0
}

.student .stuPic .p4 {
    width: 4.786rem;
    margin: 1px 0 0
}

.student-in-to {
    margin: 0 .4rem;
    height: 6.2rem
}

.student-in-to section img {
    width: 100%;
    height: 100%
}

.student-in-to .sec01 {
    width: 5.1rem;
    top: 0;
    left: 0;
    height: 3.89rem
}

.student-in-to .sec02 {
    width: 4rem;
    top: 0;
    right: 0;
    height: 1.91rem
}

.student-in-to .sec03 {
    width: 4rem;
    top: 1.99rem;
    right: 0;
    height: 1.91rem
}

.student-in-to .sec04 {
    width: 4.37rem;
    top: 3.98rem;
    left: 0;
    height: 2.25rem
}

.student-in-to .sec05 {
    width: 4.76rem;
    top: 3.98rem;
    right: 0;
    height: 2.25rem
}

.student-in-to section a {
    display: block;
    width: 100%;
    height: 100%
}

.student-in-to section a span {
    display: block;
    width: 100%;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: .3rem
}

.student-in-to section a span em {
    font-size: .22rem
}

.student-in-bo {
    margin: .4rem .4rem
}





.app{
    padding-top:.52rem;
}

.app .iphone, .app .android {
    width: 2.92rem;
    height: .76rem;
    line-height: 0;
    font-size: 0;
    left: .746rem;
    top: 4.013rem;
    position: absolute
}

.app .android {
    top: 5.04rem
}

.app .ewm01 {
    width: 1.786rem;
    left: 3.84rem;
    top: 4.013rem
}

.app .ewm02 {
    width: 3.9rem;
    right: 0;
    top: 4.013rem;
    text-align: center
}

.app .ewm02 img {
    display: inline-block;
    width: 1.653rem;
    height: 1.653rem
}

.app .ewm02 p {
    font-size: .35rem;line-height:.4rem;
    color: #fff
}
.app .con{padding-bottom:0}






.buy {
    width: 100%;
    height: 1.293rem;
    position: fixed;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #aeadad;
    border-top: 1px solid #aeadad;
    background: #fff;
    z-index: 99
}

.buy ul {
    float: left;
    padding: .16rem 0 0 0
}

.buy li {
    float: left;
    width: 2.146rem;
    text-align: center;
    position: relative
}
.buy li a{display:block;}

.buy li .kf {
    display: block;
    margin: 0 auto;
    width: .426rem;
    height: .426rem;
    background: url(/images/project/pro2018/i01.png) no-repeat;
    background-size: 100% auto
}

.buy li .tel {
    display: block;
    margin: 0 auto;
    width: .426rem;
    height: .426rem;
    background: url(/images/project/pro2018/i02.png) no-repeat;
    background-size: 100% auto
}

.buy li p {
    font-size: .35rem;
    color: #4e4e4e;
    line-height: .6rem
}

.buy li .x {
    width: 1px;
    height: .866rem;
    background: #b4b4b4;
    position: absolute;
    right: 0;
    top: .1rem
}

.buy .nums {
    float: left;
    width: 2.8rem;
    text-align: center;
    padding: .2rem 0 0 0;
    color: #4e4e4e;
    font-size: .35rem;
    line-height: .5rem
}

.buy .nums em {
    color: #f46b19
}

.buy .submit {
    float: right;
    width: 2.8rem;
    height: 1.293rem;
    line-height: 1.293rem;
    font-size: .4rem;
    color: #fff;
    text-align: center;
    background: #f46b19
}



.flow{padding-bottom:.36rem;}
.flow h4{height:1.48rem;line-height:1.48rem;font-size:.48rem;text-align:center;background:url(/images/project/2018fanggu/flowTitle.png) no-repeat center center;background-size:9.2rem auto;margin-bottom:.16rem;}
.flow ul{width:9.2rem;height:2.4rem;position:relative;margin:0 auto;}
.flow ul:after{width:7.2rem;height:4px;background:#d6d5d5;content:"";position:absolute;left:1rem;top:.56rem;z-index:1;}
.flow ul li{width:2.3rem;text-align:center;float:left;line-height:1.12rem;font-size:.3733rem;z-index:2;position:relative;}
.flow ul li a{display:block;}
.flow ul li i{width:1.16rem;height:1.16rem;line-height:1.16rem;background:#4db1ea;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;margin:0 auto;overflow:hidden;}
.flow ul li i img{width:.44rem;height:.48rem;display:inline-block;vertical-align:middle;margin-top:-3px;}

.goTop{width:184px;padding:.96rem .12px 0;line-height:.8rem;color:#2a86cf;font-size:.4266rem;text-align:center;margin:0 auto;display:block;background:url(/images/project/2018fanggu/goTop.png) no-repeat center top;background-size:.96rem auto;}

.fdstc-con-in div.fdstc-list-wrap{ height:5rem; overflow-y:auto; margin-top:.3rem;}

.fdstc-con-in div.fdstc-list-wrap::-webkit-scrollbar {/*滚动条整体样式*/
    width: .133rem;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.fdstc-con-in div.fdstc-list-wrap::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: .133rem;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.fdstc-con-in div.fdstc-list-wrap::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: .133rem;
    background: #EDEDED;
}