/*banner*/

.banner {

    width: 100%;

    height: auto;

    margin: auto;
}

.bannerimg img {

    width: 100%;

    height: 100%;
}

/*标题*/

.kj_box_title {

    width: 100%;

    height: 120px;

    line-height: 90px;

    font-size: 35px;

    text-align: center;

    color: #02A274;
}



/*左侧右侧*/

.box_left {

    width: 45%;

    height: 100%;

    float: left;
}

.box_right {

    width: 45%;

    height: 100%;

    float: right;
}







/*直营*/

.aape-box {

    width: 100%;

    height: 600px;

    background: url('../img/21312312aa.png') no-repeat;

    background-size: 100% 100%;
}

.aape-box-div {

    width: 1200px;

    height: 135px;
    padding:40px 0;
    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;
}

.aape-box-div p {

    color: #01a273;

    font-size: 40px;

    text-align: center;
}

.aape-box-div span {

    text-align: center;

    display: block;

    font-size: 25px;

    color: #777;
}

.appe-box-div2 {

    width: 1200px;

    height: 390px;

    margin: auto;
}

.appe-box-div2-left {

    width: 48%;

    height: 90%;

    float: left;
}

.appe-box-div2-right {

    width: 48%;

    height: 100%;

    float: right;
}

.appe-box-div2-right h3 {


    padding-top: 30px;

    padding-bottom: 20px;
}

.appe-box-div2-right p {

    font-size: 18px;

    margin-bottom: 20px;
}

.appe-box2 {

    width: 100%;

    height: 700px;

    background: white
}

.appe-box2-div1 {

    width: 1200px;

    height: 380px;

    margin: auto
}

.box2-left {
    width: 350px;
    height: 380px;
    float: left;
    background: #a3d1c3;
}

.box2-left img {

    width: 100px;

    margin: 50px 33px;
}

.box2-left h3 {

    font-size: 30px;

    color: white;

    text-align: center;

    padding-bottom: 10px
}

.box2-left p {

    font-size: 15px;

    color: white;

    text-align: center;

    padding-top: 10px
}

.box2-con {
    width: 350px;
    height: 100%;
    float: left;
}



.box2-con img {
    width: 100%;
    height: 380px;
}

.box2-right {
    width: 350px;
    height: 100%;
    float: left;
}

.box2-right img {

    width: 100%;

    height: 380px;
}


/* 在韩国 */

.slideBox {
    width: 1200px;
    height: 380px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}
.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.slideBox .hd ul li.on {
    background: #f00;
    color: #fff;
}
.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}
.slideBox .bd img {}


/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 37%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 60px;
    height: 60px;
    background: url(/skin/images/arrow-left.png) -7px -7px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.slideBox .next {
    left: auto;
    right: 53%;
    background-position: -84px -7px;
}
.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.slideBox .prevStop {
    display: none;
}
.slideBox .nextStop {
    display: none;
}

.box2-one {
    width: 150px;
    height: 380px;
    float: left;
    position: relative;
}
.box2-one p {
    font-size: 80px;
    font-family: '微软雅黑';
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 20px;
    line-height: 65px;
}

.slideBoxli2 .box2-one p {
    color: #f93833;
}
.slideBoxli3 .box2-one p {
    color: #f9b133;
}
.slideBoxli2 .box2-left {
    background: #f93833;
}
.slideBoxli3 .box2-left {
    background: #f9b133;
}




.appe-box3 {

    width: 100%;

    height: 2000px;

    background: url('../img/mzezbk.png') no-repeat;

    background-size: 100% 100%;
}



.appe-box3-div {

    width: 1280px;

    height: 1674px;

    margin: auto
}

.appe-box3-div img {

    width: 100%;

    height: 100%;
}

.appe-box4 {

    width: 100%;

    height: auto;

    background: white
}

.appe-box4-div {

    width: 800px;

    height: 60px;

    margin: auto;
}

#tags {

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: auto;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    HEIGHT: 60px;
}

#tags LI {

    LIST-STYLE-TYPE: none;

    display: block;

    width: 120px;

    height: 50px;

    line-height: 50px;

    background: #a4d2c4;

    float: left;

    text-align: center;

    margin-right: 3px;

    cursor: pointer;
}

#tags LI A {

    COLOR: #000200;
    LINE-HEIGHT: 50px;
    PADDING-TOP: 0px;
    HEIGHT: 50px;
    TEXT-DECORATION: none
}

#tags LI.emptyTag {

    WIDTH: 4px
}

#tags LI.selectTag {

    POSITION: relative;
    HEIGHT: 50px;
    background: #01A374;
}

#tags LI.selectTag A {

    COLOR: #FFFFFF;
    LINE-HEIGHT: 50px;
    HEIGHT: 50px;
    background: #01A374;
}



.appe-box4-div2 {
    width: auto;
    height: 300px;
    margin: auto;
    position: relative;
    display: none;
}



.c-box {

    width: 385px;

    height: 260px;

    border: 2px solid #a4d2c4;

    float: left;

    margin-right: 10px
}

.c-box img {

    width: 96%;

    height: 196px;

    display: block;

    margin: 5px auto;
}

.c-box .p1 {

    font-size: 20px;

    text-align: center;
    color: #333
}

.c-box .p2 {

    color: #a2a0a1;

    font-size: 10px;

    text-align: center;
}

.scroll {
    width: 980px;
    height: 300px;
    margin: auto;
}

.scroll_left {
    width: 56px;
    height: 58px;
    background: url(../img/aal.png) left no-repeat;
    float: left;
    margin-top: 110px;
    margin-right: 20px;
}

.scroll_right {
    width: 56px;
    height: 58px;
    background: url(../img/aar.png) left no-repeat;
    float: left;
    margin-top: 110px;
    margin-left: 20px
}

.pic {
    width: 796px;
    height: 360px;
    float: left;
}

.pic ul {
    display: block;
}

.pic li {
    float: left;
    display: inline;
    width: 104px;
    text-align: center;
}



#tagContent DIV.selectTag {

    DISPLAY: block
}

.appe-box5 {

    width: 100%;

    height: auto;

    background: url('../img/mzezbk.png') no-repeat;

    background-size: 100% 100%;
}

.appe-box5-div {

    width: 80%;

    height: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.appe-box5-div ul li {
    LIST-STYLE-TYPE: none;
    width: 30%;
    margin: 2.5% 0 0 2.5%;
    text-align: center;
    float: left;
    line-height: 200%;
}
.appe-box5-div ul li a {
    color: #000000;
}
.appe-box5-div ul {width: 100%;}
.appe-box5 iframe {

    width: 100%;
    height: 260px;
}
.more-video {
    text-align: center;
    margin-top: 20px;
    line-height: 50px;	
}


/*教练*/

.appe-box4 .tabBar{width:1200px;font-family:"Microsoft YaHei";margin: 0 auto;margin-bottom: 30px;}
.appe-box4 .tabBar .hd {text-align:center;}
.appe-box4 .tabBar .hd ul{ z-index:5; position:relative;  zoom:1;display: inline-block;}
.appe-box4 .tabBar .hd li{float:left;margin-top:4px;padding:0px 16px 0px 16px;margin-right:5px;border-bottom:0px;cursor:pointer;COLOR: #000;LINE-HEIGHT: 50px;HEIGHT: 50px;background: #a4d2c4;}
.appe-box4 .tabBar .hd li.on{font-weight:bold;overflow:hidden;margin-top:0px;position:relative;top: 4px;COLOR: #FFFFFF;LINE-HEIGHT: 50px;HEIGHT: 50px;background: #01A374;}
.appe-box4 .tabBar .hd li.on span{ font-weight:bold; color:#c00;  }
.appe-box4 .tabBar .bd{padding: 40px 99px 0 99px;clear:both;position:relative;height:auto;overflow:hidden;}
.appe-box4 .tabBar .bd .conWrap{ width:100%;  }
.appe-box4 .tabBar .bd .conWrap .con .conli{float: left;    text-align: center; }
.appe-box4 .tabBar .prev,.tabBar .next{ position:absolute; left:10px; top:150px; }
.appe-box4 .tabBar .next{ left:auto; right:10px; }
.appe-box4 .tabBar .prevStop,.tabBar .nextStop{ display:none;  }
.appe-box4 .tabBar .bd p{ padding-bottom:10px  }
/*点击放大*/
 .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
        .bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
        .bigbox>.imgbox{width:400px;float: left;border-radius: 5px;overflow: hidden;margin: 0 10px 10px 10px;}
        .bigbox>.imgbox>img{width:100%;}
        .smallimg:hover{cursor:zoom-in}
        .mask:hover{cursor:zoom-out}
        .mask>img{position: fixed;right:10px;top: 130px;width: 60px; padding-right:16%;}
        .mask>img:hover{cursor:pointer}


@media (max-width: 1080px) { 
.aape-box-div {width: 100%;height: auto;}
.appe-box-div2 {width: 100%;}
.appe-box2-div1 {width: 100%;}
.slideBox {width: 100%;}
.box2-one {width: 10%;}
.box2-one p {font-size: 50px;}
.box2-left {width: 30%;}
.box2-con {width: 30%;}
.box2-right {width: 30%;}
.appe-box3-div {width: 100%;height: auto;}
.appe-box5 {height: auto;}
.appe-box5-div {height: auto;}
.appe-box5-div ul li {width: 100%;}
.appe-box-div2-right h3 {    padding-top: 0;}
.appe-box2 {height: 600px;}
.appe-box3 {height: 700px;}
	
.appe-box4 .tabBar {width: 100%;}
.appe-box4 .tabBar .bd .conWrap .con .conli img{width: 380px;}
}