body,div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;font-size: 16px; font-family: "HelveticaNeueLTStd-Lt","Helvetica Neue",Helvetica,Arial,sans-serif;}

h1, h2, h3, h4, h5, h6{ font-size:100%; }
html,body{height: 100%;width: 100%;}
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; color: #808588; }
a:hover { color:#00a9e0;text-decoration:none;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
/* -----------------------------初始化------------------------------------ */
a:hover{color: #009844}

.bbdr{border-bottom: solid 1px #eee;}
.btxt{font-weight: bold;}
.pdnone{padding: 0;}
.defleft{float: left;}
.defright{float: right;}
.fullpic{width: 100%; background-position: center; background-size: cover; height: 450px;}


.swiper-container { width: 100%; height: 100%;}
.swiper-container .swiper-slide { background-position: bottom; background-size: cover; position: relative; background-repeat: no-repeat;}
.swiper-container .hero01{background-image: url("../images/main01.jpg");}
.swiper-container .hero02{background-image: url("../images/main02.jpg")}
.swiper-container .hero05{background-image: url("../images/main05.jpg");background-position:left center;}
.swiper-container .hero04{background-image: url("../images/main04.jpg")}
.swiper-container .hero03{background-image: url("../images/main03.jpg")}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 180px; }
.swiper-pagination-bullet-active { opacity: 1; background: #009844;}

.swiper-pagination-bullet { width: 12px;height: 12px;}

.maincont{position: absolute;width: 100%;top:60%; z-index: 99}
.maintext{width: 90%; text-align: center; margin: 50px auto 30px auto;}
.maintext img{width: 100%; max-width: 1080px;}
.btnbox{width: 460px; margin: 0  auto;overflow: hidden;}
.btnbox a{display:block; float: left; width: 200px; border: none;}
.btnbox a:first-child{margin-right: 60px;}

.btn-primary { font-size: 21px; background-color: #ffea00;color: #009944;line-height: 40px; }
.btn-primary:hover {background-color: #ffea00;color: #009944;}

.submitbtn{text-align: center;}
.submitbtn .btn-primary{width: 150px;border: none;line-height:32px;}


#mainnav{margin: 15px auto 0 auto;}
#mainnav .navbar {border: none; min-height:52px;}
#mainnav .nav{padding-top: 15px;}
.logobox{position: absolute;left: 30px; top: -6px; width: 96px; height: 80px;}

.nav > li{padding: 0 0;}
.nav > li > a{color: #009944; font-size: 15px}

.nav > li.ftclink > a{
    text-decoration: none;
    color: #00a9e0;
    background-color: #ffea00;
    border-bottom-right-radius: 26px;
    border-top-left-radius: 26px;
}
.nav > li.ftclink > a:hover{
    text-decoration: none;
    color: #00a9e0;
    background-color: #ffea00;
    border-bottom-right-radius: 26px;
    border-top-left-radius: 26px;
}

.nav > li.active > a {
    color: #999999;
}


.nav > li > a:hover {
    text-decoration: none;
    color: #999999;
    background: none;
}

.nav > li.logoinbox{margin-left: 50px;}
.nav > li.logoinbox > a{display: inline; line-height: 52px;padding: 10px 5px;}
.nav > li.logoinbox > a:hover{background:none;padding: 10px 5px;}



.col-img{margin-bottom: 30px;}
.col-img img{width: 90%;}
.bnimg{background-position: center;background-size: cover;height: 360px; width: 100%;}

.imgtitle{margin: 30px 0;}
.container p{font-size: 16px; line-height: 24px;margin-bottom: 20px;}
p.gryptxt{font-weight: bold; color: #999; font-style: italic;}
ul.we_exp li{min-height: 30px; background: url("../images/icon01.png") no-repeat top left; padding-left: 43px;margin-bottom: 15px; font-size: 16px; line-height: 24px;}


.worktime{margin: 30px 0 30px 10%;}
.mapbox{height:350px;background-size: cover;background-position: center; }
.mapbox iframe{width: 100%; height: 360px;}

.bannerbox{background-color: #e7e7e7; padding: 30px 0;margin: 30px 0;}
.bannerbox img{width: 100%;}

.formtitlepic{text-align: center; margin:90px auto 60px auto;padding: 0 30px;}
.formtitlepic img{width: 100%; max-width: 786px;}
.formbox{width: 100%;}
.formbox form{max-width: 450px;width:80%; margin: 0 auto;}
.formbox form .notestxt{height: 36px;}
.formbox form .notestxt span{ font-size: 14px; color: #ff0000; line-height: 30px; display: none; }
.formbox form .iform{
    width: 100%; padding: 0 10px;
    min-height: 45px;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.formbox form .iformerror{
    width: 100%; padding: 0 10px;
    min-height: 45px;
    border: 2px solid red;
    border-radius: 5px;
    background-color: #ffe8e8;
}

.contactus{padding: 90px 0; background-image: url('../images/pic04.jpg');background-position: center; background-size: cover;}

.scheduletxt{width: 80%; margin: 30px auto;}
.scheduletxt span{color: #009944; }


.class_schedul .sctitle{text-align: center; border: 1px solid #ccc; border-bottom:none;font-weight: bold;color: #999; height: 200px;padding:90px 2px 0 2px; }
.class_schedul .sctime{text-align: center;color: #666;border: 1px solid #ccc; border-left: none;border-bottom:none; height: 200px; padding:60px 2px 0 2px;}
.class_schedul .sctime span{display: block;}
.class_schedul .botbder{border-bottom: 1px solid #ccc;}
.class_schedul .top{background: url("../images/schedul_top.png") no-repeat top left;}
.class_schedul .bot{background: url("../images/schedul_bottom.png") no-repeat bottom right;}


.class_price .row{border-right:1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.class_price .row div{min-height: 60px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center;}
.class_price .row p{margin: 0; padding: 6px 0 0 0;}
.class_price .row p.aline{line-height: 60px; padding: 0;}
.class_price .row span{display: block; text-align: center; line-height: 60px; font-weight: bold;}
.class_price .col-sm-12{line-height: 60px; text-align: center; font-weight: bold;}

.class_price .mr15{margin-right: 15px;}
.class_price .ml15{margin-left: 15px;}
.class_price .bkgreen{background-color: #dffdd7;}
.class_price .bkyellow{background-color: #fffeb5;}

.class_price span.spaline{ padding: 5px; line-height: 24px;}

.coacheslist{padding: 60px 0;border-right: 1px solid #ccc; }
.coacheslist:last-child{border: none;}

.coacheslist img{width: 90%;display: block; margin: 0 auto;}

.bkcont{padding: 30px 0; background: url("../images/bkimg_cont.png") bottom right no-repeat;min-height: 600px; }
.bkcont .col-md-4 img{width: 80%;}

.cptxt{padding: 0 8%;}

.homefooter{width: 100%; background-color: #f6f4f5;position: fixed; bottom: 0; left: 0;z-index:9 }

.footer{background-color: #f6f4f5; }

.copytxt{ line-height:21px; font-size: 13px; padding-top: 14px;}

.snsicon ul{float: right;margin: 10px 0 5px 0;}
.snsicon ul li{float: left;width: 32px;margin-right: 24px;}
.snsicon ul li a{display: block; width: 32px; height: 31px;background-image: url("../images/snsicon.png");}
.snsicon ul li:nth-child(2) a{background-position:0 -31px; }
.snsicon ul li:nth-child(2) a:hover{background-position: 0 0; }

.snsicon ul li:nth-child(4) a{background-position:-32px -31px; }
.snsicon ul li:nth-child(4) a:hover{background-position: -32px 0; }

.snsicon ul li:nth-child(3) a{background-position:-64px -31px; }
.snsicon ul li:nth-child(3) a:hover{background-position: -64px 0; }

.snsicon ul li:nth-child(1) a{background-position:-96px -31px; }
.snsicon ul li:nth-child(1) a:hover{background-position: -96px 0; }


/* 中等屏幕（桌面显示器，大于等于 992px） */


@media screen and (max-width: 992px) {

    #mainnav{width: 100%;}

    .nav > li > a { padding: 10px 10px;font-size: 16px; }

    .logobox{left: 0;  width: 96px; height: 80px;}


    .nav > li.logoinbox{margin-left: 10px;}
    .col-img img{width: 100%;}
    .bnimg{background-size: cover;height: 150px; width: 100%;}

    .class_schedul .sctime{font-size: 14px;}


    .footer .copytxt{margin-top: 10px; line-height: 21px; text-align: center;}
    .footer .snsicon{text-align: center;}

    .copytxt{margin-bottom: 5px; line-height: 21px; text-align: center;}

    .snsicon ul{ float: none;width: 224px; overflow: hidden; margin: 5px auto;}


    .class_schedul .sctitle{padding:50px 2px 0 2px; }
    .class_schedul .sctime{padding:50px 2px 0 2px;}

    .formtitlepic{margin:60px auto 60px auto;}

    .class_price .mr15{margin-right:-15px;}
    .class_price .ml15{margin-left:-15px;}
    .class_price span.spaline{ padding: 0px; line-height: 60px;}

}

@media screen and (max-width: 830px) {

    .nav > li > a { padding: 10px 8px;font-size: 15px; }
    #mainnav{padding: 0;}
    .logobox{left: 0;  width:84px; height: 70px;}
}



/* 小屏幕（平板，大于等于 768px） */

@media screen and (max-width: 768px) {

    .fullpic{width: 100%; background-position: center; background-size: cover; height: 200px;}

    #mainnav{margin: 15px auto 5px auto; padding: 0 15px;}
    #mainnav .navbar{margin-bottom: 0;}
    .logobox{position: absolute;left: -5px; top: -8px; width:72px; height: 60px;}

    .swiper-container .hero01{background-image: url("../images/main01_m.jpg");}
    .swiper-container .hero02{background-image: url("../images/main02_m.jpg")}
    .swiper-container .hero04{background-image: url("../images/main04_m.jpg");background-position:bottom;}
    .swiper-container .hero05{background-image: url("../images/main05_m.jpg"); background-repeat: no-repeat; background-position: center;}

    .maintext{display: none;}

    .bnimg{background-size: cover;height: 150px; width: 100%;}
    .imgtitle img{width: 75%;}

    .navbar-toggle { background-color: #eee;margin-right: 5px; }
    .navbar-toggle .icon-bar {  border: solid 1px #666; }

    .maincont{top:56%; margin-top: 0;}



    .btnbox{width: 300px; margin: 0  auto;overflow: hidden;}
    .btnbox a{display:block; float: left; width: 130px; border: none;}
    .btnbox a:first-child{margin-right: 40px;}

    .btn-primary { font-size: 16px; line-height: 28px; }

    .class_schedul{ padding: 0 30px;}
    .class_schedul .sctitle{text-align: center; background-color:#efefef; border: 1px solid #ccc;font-weight: bold;color: #999; height: auto; min-height: 80px;padding:0;  line-height: 80px;}
    .class_schedul .sctime{font-size: 16px; text-align: center;color: #666;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; border-top: none;height: auto; min-height: 80px;padding:20px 0;}
    .class_schedul .sctime span{display: inline-block;padding: 0 5px;}

    .nav > li.ftclink > a{
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
    }
    .nav > li.ftclink > a:hover{
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
    }
    .worktime{margin: 30px 0;}
    .mapbox{height:200px;}
    .formbox{padding:0 0;}
    .formbox form .iform{ min-height: 40px; }
    .formbox form .iformerror{min-height: 40px;}

    .formtitlepic{margin:60px auto 30px auto;padding: 0 30px;}
    .contactus{padding: 45px 0 100px 0;background-image: url('../images/pic04_m.jpg');}

    .scheduletxt{width: 100%; margin: 30px auto;}
    .swiper-container .mhero02{background-image: url("../images/thankpic_m.jpg");}
    .coacheslist{padding: 30px 0; border: none;}
    .coacheslist img{width: 65%;display: block; margin: 0 auto;}
    .bkcont .col-md-4{text-align: center;}
    .bkcont .col-md-4 img{width:65%; margin-bottom: 30px;}
    .copytxt{ line-height:21px; font-size: 12px; padding-top: 10px;}
    .mapbox iframe{width: 100%; height: 200px;}

    .class_price .row{margin: 0 0 30px 0;}
    .class_price span.spaline{ padding: 5px; line-height: 24px;}
    .class_price .col-xs-2{padding-left: 0; padding-right: 0;}

}

@media screen and (min-height: 840px) {
    .coacheslist img{margin:10% auto;}
    .maintext{margin: 12% auto 30px auto;}
}



#maskxz{position: fixed; text-align: center;color: #ccc; width: 100%; height: 100%; background: url("../images/xz.png") center no-repeat #666;  z-index: 999;display: none;}