@charset "utf-8";

/*通用标题*/
.wz_bt { overflow: hidden; margin-top: 80px; margin-bottom: 25px; }
.wz_bt .fl { font-size: 40px; color: #333333; }
.wz_bt .fr { font-size: 30px; color: #838383; }
.wz_bt .fr img { width: 17px; margin-left: 30px; margin-bottom: 5px; }

/*banner*/
.banner { width: 100%; height: 727px; background: url(../images/banner_plt.jpg) no-repeat top center; }
.banner h1 { font-size: 120px; color: #fff; margin-top: 120px; }
.banner p { font-size: 68px; color: #fff; margin-top: 40px; }

/*专业的课程研发*/
.kc li { width: 386px; float: left; margin-right: 21px; padding-bottom: 5px; }
.kc li:last-child { margin-right: 0; }
.kc li video { height: 217.13px; }
.kc li p { font-size: 15px; color: #333333; line-height: 50px; margin-top: -5px; box-shadow: 0 0 6px 0px #a9a3a3; border-radius: 0 0 10px 10px; }
.kc li p span {
    width: 40px;
    height: 20px;
    padding: 2px 5px;
    line-height: 30px;
    background: #fdebf5;
    color: var(--jazzColor);
    text-align: center;
    font-size: 12px;
    margin: 0 10px;
}
.kc .dh { overflow: hidden; padding: 6px; margin-top: 20px; }
.kc .dh li {
    width: 24%;
    box-shadow: 0 0 6px 0px #a9a3a3;
    border-radius: 10px;
    font-size: 30px;
    color: #4d4d4d;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    margin-right: 1.3333333333%;
}
.kc .dh li:last-child { margin-right: 0; }

/*丰富的教学内容*/
.jx li { width: 386px; float: left; margin-right: 21px; padding-bottom: 5px; }
.jx li:last-child { margin-right: 0; }
.jx li .txt { width: 90%; margin: 15px auto; }
.jx li .txt h3 { font-size: 24px; color: #e65a24; }
.jx li .txt p { font-size: 20px; color: #565656; line-height: 35px; margin-top: 10px; }
.jx li .txt a {
    display: block;
    width: 133px;
    height: 36px;
    line-height: 36px;
    background: var(--jazzColor);
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    text-align: center;
    margin-top: 25px;
}

/*资深的导师团队*/
.ds li { width: 386px; float: left; margin-right: 21px; padding-bottom: 5px; position: relative; }
.ds li:last-child { margin-right: 0; }
.ds li img { width: 385px; }
.ds li p { font-size: 24px; color: #333333; line-height: 50px; text-indent: 30px; letter-spacing: 10px; }
.ds li .black { width: 100%; height: 100%; position: absolute; top: 0; background: #fff; opacity: 0.8; display: none; }
.ds li .txt { width: 80%; height: 100%; margin: 30px auto 0; position: absolute; top: 0; left: 10%; display: none; }
.ds li .txt h5 { font-size: 24px; color: var(--jazzColor); letter-spacing: 10px; }
.ds li .txt p { font-size: 15px; color: #000; line-height: 25px; text-indent: 0; letter-spacing: 0; margin-top: 15px; }
.ds li:hover .black,.ds li:hover .txt { display: block; }

/*权威的证书认证*/
.zs { background: #f3f3f3; margin-top: 80px; }
.zs .swiper-father { position: relative; }
.zs .swiper_zs { width: 80%; }
.zs .swiper_zs .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;
    transition: 300ms;
    transform: scale(0.6);
    opacity: 0.7;
    margin-right: 31.5px !important;
}
.zs .swiper_zs .swiper-slide-duplicate { opacity: 0; }
.zs .swiper_zs .swiper-slide-prev,.zs .swiper_zs .swiper-slide-next { opacity: 1; }
.zs .swiper_zs .swiper-slide-active,.zs .swiper_zs .swiper-slide-duplicate-active { transform: scale(0.9); opacity: 1; z-index: 999; }
.zs .swiper-button-next,.zs .swiper-button-prev { width: 20px; height: 40px; top: 50%; outline: none; }
.zs .swiper-button-prev { left: 0; }
.zs .swiper-button-next { right: 0; }
.zs .swiper-button-next:after,.zs .swiper-button-prev:after { font-size: 35px; color: #333333; font-weight: bold; }
.zs .txt { color: #4d4d4d; font-size: 28px; line-height: 50px; text-align: center; margin-top: 10px; margin-bottom: 70px; } 

/*肚皮舞*/
.belly .banner { width: 100%; height: 727px; background: url(../images/banner_nzsx.jpg) no-repeat top center; }
.belly .kc li p span { color: var(--bellyColor); }
.belly .jx li .txt h3 { color: var(--bellyColor); }
.belly .jx li .txt a { background: var(--bellyColor); }
.belly .ds li .txt h5 { color: var(--bellyColor); }

/*拉丁舞*/
.latin .banner { width: 100%; height: 727px; background: url(../images/latin/banner.jpg) no-repeat top center; }
.latin .kc li p span { color: var(--latinColor); }
.latin .jx li .txt h3 { color: var(--latinColor); }
.latin .jx li .txt a { background: var(--latinColor); }
.latin .ds li .txt h5 { color: var(--latinColor); }

/*中国舞*/
.china .banner { width: 100%; height: 727px; background: url(../images/banner_snbj.jpg) no-repeat top center; }
.china .kc li p span { color: var(--chinaColor); }
.china .jx li .txt h3 { color: var(--chinaColor); }
.china .jx li .txt a { background: var(--chinaColor); }
.china .ds li .txt h5 { color: var(--chinaColor); }

/*街舞*/
.hop .banner { width: 100%; height: 727px; background: url(../images/hop/banner.jpg) no-repeat top center; }
.hop .kc li p span { color: var(--hopColor); background: #d4dadc; }
.hop .jx li .txt h3 { color: var(--hopColor); }
.hop .jx li .txt a { background: var(--hopColor); }
.hop .ds li .txt h5 { color: var(--hopColor); }

.hop .jx ul li {
    width: 38%;
    padding: 3% 5%;
    background: #e2e3e5;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
    float: left;
    color: #4d4d4d;
    white-space: nowrap;
}
.hop .jx ul li h1 { font-size: 40px; }
.hop .jx ul li p { font-size: 32px; margin-top: 10px; }

/*瑜伽*/
.yoga .banner { width: 100%; height: 727px; background: url(../images/banner_yj.jpg) no-repeat top center; }
.yoga .yoga_dh { margin-top: 80px; }
.yoga .yoga_dh li { width: 22%; height: auto; text-align: center; float: left; margin-right: 4%; }
.yoga .yoga_dh li:last-child { margin-right: 0; }
.yoga .yoga_dh li:nth-child(2) img { margin-top: 5px; }
.yoga .yoga_dh li p { font-size: 30px; color: #4d4d4d; font-weight: bold; margin-top: 30px; }
.yoga .yoga_dh li:nth-child(1) p { margin-top: 32px; }
.yoga .yoga_dh li:nth-child(2) p { margin-top: 34px; }

.yoga .kskc ul { display: flex; overflow: hidden; color: #4d4d4d; }
.yoga .kskc ul:nth-child(2) { border-bottom: 1px solid #bebebe; padding-bottom: 20px; margin-top: 50px; }
.yoga .kskc ul:nth-child(3) { padding-top: 20px; }
.yoga .kskc ul li { width: 25%; text-align: center; overflow: hidden; }
.yoga .kskc ul li img { margin-bottom: 30px; }
.yoga .kskc ul li:nth-child(2) img { margin-top: 10px; }
.yoga .kskc ul li:nth-child(3) img { margin-top: 24px; }
.yoga .kskc ul li:nth-child(4) img { margin-top: 2px; }
.yoga .kskc ul li p { font-size: 27px; line-height: 40px; }
.yoga .kskc ul:nth-child(2) li p { font-size: 30px; font-weight: bold; }

.yoga .hj .img { overflow: hidden; }
.yoga .hj .img img { display: block; float: left; width: 32%; margin-right: 2%; }
.yoga .hj .img img:last-child { margin-right: 0; }

.yoga .byjz img { margin-top: 20px; }
.yoga .byjz p { font-size: 25px; color: #808080; line-height: 40px; margin-top: 50px; }

/*少儿舞蹈*/
.children .banner { width: 100%; height: 727px; background: url(/skin/img/wz/children/banner.jpg) no-repeat top center; }
.children .kc li p span { color: var(--childrenColor); }
.children .jx li { margin-top: 20px; margin-bottom: 0; }
.children .jx li:nth-child(3n) { margin-right: 0; }
.children .jx li .txt { width: 80%; }
.children .jx li .txt h3 { color: var(--childrenColor); }
.children .jx li .txt p { margin-top: 20px; }
.children .jx li .txt a { background: var(--childrenColor); }
.children .ds li .txt h5 { color: var(--childrenColor); }

.children .kskc ul li { float: left; width: 32%; margin-right: 2%; }
.children .kskc ul li:last-child { margin-right: 0; }
.children .kskc ul li p { text-align: center; font-size: 30px; color: #4d4d4d; margin-top: 20px; }

.children .jxmb ul { overflow: hidden; }
.children .jxmb ul li { width: 39.5%; float: left; background: #ecedf1; padding: 3% 5%; border-radius: 10px; margin-bottom: 13px; overflow: hidden; }
.children .jxmb ul li:nth-child(even) { float: right; }
.children .jxmb ul li h3 { font-size: 35px; color: #4d4d4d; }
.children .jxmb ul li p { font-size: 25px; margin-top: 10px; color: #808080; }
.children .jxmb .ys { background: #ecedf1; padding: 3% 5%; border-radius: 10px; overflow: hidden; }
.children .jxmb .ys .fl { width: 30%; }
.children .jxmb .ys .fl p { color: #4d4d4d; font-weight: bold; line-height: 35px; font-size: 25px; margin-top: 10px; }
.children .jxmb .ys .fl p img { margin-right: 5px; }
.children .jxmb .ys .fr { float: none; color: #808080; line-height: 40px; font-size: 25px; }

.children .sj .img img { margin-bottom: 15px; }