/* CSS Document */



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

}

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

}

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

/*头部*/
.fl,.fr{ float:none;}
.w1200{ width:95%;}

.header{ height:50px; line-height:50px;}
.header .fr{ display:none;}
.header .logo{ margin-top:0; width:250px;}
.header .logo img{ /*width:100%;*/ height:35px; margin-top:8px;}

.nav .w1200{ width:100%;}









/* 导航开始 */
.nav{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.nav{width:100%;height:50px;line-height:50px;background:#fff;float:left;}
.nav li{ width:8%;height:40px;line-height:40px;float:left;font-size:14px;text-align:center;position:relative;}
.nav ul li a{color:#fff;display:block;}
.nav ul li:hover{background:#dfd6db;}
.nav ul li:hover a{ color:#333 !important;}
 .toggle{opacity: 0;}

 .toggle {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 14px;
    right: 0px;
    cursor: pointer;
    z-index: -1;
}
 .toggle em {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color:#333333;
    border-radius: 5px;
}
 .toggle em:nth-child(2) {
    top: 8px;
}
 .toggle em:last-child {
    top: auto;
    bottom: 0px;
}
 .toggle em:first-child {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
 .toggle em:last-child {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
 .toggle em, .header .toggle{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.active .nav li {
    opacity: 0;
}

.chose {
  width: 21px;
  height: 21px;
  background:url(../images/chose.png) no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
/* 导航结束 */

 .nav,.active .nav{
	width: 200px;
	height:auto;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -202px;
    border-left: 2px solid #d7d7d7;
    bottom: 0px;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
 .nav ul{width:100%;height:auto;}
 .nav li, .nav li a{    
    width: 100%;
    margin: 0;
}
 .nav li a{
    width:100%;
    float:none;
    font-size:14px;
    display:block;
    color:#333;
    padding-left:30px;
	text-align:left;
}
 .toggle{opacity:1;right:5%;}
 .toggle em:first-child, .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
 .toggle{z-index:1;}
 .nav.show{padding-top: 50px;}
 .nav.show li a:hover{
    background: #333333;
}
.sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}
.sec_nav span > a{color:#fff !important;padding-left:40px !important;}
.sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100;  }
.web_hid_nav{display:block !important}
.nav li{position:initial;height:auto;}
.sec_nav .web_hid_nav a{ color:#fff !important;}
.web_hid_nav{ background-color:#dfd6db !important;}



.daohang ul li:first-child,.daohang ul li,.daohang ul li:last-child{ width:100%; background:none; height:auto;}
.daohang ul li a{ padding:10px 0 10px 30px;}
.daohang ul li p, .daohang ul li span{ color:#333333;}
.daohang ul li p{ margin-top:0; font-size:16px;}
.daohang ul li span{ line-height:1.8;}
.daohang ul li a:hover p,.daohang ul li a:hover span{ color:#fff;}
.daohang ul li .box{ width:100%;}
.daohang ul li .box li a{ padding:0 0 0 30px; font-size:14px;}











.sy-jj .content{ padding:0;}
.sy-youshi ul li{ width:24%;}

.sy-baoming .fl{ float:left; padding-left:0;}
.sy-baoming .fr{ float:right; margin-right:0;}




/*当前位置*/

.dq-dizhi{ height:50px; line-height:50px;}
.dq-dizhi, .dq-dizhi a{ font-size:14px;}





/*左边*/

.fl-1200{ float:left; width:20%;}
.caidan{ width:100%;}
.caidan .zuo-lianxi dd{ padding:10%;}
.caidan .zuo-lianxi dd span:last-child{ font-size:12px;}




/*右边*/

.fr-1200{ float:right; width:75%;}
.youbian{ width:100%;}
.youbian img{ max-width:100%; height:auto !important;}
.jiameng .content{ padding-left:0;}


/*舞蹈课程*/

.kecheng{ padding:5% 0;}
.kecheng li{ width:48%;}
.kecheng li:nth-child(odd){ margin-right:4%;}



/*新闻动态*/
.xinwen .fl{ float:left; width:30%;}
.xinwen .fr{ float:right;}
.xinwen ul li .fr{ width:65%; padding-right:0;}
.xinwen ul li .fr h1{ margin-top:5px;}
.xinwen ul li .fr .content{ margin:10px 0;}
.xinwen ul li{ padding:30px 0;}




/*联系我们*/
.lianxi img{ max-width:none;}
.lianxi ul li{ margin-right:3%;}




/*底部*/
.footer .dibu-shang .fl,.footer .dibu-xia .fl{ float:left;}
.footer .dibu-shang .fr,.footer .dibu-xia .fr{ float:right;}



}


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

.w1200{ width:90%;}

.swiper-pagination-switch{ width:10px !important; height:10px !important; margin:0 5px !important;}
.pagination{ bottom:10px !important;}

.guangbo{ height:50px; line-height:50px;}
.guangbo .laba,#gg,#gg .bulletin li{ height:20px; line-height:20px;}
.guangbo .laba{ padding-left:25px; font-size:14px; background-size:20%; margin-top:15px;}
#gg{ margin-top:12px;}
#gg .bulletin{ height:20px;}
#gg .bulletin li a{ font-size:14px;}

.sy .bt{ padding:30px 0 20px;}
.sy .bt p{ font-size:28px; line-height:33px;}
.sy-jj .bt .logo-x{ left:5px;}
.sy-jj .content{ font-size:14px; line-height:1.8;}
.sy-jj{ height:auto; padding-bottom:30px;}

.sy-kecheng ul{ margin-top:0;}
.sy-kecheng ul li{ margin-top:20px;}
.sy-kecheng ul li .bt{ font-size:16px; margin:10px auto 5px;}
.sy-kecheng ul li .content{ font-size:12px; line-height:1.8;}
.sy-kecheng{ padding-bottom:30px;}

.sy-youshi{ height:auto; padding-bottom:30px;}
.sy-youshi ul{ margin-top:0;}
.sy-youshi ul li span{ display:none;}

.dongtai-x{ width:47.5%; margin-left:5%;}
.sj-no{ display:none;}
.dongtai .baoming{ margin-top:35px;}
.owl-carousel .owl-prev,.owl-carousel .owl-next{ display:block;}

.sy-yuyue{ height:auto; padding-bottom:10px;}
.sy-baoming{ padding-top:30px;}
.sy-baoming h3{ margin-bottom:20px;}
.sy-baoming .baoming-x{ margin-top:10px;}
.sy-baoming .fl,.sy-baoming .fr{ float:none;}
.sy-baoming .fr{  padding-top:30px;}
.sy-baoming form{ width:470px; margin:30px auto 0;}



/*新闻动态*/
h1{ font-size:20px; line-height:1.2;}
.xinwen ul li .fr h1{ margin-top:0; font-size:18px;}
.xinwen ul li .fr .content{ margin:5px 0; line-height:1.3;}
.xinwen h1, .xinwen ul{ padding-left:0;}

.youbian h2{ line-height:1.2;}




/*师生风采*/
.shisheng h1, .shisheng ul{ padding:0;}




/*联系我们*/
.lianxi ul li{ margin-right:2%;}






/*底部*/
.footer .dibu-shang .fr{ display:none;}
.footer .dibu-xia .fl p:first-child{ display:none;}
.footer .dibu-xia .fl,.footer .dibu-xia .fr{ width:100%;}
.footer .dibu-xia .fl,.footer .dibu-xia .fr{ width:100%;}
.footer .dibu-xia .fl p:last-child{ margin:20px auto;}
.footer .dibu-xia .fr ul{ margin:0}
.footer .dibu-xia{ padding-bottom:30px;}


}



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

.device{ display:none !important;}
.swiper-container2{ display:block !important;}	
/* Demo Styles */
.swiper-container2 {
  width: 100%;
  height: auto;
}
.swiper-container2 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
/*
.swiper-container2 .arrow-left2 {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;z-index:999
}
.swiper-container2 .arrow-right2 {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px; z-index:999
}
*/
.pagination2{ position:absolute; width:100%; bottom:10px; text-align:center;}



.guangbo{ display:none !important;}
.liuge{ width:100%; display:block !important;}
.liuge ul li{ float:left; width:33.3%; height:105px; text-align:center; background-color:#000;}
.liuge ul li a{ display:block; color:#333333; background-color:#fff; height:99.5%; margin:0.5px 0.5px;}
.liuge ul li p,.liuge ul li span{ line-height:1.2; display:block;}
.liuge ul li p{ font-size:13px;}
.liuge ul li:first-child a,.liuge ul li:nth-child(2) a,.liuge ul li:nth-child(3) a{ margin-top:0;}
.liuge ul li:nth-child(4) a,.liuge ul li:nth-child(5) a,.liuge ul li:nth-child(6) a{ margin-bottom:0;}
.liuge ul li:first-child a,.liuge ul li:nth-child(4n) a{ margin-left:0;}
.liuge ul li:nth-child(3n) a{ margin-right:0;}
.liuge ul li a img{ width:40px; margin:15px auto 8px;}
.liuge ul li a:hover{ color:#333333 !important;}




.sy-jj .content{ display:none !important;}
.sy-jj .sj-jianjie{ display:block !important;}


.sy-jj .bt p{ width:100%;}



#gg .bulletin li{ display:none;}
.sj{ display:block !important;}
#gg{ margin-top:15px;}

.sy .bt{ padding-bottom:15px;}
.more{ margin-top:30px; width:100px; height:25px; line-height:25px; font-size:14px;}

.sy-kecheng ul li{ width:48%;}
.sy-kecheng ul li:nth-child(odd){ margin-right:4%;}
.sy-kecheng ul li:nth-child(even){ margin-right:0;}
.sy-kecheng ul li:nth-child(3){ margin-top:20px;}
.sy-kecheng ul li .content{ line-height:1.3;}

.sy-youshi ul li:first-child,.sy-youshi ul li:nth-child(2){ margin-top:0;}
.sy-youshi ul li .tu{ width:50px; height:50px; background-size:100% !important;}
.sy-youshi ul li p{ font-size:16px; margin-top:15px;}
.sy-youshi ul li span{ padding:0 35px; line-height:1.3;}

.dongtai-x{ display:none; width:100%;}
.dongtai-x:first-child{ display:block;}
.owl-carousel .tu{ display:none !important;}
.owl-carousel .sj-dongtai{ display:block !important;}



.sy-baoming{ padding-top:0;}
.sy-baoming .fl{ display:none;}
.sy-baoming h3{ font-size:24px; margin-bottom:10px;}
.sy-baoming .content{ line-height:1.8;}
.sy-baoming .baoming-x p{ width:100%; float:none;}
.sy-baoming form{ width:100%; margin-top:0;}
.sy-baoming form th,.sy-baoming form td{ float:left; height:30px; line-height:30px; padding-bottom:20px;}
.sy-baoming form th{ width:20% !important;} 
.sy-baoming form td{ width:80%;}
.sy-baoming form td input, .sy-baoming form td select{ width:90%; margin:0 5px; height:30px; line-height:30px;} 
.sy-baoming form th, .sy-baoming form{ margin-top:0;}
.sy-baoming form td font{ height:20px; line-height:20px; font-size:14px;}
.sy-baoming form tr:last-child th{ display:none;}
.sy-baoming form tr:last-child td{ line-height:1.3; height:auto; width:100%;}
.sy-baoming form tr:last-child td br{ display:none;}
#dosubmit{ width:150px; height:30px; line-height:30px;}

.lianjie ul{ padding:20px 0 30px;}
.lianjie ul li a, .lianjie ul li span{ font-size:14px;}











/*当前位置+左边*/
.sj-zuobian{ display:none;}
.fl-1200,.fr-1200{ float:none; width:100%;}




/*悦灵概况*/
.youbian{ border:none; margin-bottom:30px;}
.youbian h2{ margin-top:30px;}
.youbian .shijian{ margin:15px auto 30px;}
.youbian .content{ line-height:1.8;}
.youbian .content p{ margin-bottom:0 !important;}



/*舞蹈课程*/
.sj-kecheng{ display:block !important; margin-top:30px;}
.caidan dl dt, .caidan ul dt,.caidan dl dd a, .caidan ul li a{ height:20px; line-height:20px; font-size:14px;}
.menu ul li ul li:first-child a{ padding-top:10px;}
.menu ul li ul li:last-child a{ padding-bottom:10px;}
.menu ul li ul li a{ padding:5px 0;}
.caidan dl, .caidan ul{ margin-bottom:10px;}


.kecheng li{ width:48%;}
.kecheng li:nth-child(odd){ margin-right:4%;}
.kecheng li .bt{ font-size:14px; margin-top:10px;}
.kecheng li .nr{ font-size:12px; line-height:1.3; margin-bottom:20px;}

.fenxiang{ margin:20px 0; width:auto;}
.fenxiang .bdsharebuttonbox p{ font-size:12px;}
.fenxiang .bdsharebuttonbox p, .fenxiang .bdsharebuttonbox a{ margin-right:15px !important;}
.fenxiang .bdsharebuttonbox a.bds_sqq{ background-size:90%;}




/*新闻动态*/
.xinwen h1, .shisheng h1{ margin-top:30px; text-align:center;}
.xinwen ul li{ float:left; width:49%; padding:15px 0;}
.xinwen ul li:first-child,.xinwen ul li:nth-child(2){ padding-top:30px;}
.xinwen ul li:nth-child(odd){ margin-right:2%;}
.xinwen ul li .fr h1{ text-align:left;}
.xinwen .fl,.xinwen ul li .fr{ float:none; width:100%;}
.xinwen ul li .fr h1{ margin-top:5px; font-size:14px;}
.xinwen ul li .fr .content,.xinwen ul li .fr p{ font-size:12px;}

.xinwen-xq .fanye{ padding:30px 0 0;}
.xinwen-xq .fanye p{ width:80px; height:30px; line-height:30px; margin:0 5px;}
.xinwen-xq .fanye p a{ font-size:12px;}





/*师生风采*/
.shisheng ul li{ width:49%; margin-top:20px;}
.shisheng ul li:first-child,.shisheng ul li:nth-child(2){ margin-top:30px;}
.shisheng ul li:nth-child(odd){ margin-right:2%;}
.shisheng ul li:nth-child(even){ margin-right:0;}
.shisheng li p{ height:30px; line-height:30px; font-size:14px;}



/*分页*/
.fenye{ margin-top:30px;}
.fenye span, .fenye a{ padding:0 6px; margin:0; font-size:12px;}




/*联系我们*/
.lianxi ul li{ width:100%; float:none; margin:30px 0; height:auto; padding-bottom:15px;}
.lianxi ul li img{ margin:15px auto; width:8%;}
.lianxi ul li .lx-1{ font-size:14px; margin-bottom:0;}
.lianxi ul li .lx-2{ font-size:12px; line-height:1.3;}
#dituContent{ height:250px !important;}




/*底部*/
.footer{ padding-bottom:80px; background-color:#000;}
.footer .dibu-shang{ height:65px; line-height:65px;}
.footer .dibu-shang .fl{ margin:15px 0;}
.footer .dibu-shang .fl img{ width:250px;}
.footer .dibu-xia .fl p:last-child{ margin:10px auto; font-size:14px; line-height:1.8;}
.footer .dibu-xia .fr ul li img{ max-width:50%;}
.footer .dibu-xia .fr ul li{ width:50%; margin:10px auto !important;}
.footer .dibu-xia .fr ul li:first-child{ margin-right:0;}
.footer .dibu-xia .fr ul li p{ font-size:12px;}
.footer .banquan, .footer .banquan a{ font-size:12px;}
.footer .banquan{ height:auto; line-height:1.5; display:none !important;}
.footer .sj-banquan{ display:block !important;}


/*客服*/
.kefu{ position:fixed; bottom:0; left:0; width:100%; background-color:#000; text-align:center; padding:10px 0; z-index:9999;}
.kefu ul li{ float:left; width:25%;}
.kefu ul li img{ width:40%;}
.kefu ul li a{ width:100%; height:100%; display:block;}
.kefu ul li p{ color:#fff;}
#goodcover {
	display: none;
	position:fixed;
	bottom: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#code {
	width: 145px;
	height: 145px;
	position:fixed !important;
	display: none;
	left: 50%;
	z-index: 1002;
}
.code-img img { max-width:100%;}

/*#newBridge{ display:none !important;}*/




}


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

.header .logo{ width:200px;}
.header .logo img{ margin-top:12px;}


.liuge ul li a{ margin-top:0;}







.sy .bt p{ font-size:20px; line-height:1;}
.sy-jj .bt .logo-x{ display:none;}
.sy .bt{ padding-bottom:10px;}
.lianjie .bt{ padding-bottom:0 !important; padding-top:50px !important;}
.sy-jj .content{ font-size:12px;}
.more{ margin-top:20px;}
.more a{ font-size:14px;}

.sy-youshi ul li p{ font-size:14px;}
.sy-kecheng ul li .bt{ font-size:14px;}
.sy-youshi ul li span{ padding:0 20%; font-size:12px;}


.owl-carousel .p1{ font-size:14px;}
.dongtai-x ul{ margin-top:5px;}
.dongtai-x ul li{ height:30px; line-height:30px; font-size:14px;}

.sy-baoming h3{ font-size:18px;}
.sy-baoming .baoming-x p b{ font-size:12px;}
.sy-baoming .fr{ padding-top:0; margin-top:20px;}
.sy-baoming form td input, .sy-baoming form td select{ border:1px solid #ccc;}

.lianjie ul{ padding-top:10px;}
.lianjie ul li a, .lianjie ul li span{ font-size:12px;}



/*悦灵概况*/
.youbian h2{ font-size:20px;}
.youbian .shijian{ margin:10px auto 20px; font-size:12px;}
.youbian .shijian span:first-child{ margin-right:10px;}
.youbian .content{ font-size:12px;}
.youbian .shijian span{ width:100%; display:block; margin:0 auto; line-height:1.3;}



/*底部*/

.footer .dibu-shang{ height:50px; line-height:50px;}
.footer .dibu-shang .fl{ margin:10px 0;}
.footer .dibu-shang .fl img{ width:100px;}
.footer .dibu-xia .fl p:last-child{ line-height:1.5; font-size:13px;}
.footer .dibu-xia{ padding-bottom:10px;}



}


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

.footer .dibu-xia .fl p:last-child{ font-size:12px;}


}