@import url(reset.css);
body{width:100%;height:100%;background:#fff; display:inline-block;color:#272727;overflow-x:hidden;}
.wrap{max-width:750px;height: 100%;margin:0 auto;display: -webkit-box;display: -moz-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;}
/*banner图*/
header{position: relative;width: 100%;-webkit-background-size:100% 100%;overflow: hidden;}
.header img{width: 100%;height: 100%;background-size:100% 100%;display: block;overflow: hidden;}

.content{max-width:750px;margin:0 auto;clear:both;overflow: hidden;}
.topTitle{font-size:1.75em;font-weight:bold;color:#fe6701;text-align: center;padding:2% 0;clear: both;}
/*品牌介绍*/
.aboutUs{font-size:1em;line-height:1.8em;width:96%;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;position:relative;margin:0 auto;}
.aboutUs strong{font-size:1.2em;font-weight: bold;}
.toImg{width:98%;margin:0 auto;overflow: hidden;}
.toImg img{width:100%;}
/*活动流程*/
.wrapBox,.preferential{width:98%;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;position:relative;margin:0 auto;margin-top: .6rem;}
.black,.preferentialBg,.swiperBg{width:100%;height:100%;opacity:0.8;background-color:rgba(254,103,1,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom:1;display:inline-block;overflow: hidden;}
.black{position:absolute;z-index:-1;}
.preferentialBg,.swiperBg{position:absolute;z-index:-2;}
.wrapBox table.table1{width:90%;font-size:1em;color:#fff;z-index:1;margin:3% auto;text-align:center;}
.wrapBox table.table1 tr{border:1px solid #fff;}
.wrapBox table.table1 tr th{font-size:1.125em;font-weight:bold;text-align:center;padding:1%;}
.wrapBox table.table1 tr td{border-collapse:collapse;border:1px solid #fff;padding:1%;}
/*优能名师*/
.swiperBg{width:100%;background:url("../images/bgo.jpg")no-repeat top center;background-size:100%;}
.swiper-container,.swiper-wrapper{width: 100%;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide.a img{width:90%;}
.swiperImg{width:80%;margin:0 auto;padding:5% 0 0 0;}
.swiperImg img{max-width:50%;width:50%;}
.navd p img{width: 100%;background-size:100% 100%;display: block;margin-bottom:10%;}
.comiis_wrapad {width: 100%;padding: 10px;overflow: hidden;}
.slideshow {clear: both;}
.slideshow li {overflow: hidden;position: relative;display: none;width: 100%;}
.block {position: relative;}
.slideshow {clear: both;}
.slidebar {position: absolute;bottom:.7rem;right:9.5rem;}
.slidebar li {background: #fff;cursor: pointer;float: left;height: .7rem;margin-right: 5px;width: .7rem;border-radius: .7rem;text-indent:-9999px;}
.slidebar li.on {background: #fcc609;}
#slidesImgs a img{width: 100%;height: 100%;background-size: 100% 100%;display: block;  }
.swiper-slide.a .spana{width:98%;position: relative;display:inline-block;top:0;color: #fff;line-height: 2rem;padding-right: 1rem;font-size: 1rem;}
.swiper-slide.a .spana strong{color:#fff;font-weight: bold;font-size:1.5em;}
.swiper-slide.a .spanb{width:90%;background:black;height: 3rem;display: inline-block;position: relative;top: -3.2rem;color: #fff;opacity: 0.5;line-height: 3rem;text-align: right;padding-right: 1rem;}
/*强势课程*/
.planBox{width:100%;display: inline-block;margin-left:2%;}
.plan{width:98%;display:inline-block;overflow: hidden;}
.plan ul{width:100%;}
.plan ul li{width:48%;margin-right:1%;margin-top:1%;float:left;background:#fe6701;background-size:100%;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;height:7em;text-align:center;}
.plan ul li span.item{font-size:1.2em;color:#fff;font-weight:bold;padding:2% 0 4% 0;display:inline-block;width:100%;}
.plan ul li span.item2,.plan ul li span.item2 a,.plan ul li span.item2 a:hover{font-size:1em;color:#fff;display:inline-block;}
.plan ul li img{width:100%;}

/*在线预约*/
.book{font-size:1.2em;text-align:center;width:60%;margin:0 auto;}
.book a{background:#662c03;color:#fff;padding:2% 10%;}
.book a:hover{background:#401b01;}
.formCon{width:100%;background:url("../images/bg1.png")no-repeat top center;background-size:100%;border: 1px #ccc solid;border-radius: 6px;}
.formBox{width:100%;margin:0 auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;padding:2% 0;opacity:0.9;background-color:rgba(255,255,255,.9);}
.formZ{width:100%;background:#fff;border:5px solid #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.formZ ul li{border-bottom:0.1em solid #c8c8c8;width:100%;display:inline-block;padding:0.5%;}
.formZ ul li  select,.formZ ul li input{width:80%;float:left;font-size:1em;color:#7f7474;border:none;-webkit-appearance:none;padding:3% 0;margin-top:1.5%;}
.formZ ul li:last-child input{border:none;}
.formZ ul li:last-child{border:none;}
.formZ ul li label{width:3.75em;height:3.75em;float:left;margin-right:0.5%;}
.formZ ul li label img{width:100%;}
input::-webkit-input-placeholder{color:#7f7474;}
input:-moz-placeholder{color:#7f7474;}
input::-moz-placeholder{color:#7f7474;}
input:-ms-input-placeholder{color:#7f7474;}
.btn{width:100%;height:auto;background:#ffaf02;margin:1% auto;padding:2% 0;text-align:center;color:#fff;border:5px solid #ffaf02;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:1.5em;}
/*固定底部*/
.float-box {position: fixed;left: 0;right: 0;bottom: 0;text-align: center;color: #fff;font-weight: bold;font-size:1em;z-index: 999;overflow: visible;}
.float-box .block {display: inline-block;height: 3.2em;line-height: 3.2em;float: left;width: 50%;font-size:1rem;text-align: center;}
.float-box .block img {margin-right: 5px;width: 1.8em;vertical-align: middle;}
.float-box .block span {vertical-align: middle;}
.float-box .b-1 {background: #f65327;color:#fff;}
.float-box .b-2 {background: #ddb119;}
.float-box .b-2 span{color:#fff;text-decoration:none;}
.float-box .niu {position: absolute;left: 3%;bottom: 100%;margin-bottom: -12px;width: 100px;z-index: 99;}
.page-footer {background: #292929;padding-bottom: 40px;clear:both;}
.page-footer .ct {padding: 20px 0;margin: 0px 3%;position: relative;}
.page-footer .ct .st {position: relative;}
.page-footer .ct .st h5 {color: #f65327;font-size: 1.3em;line-height: 1.1em;margin-bottom: 10px;letter-spacing: 1px;}
.page-footer .ct .st-1 {position: relative;}
.page-footer .ct .st-1 p {font-size: .9em;color: #a2a2a2;margin-bottom: 20px;}
.page-footer .ct .st-1 p a {margin-right: 8px;margin-bottom: 10px;white-space: nowrap;}
.page-footer .ct .st-1 p a:hover {color: #f65327;}
.page-footer .ct .d-b {position: absolute;right: 0;top: 25px;width: 27%;}
.page-footer .ct .d-b img {width: 100%;margin-bottom: 15px;}
.page-footer .copyright {color: #a2a2a2;font-size: .8rem;line-height: 2em;padding-bottom: 40px;}
.mui-reduce{height:3rem;font-size:.8rem;padding-top:3%}


a,a:hover{
    text-decoration:none
}
a:focus{
    outline:none
}

.animated{
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }

}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }

}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

/*------------------- 华丽分割线 -----------------------*/

/*header{width:90%;text-align:center;padding:5%;letter-spacing:2px;color:#333;font-size:1.2em;text-shadow:0 0 2px #999;}*/
.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;}

/*------------------- 华丽分割线 -----------------------*/
.formBox1{background:#fff;}
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 300px; height: 200px; margin: 0 auto; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -150px; z-index: 10000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -3px 0 #2a6496 inset;-webkit-box-shadow: 0 -3px 0 #2a6496 inset;}