@charset "utf-8";

.bt { text-align: center; margin-top: 45px; margin-bottom: 35px; }
.bt h1 { font-size: 40px; color: var(--fontColor1); font-weight: 600; }
.bt p { font-size: 18px; color: #6e6e6e; margin-top: 5px; }

.btn { background: #dea6d3; width: 320px; margin: 0 auto; line-height: 60px; border-radius: 30px; text-align: center; margin-top: 60px; }
.btn a { display: block; color: #fff; font-size: 25px; font-weight: bold; }

/*banner*/
.swiper_banner .swiper-button-prev { left: 50px; }
.swiper_banner .swiper-button-next { right: 50px; }

.banner img { width: 100%; }

/*舞蹈体验券*/
.balck_bg { width: 100%; height: 100%; background: #000; opacity: 0.7; position: fixed; top: 0; z-index: 99; display: none; }
.banner_tc { width: 100%; position: fixed; top: 92px; z-index: 100; display: none; }
.banner_tc .tt { width: 845px; height: 700px; background: url(/skin/img/index/tc/bg.png) no-repeat top center; background-size: 70%; margin: 0 auto; }
.banner_tc .tt .close { display: block; position: absolute; left: 49%; }
.banner_tc .tt .close img { width: 40px; }
.banner_tc .tt .txt { width: 45%; margin: 0 auto; padding-top: 265px; padding-left: 30px; }
.banner_tc .tt .txt p { color: #fff; font-size: 19px; line-height: 30px; }
.banner_tc .tt form {width: 40%; margin: 0 auto; padding-top: 13px; padding-left: 22px; }
.banner_tc .tt form input { display: block; width: 100%; height: 65px; text-indent: 30px; font-size: 25px; border-radius: 40px; }
.banner_tc .tt form a {
    display: block;
    width: 100%;
    height: 65px;
    line-height: 60px;
    font-weight: bold;
    color: #fc124d;
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
}

/*免费预约体验课*/
.form1 { margin-top: -60px !important; position: relative; z-index: 2; }
.form1 ul li { background: var(--ztColor); width: 18%; height: 40px; float: left; margin-right: 5px; color: #fff; padding: 10px 5px; }
.form1 ul li:last-child { width: 41%; margin-right: 0; font-size: 14px; line-height: 40px; }
.form1 ul li p { border-bottom: 1px solid #fff; padding-bottom: 10px; padding-top: 3px; }
.form1 ul li p input { width: 150px; color: #fff; font-size: 15px; margin-top: 5px; }
.form1 ul li p input::-webkit-input-placeholder { color: #fff; }
.form1 ul li p img { margin: -3px 5px 0 10px; }
.form1 ul li p select { background: var(--ztColor); color: #fff; font-size: 15px; }
.form1 ul li a { 
    display: block;
    width: 40%;
    background: #fff;
    line-height: 35px;
    border-radius: 20px;
    color: var(--ztColor);
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 3px;
}

/*三导航*/
.intor { background: #f3f3f3; padding-bottom: 30px; }
.intor .bt { margin-bottom: 15px; }
.intor ul li { width: 35%; float: left; text-align: center; }
.intor ul li:nth-child(2) { width: 30%; }
.intor ul li h1 { font-size: 85px; color:#dea6d3; }
.intor ul li p { font-size: 38px; color: var(--fontColor2); }

/*八大舞种*/
.wz { overflow: hidden; }
.wz .li { overflow: hidden; margin-bottom: 30px; }
.wz .li a { display: block; float: left; width: 24%; margin-right: 1.3333333333%; margin-bottom: 10px; }
.wz .li a:nth-child(4n) { margin-right: 0; }
.wz .li a img { width: 100%; }
.wz .li a p { margin-top: 10px; margin-bottom: 10px; font-size: 30px; }
.wz .li a p span {
    display: inline-block;
    width: 76px;
    height: 36px;
    line-height: 36px;
    background: var(--ztColor);
    color: #fff;
    text-align: center;
    font-size: 23px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: text-bottom;
    font-weight: normal;
}
.wz .li a:nth-child(7) p span { background: #80800d; }
.wz .li a:nth-child(8) p span { background: #7f47b2; } 

/*荣誉资质*/
.zizhi { background: #f3f3f3; padding-top: 1px; padding-bottom: 30px; }
.zizhi ul li { width: 32%; float: left; margin-right: 2%; }
.zizhi ul li:last-child { margin-right: 0; }
.zizhi ul li img { width: 100%; height: 255px; }
.zizhi ul li p { color: var(--fontColor2); font-size: 24px; margin-top: 15px; text-align: center; }

/*品牌优势*/
.youshi { padding-bottom: 100px; }
.youshi .main ul { width: 628px; background: #f3f3f3; padding: 36px; border-radius: 5px; }
.youshi .main ul li {
    width: 49.5%;
    height: 47px;
    line-height: 47px;
    float: left;
    font-size: 24px;
    border-bottom: 2px solid #d8d8d8;
    color: var(--fontColor2);
    padding-bottom: 7.3px;
}
.youshi .main ul li:nth-child(2n) { border-left: 2px solid #d8d8d8; text-indent: 10px; }
.youshi .main ul li:nth-last-child(1) { border-bottom: 0; }
.youshi .main ul li:nth-last-child(2) { border-bottom: 0; }
.youshi .main ul li span { color: #dea6d3; margin-right: 10px; font-size: 20px; font-style: italic; font-weight: bold; }

/*导师资质*/
.ds { background: #f3f3f3; padding-top: 1px; padding-bottom: 30px; }
.ds .swiper_ds { height: 300px; margin-top: 20px; }
.ds .swiper_ds .swiper-slide { width: 250px; margin: 0 5px; }
.ds .swiper_ds .swiper-slide:hover { width: 280px; margin-top: -20px; }
.ds .swiper_ds .swiper-slide img:first-child { width: 100%; }
.ds .swiper_ds .swiper-slide .hide {
    display: none;
    top: 0;
    left: 0;    
    position: absolute;
    background: #201e1e;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    font-size: 40px;
    color: #ffffff;
}
.ds .swiper_ds .swiper-slide:hover .hide { display: block; height: 394.23px; }
.ds .swiper_ds .swiper-slide .hide img { display: block; width: 80px; margin: 150px auto 0;  z-index: 99; }
.ds .swiper_ds .swiper-pagination { top: auto; bottom: 0; }
.ds .swiper_ds .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--ztColor); }

/*教学成果*/
.video { padding-bottom: 20px; }
.video .swiper_video .swiper-wrapper { margin-top: 70px; }
.video .swiper_video .swiper-slide a { 
    display: block;
    width: 31%;
    background: #efeeee;
    margin-right: 3.5%;
    margin-bottom: 15px;
    border-radius: 10px;
    float: left;
    overflow: hidden;
}
.video .swiper_video .swiper-slide a:nth-child(3n) { margin-right: 0; }
.video .swiper_video .swiper-slide a img { width: 100%; height: 248px; }
.video .swiper_video .swiper-slide a p { color: var(--fontColor1); line-height: 60px; }
.video .swiper_video .swiper-slide a p span { 
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #d5d6e7;
    color: var(--ztColor);
    font-size: 12px;
    padding: 6px 10px;
    margin: 5px 5px 5px 15px;
    border-radius: 3px;
}
.video .swiper_video .swiper-slide a:hover { background: #dea6d3; }
.video .swiper_video .swiper-slide a:hover p { color: #fff; }
.video .swiper_video .swiper-slide a:hover p span { background: #fff; }
.video .swiper_video .swiper-pagination { top: 0; height: 35px; }
.video .swiper_video .swiper-pagination span {
    display: inline-block;
    opacity: 1;
    background: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid var(--fontColor1);
    color: var(--fontColor1);
    margin: auto 10px;
    font-size: 16px;
    border-radius: 46px;
    font-weight: bold;
}
.video .swiper_video .swiper-pagination span.swiper-pagination-bullet-active {
    background: var(--ztColor);
    border: 1px solid var(--ztColor);
    position: relative;
    color: #ffffff;
}
.video .swiper_video .swiper-pagination span i {
    display: none;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: var(--ztColor) transparent transparent transparent;
    position: absolute;
    left: 32px;
}
.video .swiper_video .swiper-pagination span.swiper-pagination-bullet-active i { display: block; }
.video .btn { margin-top: 30px; }

/*分馆地址*/
.fenguan { background: #f3f3f3; padding-top: 1px; padding-bottom: 30px; }
.fenguan .top { text-align: center; }
.fenguan .top a {
    display: inline-block;
    background: #fff;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid var(--fontColor1);
    color: var(--fontColor1);
    margin: auto 10px;
    font-size: 16px;
    border-radius: 15px;
    font-weight: bold;
}
.fenguan .top a.active {
    background: var(--ztColor);
    border: 1px solid var(--ztColor);
    position: relative;
    color: #ffffff;
}
.fenguan .top a i {
    display: none;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: var(--ztColor) transparent transparent transparent;
    position: absolute;
    left: 32px;
}
.fenguan .top a.active i { display: block; }

.fenguan .bottom { margin-top: 30px; }
.fenguan .bottom .fg_name { display: none; overflow: hidden; text-align: center; }
.fenguan .bottom .fg_name:first-child { display: block; }
.fenguan .bottom .fg_name a { 
    display: inline-block;
    color: var(--fontColor1);
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #f3f3f3;
    margin-right: 10px;
}
.fenguan .bottom .fg_name a.active { color: var(--ztColor); border-bottom: 2px solid var(--ztColor); }

.fenguan .content { background: #fff; height: 300px; border-radius: 5px; overflow: hidden; margin-top: 30px; }
.fenguan .content ul,.fenguan .content ul li { overflow: hidden; display: none; }
.fenguan .content ul:first-child,.fenguan .content ul li:first-child { display: block; }
.fenguan .content .fl { width: 420px; height: 300px; overflow: hidden; }
.fenguan .content .fl .tt { width: 85%; height: 260px; margin: 20px auto; position: relative; }
.fenguan .content .fl .tt h1 { color: var(--fontColor1); font-size: 30px; border-bottom: 2px solid #ededed; margin-bottom: 10px; padding-bottom: 5px; }
.fenguan .content .fl .tt p { line-height: 25px; margin-top: 5px; }
.fenguan .content .fl .tt p img { margin-right: 10px; }
.fenguan .content .fl .tt p:nth-child(2) img { margin-right: 5px; }
.fenguan .content .fl .tt p span { font-size: 14px; }
.fenguan .content .fl .tt p:last-child { line-height: inherit; margin-top: 0; font-size: 12px; color: #6e6e6e; position: absolute; bottom: 0; }
.fenguan .content .img { float: left; width: 450px; height: 300px; }
.fenguan .content .img img { width: 100%; height: 100%; }
.fenguan .content .fr { width: 330px; height: 300px; }
.fenguan .content .fr form { width: 70%; height: 280px; margin: 10px auto; }
.fenguan .content .fr form h1 { color: var(--ztColor); font-size: 30px; text-align: center; }
.fenguan .content .fr form p:nth-child(2) {
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: none;
    border-radius: inherit;
}
.fenguan .content .fr form p { background: #f3f3f3; line-height: 33px; border-radius: 5px; margin-top: 5px; }
.fenguan .content .fr form p img { width: 19px; margin: 5px; }
.fenguan .content .fr form p input { color: var(--fontColor1); font-size: 13px; line-height: 35.5px; }
.fenguan .content .fr form p input::-webkit-input-placeholder { color: #828282; }
.fenguan .content .fr form a {
    display: block;
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 210px;
    height: 40px;
    position: relative;
    border-radius: 50px;
    line-height: 40px;
    margin: 15px auto 0;
    text-align: center;
    font-size: 15px; 
    font-weight: bold; 
    color: #3a3a3a;
}
.fenguan .content .fr form a:hover { background: #f90081; color: #ffffff; }

/*新闻资讯*/
.information { margin-top: 50px !important; padding-bottom: 30px; }
.information .zx { width: 806px; float: left; }
.information .info_bt { padding-bottom: 15px; border-bottom: 2px solid var(--ztColor); line-height: 30px; overflow: hidden; }
.information .info_bt .fl { color: #dea6d3; font-size: 20px; font-weight: bold; }
.information .info_bt .fl img { margin-right: 5px; margin-top: -3px; }
.information .info_bt .fr a { color: #999999; font-size: 16px; margin-top: 0; }
.information .content { overflow: hidden; margin-top: 15px; }
.information .content .fl { width: 410px; margin-top: 0; }
.information .content .fl img { width: 100%; }
.information h2 { color:#dea6d3; font-size: 21px; line-height: 30px; margin-top: 10px; }
.information .content .fr { width: 360px; }
.information .des { color: #6e6e6e; font-size: 16px; }
.information a { display: block; margin-top: 25px; }
.information a h3 { color: var(--fontColor2); font-size: 18px; }
.information a p { color: #6e6e6e; font-size: 15px; margin-top: 5px; }
.information .cs { width: 360px; float: right; }
.information .cs .tt { margin-top: 0; margin-bottom: 35px; }
.information .cs .tt h2 { font-size: 18px; margin-bottom: 15px; }


.xtkc { background: url(../images/index_xtkc_bg.png) center -500px no-repeat;}
.index_title {height: 100px; background: url(../images/inddex_title_bg.png) center center no-repeat; text-align: center; margin-top: 50px; font-size: 36px; font-weight: bold;letter-spacing: 8px; padding-top: 50px;}
.index_title  .index_ftitle { font-size:12px; font-weight: normal;text-transform: uppercase; letter-spacing: 4px; color: rgba(153,153,153,.2); line-height: 40px;}

.xtkc_body { width: 100%; margin-top: 60px;}
#gallery {
    width: 100%;
}
#gallery .swiper-slide{
    position: relative;
}
#gallery .swiper-slide-active{
    transform: scale(1);
}
#gallery .swiper-slide-active img{
    width: 100%;
}
#gallery .swiper-slide-prev{
    text-align: right;
}
#gallery .swiper-slide-prev img{
    width: 80%;
    margin-top: 6%;
}
#gallery .swiper-slide-next{
    text-align: left;
}
#gallery .swiper-slide-next img{
    width: 80%;
    margin-top: 6%;
}

#gallery .swiper-slide .xtkc_body_layer{
    position: absolute;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0)); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0)); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0)); /* Firefox 3.6 - 15*/
    background: linear-gradient(to top, rgba(0,0,0,.9),rgba(0,0,0,0)); /* 鏍囧噯鐨勮娉� */
    bottom: 0;
    width: 100%;
    height: 60%;
    text-align: center;
    color: #fff;
    display: none;
}
#gallery .swiper-slide-active .xtkc_body_layer{
    display: block;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_title{
    font-size: 20px;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_title a{
    display: block;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ftitle{
    font-size: 50px;
    margin-top: 10px;
    font-weight: bold;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ftitle a{
    display: block;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ljbm{
    width: 220px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #fff;
    color: #000;
    margin: 20px auto;
}

#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ljbm a{
    color: #000;
    display: block;
}

.xtkc { background: url(../images/index_xtkc_bg.png) center -500px no-repeat;}
.index_title {height: 100px; background: url(../images/inddex_title_bg.png) center center no-repeat; text-align: center; margin-top: 50px; font-size: 36px; font-weight: bold;letter-spacing: 8px; padding-top: 50px;}
.index_title  .index_ftitle { font-size:12px; font-weight: normal;text-transform: uppercase; letter-spacing: 4px; color: rgba(153,153,153,.2); line-height: 40px;}

.xtkc_body { width: 100%; margin-top: 60px;}
#gallery {
    width: 100%;
}
#gallery .swiper-slide{
    position: relative;
}
#gallery .swiper-slide-active{
    transform: scale(1);
}
#gallery .swiper-slide-active img{
    width: 100%;
}
#gallery .swiper-slide-prev{
    text-align: right;
}
#gallery .swiper-slide-prev img{
    width: 80%;
    margin-top: 6%;
}
#gallery .swiper-slide-next{
    text-align: left;
}
#gallery .swiper-slide-next img{
    width: 80%;
    margin-top: 6%;
}

#gallery .swiper-slide .xtkc_body_layer{
    position: absolute;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0)); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0)); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0)); /* Firefox 3.6 - 15*/
    background: linear-gradient(to top, rgba(0,0,0,.9),rgba(0,0,0,0)); /* 鏍囧噯鐨勮娉� */
    bottom: 0;
    width: 100%;
    height: 60%;
    text-align: center;
    color: #fff;
    display: none;
}
#gallery .swiper-slide-active .xtkc_body_layer{
    display: block;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_title{
    font-size: 20px;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_title a{
    display: block;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ftitle{
    font-size: 50px;
    margin-top: 10px;
    font-weight: bold;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ftitle a{
    display: block;
}
#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ljbm{
    width: 220px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #fff;
    color: #000;
    margin: 20px auto;
}

#gallery .swiper-slide .xtkc_body_layer .xtkc_body_layer_ljbm a{
    color: #000;
    display: block;
}

#thumbs {
    width: 80%;
    margin: 20px auto;
}

#thumbs .swiper-slide {
    opacity: 0.7;
    transform: scale(.9);
    position: relative;
}
#thumbs .swiper-slide img{
    width: 100%;
}
#thumbs .swiper-slide div{
    position: absolute;
    bottom: 40%;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

#thumbs .swiper-slide-thumb-active{
    opacity: 1;
    transform: scale(1);
}
#thumbs .swiper-slide-thumb-active img{
    width: 100%;
}
#thumbs .swiper-slide-thumb-active div{
    transform: scale(1);
}
#gallery .button{
    position: absolute;
    width: 100%;
    height: 56px;
    top: 48%;
    z-index: 10;
}
#gallery .button div:hover {
    background-color: #333;
    opacity: 0.8;
    cursor: pointer;
}

#gallery .button .swiper-button-prev {
    position: absolute;
    width: 56px;
    height: 56px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #333333 center 50%/50% 50% no-repeat;
    left: 20%;
    background-size: 15px;
    cursor: pointer;
    margin-top: -56px;
}

#gallery .button .swiper-button-next {
    position: absolute;
    width: 56px;
    height: 56px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #333333 center 50%/50% 50% no-repeat;
    right: 20%;
    background-size: 15px;
    cursor: pointer;
    margin-top: -56px;
}