@charset "utf-8";
*{margin:0px;padding: 0px;}
a,a:hover,a:visited{text-decoration: none;}
a{color: #333;}
a img{ border:none;}
body{font-family: "Microsoft Yahei"!important;font-size: 0.6rem;min-width: 320px;max-width: 640px;margin:0 auto;}
ul,li{list-style-type: none;}

.wrapper{width: 100%;height: auto;overflow: hidden;position: relative;}
.c{width: 15rem;margin: 0 auto;}
.ch{width: 15rem;margin: 0 auto;height: auto;overflow: hidden;}
/*.ch a{color: white}*//*样式修改请找前端谢谢*/
.fl{float: left;}
.fr{float: right;}
.img_c i{display: table-cell;vertical-align: middle;text-align: center;}
.img_c i img{max-width: 100%;max-height: 100%;}
.wow{animation-duration: 1.1s;-webkit-animation-duration: 1.1s;}

.header{width: 100%;height: auto;overflow: hidden;background: #fff;}
.logo{width: 12rem;height: 3rem;font-size: 0px;text-align: center;margin: 0 auto;overflow: hidden;}
.logo a{display: block;height: 100%;overflow: hidden;}
.logo a img{max-width: 100%;max-height: 100%;}

.banner{width: 100%;height: auto;overflow: hidden;}
.swiper-container-banner{width: 100%;height: auto;overflow: hidden;position: relative;font-size: 0px;}
.swiper-wrapper-banner li{overflow: hidden;}/* **没写的话后面的图片超出部分会覆盖前一张 */
.swiper-wrapper-banner li img{width: 100%;}
.swiper-pagination-banner{position: absolute;bottom: 0.5rem;left: 50%;}
.swiper-pagination-banner li{position: relative;left: -50%;height: auto;overflow: hidden;padding: 0.25rem 0.65rem;background: rgba(51,51,51,.8);border-radius: 0.4rem;}
.swiper-pagination-banner li span{width: 0.3rem;height: 0.3rem;border-radius: 100%;margin: 0 0.22rem;float: left;background: none;filter:alpha(opacity=100);opacity: 1;border-radius: 50%;border: 1px solid #fff;transition: 300ms;}
.swiper-pagination-banner li span.swiper-pagination-bullet-active{background: #c8610b;border: 1px solid #c8610b;}

.menu{width: 100%;height: auto;overflow: hidden;background: #2e2e2e;text-align: center;margin-bottom: 0.5rem;}
.swiper-slide-menu{font-size: 0.6rem;}
.swiper-slide-menu a{display: block;color: #999;line-height: 1.7rem;height: 1.7rem;overflow: hidden;position: relative;}
.swiper-slide-menu a:after{content: "";width: 1px;height: 0.6rem;background: #585858;position: absolute;right: 0;top: 50%;margin-top: -0.3rem;}
.swiper-slide-menu:last-child a:after{display: none;}
.swiper-slide-menu.on a{color: #fff;}

.section{margin-bottom: 0.5rem;}
.headline{padding: 0 0.5rem;height: auto;overflow: hidden;margin-bottom: 0.5rem;border-radius: 4px;background: #333;position: relative;}
.head_icon{width: 0.9rem;height: 1.6rem;font-size: 0;overflow: hidden;float: left;margin-right: 0.2rem;}
.head_icon i{width: 0.9rem;height: 1.6rem;}
.head_cn{font-size: 0.68rem;color: #d76200;line-height: 1.6rem;height: 1.6rem;float: left;margin-right: 0.2rem;max-width: 40%;}
.head_en{font-family: "Arial"!important;font-size: 0.6rem;color: #666;line-height: 1.6rem;height: 1.6rem;max-width: 50%;overflow: hidden;float: left;text-transform : uppercase}
.imore{position: absolute;top: 0;right: 0.5rem;font-size: 0.56rem;}
.imore a{display: block;line-height: 1.6rem;height: 1.6rem;overflow: hidden;color: #666;}

.news_slide{position: relative;}
.hd_news{position: absolute;top: -2.1rem;right: 0.5rem;}
.hd_news ul{width: 100%;height: auto;overflow: hidden;}
.hd_news ul li{float: left;line-height: 1.6rem;height: 1.6rem;overflow: hidden;color: #666;margin-left: 0.35rem;font-size: 0.56rem;}
.hd_news ul li.on{color: #d76200;}
.bd_news{width: 100%;height: auto;overflow: hidden;}
.news_data{width: 100%;height: auto;overflow: hidden;}
.news_data ul{width: 100%;height: auto;overflow: hidden;}
.news_data ul li{width: 4.65rem;height: auto;overflow: hidden;float: left;margin-right: 0.524rem;background: #eee;border-radius: 4px;text-align: center;}
.news_data ul li:nth-child(3n){margin-right: 0px;}
.news_data ul li a{display: block;height: auto;overflow: hidden;}
.news_img{font-size: 0;}
.news_img img{width: 100%;}
.news_bt{font-size: 0.55rem;line-height: 1.2rem;height: 1.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_data ul li a:hover .news_bt{color: #d76200;}
.news_imore{width: 4.65rem;border-radius: 4px;border: 1px solid #999;text-align: center;font-size: 0.55rem;margin: 0 auto;}
.news_imore a{display: block;line-height: 1.15rem;color: #999;}
.slide_data{display: none;}
.slide_data:first-child{display: block;}
.slide_data ul li{margin-bottom: 0.45rem;}

.teach_data{width: 100%;height: auto;overflow: hidden;}
.teach_data ul{width: 100%;height: auto;overflow: hidden;}
.teach_data ul li{width: 7.24rem;float: left;height: auto;overflow: hidden;text-align: center;background: #eee;border-radius: 4px;}
.teach_data ul li:nth-child(odd){margin-right: 0.52rem;}
.teach_data ul li a{display: block;}
.teach_img{font-size: 0;}
.teach_img img{width: 100%;}
.teach_bt{font-size: 0.55rem;line-height: 1.25rem;height: 1.25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teach_data ul li a:hover .teach_bt{color: #d76200;}
.dance{margin-bottom: 0.25rem;}
.dance_data ul li{background: none;}
.classes{margin-bottom: 0rem;}
.class_data ul li{margin-bottom: 0.5rem;}
.teach_list ul li:hover{box-shadow: 0px 0px 10px 0px rgba(51,51,51,.35);}
.teach_list ul li a:hover .teach_bt{color: #fff;background: #d76200;}

.dance_slide{width: 100%;height: auto;overflow: hidden;text-align: center;}
.swiper-slide-dance a{display: block;}
.dance_above{width: 100%;height: auto;overflow: hidden;position: relative;border-radius: 4px;margin-bottom: 0.35rem;}
.dance_img{font-size: 0;}
.dance_img img{width: 100%;}
.dance_bt{font-size: 0.55rem;width: 100%;line-height: 1.3rem;height: 1.3rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: rgba(51,51,51,.8);color: #fff;position: absolute;bottom: 0;left: 0;text-align: center;}
.dance_nr{color: #333;line-height: 1rem;font-size: 0.58rem;text-align: left;}
.dance_nr span{color: #999;}
.swiper-button-prev-dance,.swiper-button-next-dance{position: relative;top: auto;margin: 0.25rem 0.15rem 0.1rem;width: 1.2rem;height: 1.2rem;background-size: 100%!important;display: inline-block;filter:alpha(opacity=100);opacity: 1;border-radius: 4px;overflow: hidden;vertical-align: top;}
.swiper-button-prev-dance{background: url(../images/dance_prev.png) #ddd center center no-repeat;}
.swiper-button-next-dance{background: url(../images/dance_next.png) #ddd center center no-repeat;}
.swiper-button-prev-dance:hover{background: url(../images/dance_prev.png) #d76200 center center no-repeat;}
.swiper-button-next-dance:hover{background: url(../images/dance_next.png) #d76200 center center no-repeat;}

.footer{width: 100%;height: auto;overflow: hidden;text-align: center;background: #333;margin-bottom: 2.5rem;}
.erweimas{padding: 0.85rem 0 0.5rem;}
.ewm_item{width: 3rem;display: inline-block;vertical-align: top;margin: 0 0.8rem;}
.ewm_img{font-size: 0px;}
.ewm_img img{max-width: 100%;max-height: 100%;}
.ewm_bt{font-size: 0.55rem;line-height: 1rem;height: 1rem;color: #fff;overflow: hidden;}
.copyright{background: #222;font-size: 0.5rem;color: #fff;line-height: 0.9rem;padding: 0.4rem 0;}
.copyright a{color: #fff;}
.bottom{width: 100%;height: auto;overflow: hidden;text-align: center;background: #333;z-index: 45;position: fixed;bottom: 0;left: 0;}
.bottom ul{width: 15rem;height: auto;overflow: hidden;margin: 0 auto;}
.bottom ul li{width: 33.33%;height: auto;overflow: hidden;float: left;}
.bottom ul li a{display: block;height: auto;overflow: hidden;padding: 0.5rem 0.5rem 0.25rem;}
.bottom_icon{width: 1.2rem;height: 0.75rem;font-size: 0px;margin: 0 auto;}
.bottom_icon i{width: 1.2rem;height: 0.75rem;}
.bottom_bt{font-size: 0.5rem;line-height: 1rem;height: 1rem;color: #fff;overflow: hidden;}

.side{width: 1.4rem;position: fixed;bottom: 5rem;right: 0;z-index: 30;}
.side ul{}
.side ul li{width: 1.45rem;height: 1.45rem;border-radius: 4px;background-size: 100%!important;margin-bottom: 0.25rem;position: relative;}
.side ul li.side_wx{background: url(../images/side_wx.png) #d76200 center center no-repeat;}
.side ul li.side_qq{background: url(../images/side_qq.png) #d76200 center center no-repeat;}
.side ul li a{display: block;height: 100%;overflow: hidden;}
.wx_hover{width: 3.4rem;padding-right: 0.45rem;position: absolute;right: 1.45rem;top: 50%;margin-top: -1.7rem;display: none;}
.wx_hover:after{content: "";border: 0.25rem solid rgba(51,51,51,.8);border-color: transparent transparent transparent rgba(51,51,51,.8);position: absolute;right: 0rem;top: 50%;margin-top: -0.25rem;}
.wx_ewm{width: 3rem;height: 3rem;padding: 0.2rem;background: rgba(51,51,51,.8);border-radius: 4px;font-size: 0;overflow: hidden;}
.wx_ewm i{width: 3rem;height: 3rem;}

.classify{position: absolute;top: 0;right: 0.5rem;height: 1.6rem;line-height: 1.6rem;color: #666;font-size: 0.65rem;overflow: hidden;padding-right: 0.68rem;background: url(../images/c_plus.png) right center no-repeat;background-size: 0.55rem!important;}
.classify.close_class{background: url(../images/c_minus.png) right center no-repeat;}
.ny_head{padding: 0;}
.ny_head .head_icon{margin-left: 0.5rem;}
.ny_menu{padding: 1px;width: 100%;height: auto;overflow: hidden;box-sizing: border-box;display: none;}
.ny_menu ul{padding: 0.5rem 0.5rem 0.3rem;background: #fff;height: auto;overflow: hidden;}
.ny_menu ul li{height: auto;overflow: hidden;font-size: 0.65rem;}
.ny_menu ul li a{display: block;background: #333;color: #fff;padding: 0 1.2rem 0 0.55rem;margin-bottom: 0.2rem;border-radius: 4px;line-height: 1.4rem;height: 1.4rem;overflow: hidden;text-indent: 0.65rem;position: relative;}
.ny_menu ul li a span{width: 0.5rem;height: 100%;background: url(../images/right_icon.png) center center no-repeat;background-size: 0.35rem!important;position: absolute;top: 0;right: 0.5rem;transition: 300ms;}
.ny_menu ul li a span.close_one{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.ny_menu ul li a:before{content: "";width: 0.3rem;height: 0.3rem;border-radius: 50%;background: #fff;position: absolute;left: 0.55rem;top: 50%;margin-top: -0.15rem;}
.ny_menu ul li a:hover,.ny_menu ul li a.cu1{background: #c8610b;}
.ny_menu ul li ul{display: none;padding: 0;}
.ny_menu ul li ul li{font-size: 0.6rem;margin-bottom: 0.2rem;border-radius: 4px;}
.ny_menu ul li ul li a{background: #666;margin-bottom: 0;border-radius: 0;line-height: 1.25rem;height: 1.25rem;}
.ny_menu ul li ul li a:before{display: none;}
.ny_menu ul li ul li a:hover,.ny_menu ul li ul li a.cu2{}
.ny_menu ul li ul li ul{display: none;background: #999;padding: 0.2rem 0;}
.ny_menu ul li ul li ul li{margin-bottom: 0;font-size: 0.55rem;border-radius: 0;}
.ny_menu ul li ul li ul li a{background: none;line-height: 1rem;height: 1rem;text-indent: 1.25rem;}
.ny_menu ul li ul li ul li a:hover{background: none;color: #c8610b;}

.ny_search{width: 100%;height: auto;overflow: hidden;border-radius: 4px;background: #333;margin-bottom: 0.5rem;}
.ny_search form{padding-right: 1.7rem;height: auto;overflow: hidden;position: relative;}
.s_box{width: 12.3rem;line-height: 1.5rem;height: 1.5rem;overflow: hidden;padding: 0 0.5rem;border: none;background: none;font-family: "Microsoft Yahei"!important;outline: none;color: #fff;}
.s_btn{width: 1.7rem;height: 100%;position: absolute;right: 0;top: 0;border: none;outline: none;background: url(../images/ny_search.png) center center no-repeat;background-size: 0.6rem;}

.next1{text-align: center;width: 100%;height: auto;overflow: hidden;font-size: 0.58rem;}
.next1 a{display: inline-block;vertical-align: top;color: #808080;border-radius: 4px;border: 1px solid #e6e6e6;line-height: 1.15rem;height: auto;overflow: hidden;width: 2.65rem;margin: 0.05rem 0.15rem 0.25rem;}
.next1 a:hover{box-shadow: 0px 0px 10px 0px rgba(153,153,153,.5);background: #d76200;color: #fff;}
.next1 p{width: 100%;color: #808080;line-height: 0.8rem;}
.next1 p span{color: #d76200;}

.about_det{font-size: 0.6rem;line-height: 1rem;color: #333;}
.about_det img{max-width: 100%;}

.teach_title{text-align: center;font-size: 0.65rem;line-height: 0.9rem;padding: 0.25rem 0 0.4rem;height: auto;overflow: hidden;}
.teach_image{width: 80%;height: auto;overflow: hidden;font-size: 0px;border-radius: 4px;margin: 0 auto 0.55rem;}
.teach_image img{max-width: 100%;}
.next2{width: 100%;height: auto;overflow: hidden;padding-top: 0.4rem;margin-top: 0.6rem;border-top: 1px solid #ddd;}
.next2 ul{white-space: 100%;height: auto;overflow: hidden;}
.next2 ul li{font-size: 0.6rem;}
.next2 ul li a{display: block;line-height: 0.95rem;height: 0.95rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999;}
.next2 ul li a:hover{color: #d76200;font-weight: bold;}

.course_title{font-weight: bold;color: #d76200;}
.course_list{width: 100%;height: auto;overflow: hidden;}
.course_list ul{width: 100%;height: auto;overflow: hidden;}
.course_list ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.5rem;}
.course_list ul li a{display: block;height: auto;overflow: hidden;position: relative;}
.course_pic{width: 6rem;height: 4.5rem;font-size: 0;overflow: hidden;border-radius: 4px;float: left;}
.course_pic i{width: 6rem;height: 4.5rem;}
.course_info{width: 8.5rem;height: auto;overflow: hidden;float: right;}
.course_tit{font-size: 0.6rem;line-height: 1.2rem;height: 1.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;}
.course_des{font-size: 0.5rem;line-height: 0.9rem;height: 1.8rem;overflow: hidden;color: #999;margin-bottom: 0.25rem;}
.course_more{width: 3rem;font-size: 0.5rem;line-height: 1rem;text-align: center;border-radius: 4px;border: 1px solid #d76200;color: #d76200;height: auto;overflow: hidden;}