html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/*禁用iPhone中Safari的字号自动调整*/
input{ -webkit-appearance:none; resize:none;} /*去除iPhone中默认的input样式*/
a,img{ -webkit-touch-callout:none;}/*禁止长按连接与图片弹出菜单*/
img{ max-width:100%; height:auto; width:auto\9;/*IE8*/ -ms-interpolation-mode:bicubic;/*图片自适应 + 为了照顾IE图片缩放失真*/}
body{ min-width:inherit;}
.m_box{ width:auto; padding:0 10px;} /*宽度*/
/*==========================================================*/
/*==========================================================*/
/*header*/
.header{ height:50px;}
.header h1{ padding:10px 0 0;}
.header h1 img{ height:30px;}
.nav_box{ float:none; display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}




.nav_btn,.nav_bg,.nav_closed{ display:block;}
/*导航--按钮*/
.nav_btn { padding:17px 0 0 0; float:right;}
.nav_btn a img{ display:block; height:16px; width:auto;}
/*01-- 背景*/
.nav_bg{ position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
/*02-- 关闭按钮*/
.nav_closed{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
/*03-- 导航内容*/
.nav_box .nav{ position:absolute;width:80%;right:0px;top:0px;background:#fff;height:100%;z-index:100;right:-80%; padding:0 5%; box-sizing:border-box; overflow-y:scroll;}
.nav_box .nav ul{}
.nav_box .nav ul li{ border-bottom:1px solid #e1e1e1; width:100%; overflow:hidden; float:left; position:relative;}
.nav_box .nav ul li span{ display:block; position:relative; float:none;}
.nav_box .nav ul li a{ height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px; position:static; width:60%; box-sizing:border-box; font-weight:normal;}
.nav_box .nav ul li:hover a{ color:#333;}
.nav_box .nav ul li div.a_txt2{ display:none; position:static; width:auto; clear:both; height:auto; opacity:1; overflow:hidden; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; border:none; border-top:1px solid #e1e1e1;}
.nav_box .nav ul li div.a_txt2 a{ width:100%; float:none; box-sizing:border-box;}
.nav_box .nav ul li div.a_txt2 a:hover{ background:#f8f8f8; color:#333;}
.nav_box .nav ul li.on div a{ color:#808080;}
.nav_box .nav ul li span:before{ content:""; position:absolute; right:0; top:15px; width:15px; height:15px;}
.nav_box .nav ul li .a_js2:before{ background:url(../images/nav_ico.png) no-repeat center scroll; background-size:contain;}
.nav_box .nav ul li .a_js2_on:before{ transform:rotate(90deg);}

.nav_box .nav .search{ clear:both; float:none; padding:20px 0 0 0;}
.nav_box .nav .search input{ box-sizing:border-box;}
.nav_box .nav .search input.text{ width:80%; padding:0 5px; border:1px solid #e1e1e1; height:40px; line-height:40px;}
.nav_box .nav .search input.btn{ width:20%; height:40px; line-height:40px;}
/*banner*/
.banner{}
.banner .bd{}
.banner .bd ul li a{ height:150px; background-size:auto 100%;}
.banner .hd{ bottom:10px;}
.banner .hd ul{}
.banner .hd ul li{ width:8px; height:8px;}
.banner .hd ul li.on{}
/*con*/
.con .m_box{}
/*con_1*/
.con_1{ padding:20px 0 30px;}
.con_1 ul{ width:auto;}
.con_1 ul li{ width:100%; float:none; padding:10px 0 0;}
.con_1 ul li b{}
.con_1 ul li b img{ height:16px; width:auto;}
.con_1 ul li p{}
/*==============================*/
/*con_2_bt*/
.con_2_bt{}
.con_2_bt h3{ font-size:20px; margin-bottom:24px;}
.con_2_br
,.con_br_l
{ width:40%;}
.con_2_br em
,.con_br_l em
{}
.con_2_br i
,.con_br_l i{}
.con_2_bt p{ padding-top:24px;}
/*h4.btn_yyst 预约试听*/
h4.btn_yyst{ padding-top:30px;}
h4.btn_yyst a{ width:60%; height:50px; line-height:50px; }
h4.btn_yyst a img{ height:13px; width:auto;}
/*==============================*/
/*con_2*/
.con_2{ background:#444; padding:30px 0 30px;}
.con_2 .min{ padding:20px 0 30px;}
ul.kc_list_pic{ width:auto;}
ul.kc_list_pic li{ float:none; padding:10px 0 0; width:auto;}
ul.kc_list_pic li a{}
ul.kc_list_pic li span{ height:auto;}
ul.kc_list_pic li span img{ height:auto;}
ul.kc_list_pic li span em{ }
ul.kc_list_pic li a:hover span img{}
ul.kc_list_pic li a:hover span em{ }
ul.kc_list_pic li b{ height:40px; line-height:40px; padding:0 10px;}
ul.kc_list_pic li b:before{}
ul.kc_list_pic li a:hover b:before{}
.con_2 .bottom{}
.con_2 .bottom span.all{ padding:20px 0;}
/*==============================*/
/*con_3*/
.con_3{ padding:30px 0;}
.con_3 .left{ width:auto; float:none; overflow:hidden; padding-bottom:30px;}
.con_3 .right{ clear:both; width:auto; float:none;}
.con_3 .right h3
,.con_4 .left h3
{ font-size:20px; margin-bottom:20px;}
.con_br_l{ margin:0; width:auto;}
.con_br_l em{ width:40%;}
.con_br_l i{}
.con_3 .right .text
,.con_4 .left .text
{ padding:20px 0;}
.con_3 .right .text p
,.con_4 .left .text p{ margin-bottom:8px;}
h4.text_bottom_btn{}
h4.text_bottom_btn a{}
h4.text_bottom_btn a img{ }
h4.text_bottom_btn a:hover{}
.con_3_left .bd{}
.con_3_left .bd ul li{}
.con_3_left .bd ul li a{ display:block; padding:7px; border:1px solid #e1e1e1;}
.con_3_left .bd ul li a img{ display:block; width:100%; height:auto;}
/*==============================*/
/*con_4*/
.con_4{ padding:30px 0 40px;}
.con_4 .left{ width:auto; float:none;}
.con_4 .left .con_br_l{}
.con_4 .left .con_br_l em{ }
.con_4 .left .con_br_l i{}
.con_4 .left .text p{}
.con_4 .left .text .color_lan{}
.con_4 .left h4.text_bottom_btn a{ }
.con_4 .left h4.text_bottom_btn a:hover{}
.con_4 .right{ width:auto; float:right; padding:20px 0 0;}
.con_4 .right ul{}
.con_4 .right ul:before{ width:14px;}
.con_4 .right ul li{ padding-bottom:20px; padding-left:32px;}
.con_4 .right ul li:last-child{}
.con_4 .right ul li b{ }
.con_4 .right ul li p{ padding-top:6px;}
.con_4 .right ul li i{ width:20px; padding:10px 0;}
.con_4 .right ul li i img{ display:block; width:100%; height:auto;}
/*==============================*/
/*con_5*/
.con_3 .left_pic img{ display:block; margin:0 auto;}
/*==============================*/
/*con_6*/
.con_6{ padding:30px 0;}
.con_6 .min{ margin-top:20px;}
.con_6 .min ul{ width:auto; margin-top:-1px;}
.con_6 .min ul li{ float:none; width:100%; border-left:none; border-top:1px dashed #555; margin-left:-1px; padding:20px 0;}
.con_6 .min ul li i{ width:15%; height:auto; margin:0;}
.con_6 .min ul li i img{}
.con_6 .min ul li div{ width:85%; float:right; padding-left:20px; box-sizing:border-box;}
.con_6 .min ul li p{ }
.con_6 .min ul li b{ }
.con_6 .min ul li span{ padding-top:4px;}
.con_6 .min ul li span a{}
/*con_7*/
.con_7{  padding:30px 0; background-size:auto 100%;}
.con_7 .bt{ }
.con_7 .bt h3{ font-size:20px; }
.con_7 .bt span{}
.con_7 .min ul{ padding-top:30px;}
.con_7 .min ul li{ width:100%; float:none; padding-bottom:20px;}
.con_7 .min ul li i{ padding:20px; width:34px; height:34px; border-radius:100%;}
.con_7 .min ul li i img{}
.con_7 .min ul li b{ height:34px; line-height:34px; padding-top:14px; font-size:16px; font-weight:bold;}
.con_7 .min ul li p{ text-align:center; line-height:1.75em; margin-bottom:10px;}
.con_7 .min ul li span{ width:50%; padding:5px 5px 8px;}
.con_7 .min ul li span img{ margin-bottom:8px;}
/*con_8*/
.con_8{ padding:30px 0;}
.con_8 .min{ padding-bottom:20px;}
.con_8 h3{}
.con_8 .left{ width:auto; float:none;}
.con_8 .left p{}
.con_8 .left p b{ }
.con_8 .center{ width:auto; float:none; padding-left:0;}
.con_8 .center ul li{}
.con_8 .center ul li a{ }
.con_8 .center ul li i{}
.con_8 .center ul li i img{height:auto;}
.con_8 .center ul li b,.con_8 .center ul li span{ }
.con_8 .right{ width:auto; float:none;}
.con_8 .right ul li{}
.con_8 .right ul li a{}
.con_8 .right ul li a:hover{}
.con_8 .right ol li{ }
.con_8 .right ol li a{}
/*footer*/
.footer{ padding:10px 0;}
.footer .left{ width:auto; float:none; line-height:1.5em;}
.footer .right{ width:auto; float:none; padding-top:10px;}
.footer .right ul{ text-align:left; }
.footer .right ul li{}
.footer .right ul li a{ width:30px; height:30px; background:no-repeat center scroll; border-radius:100%;}
.footer .right ul li.ys1 a{ background-image:url(../images/footer_ico_01.png);}
.footer .right ul li.ys1 a:hover{ background-image:url(../images/footer_ico_01s.png); background-color:#f76700;}
/*=====================================================*/
/*on_page*/
.on_page{ height:40px; line-height:40px;}
/*con_ny_bt*/
.con_ny_bt{ padding:20px 0 20px;}
.con_ny_bt h3{ font-size:18px;}
.con_ny_bt span i{ background:#fff;}
/*=====================================================*/
/*课程*/
.con_kecheng{ padding-bottom:30px;}
.con_kecheng ul.kc_list_pic{ width:100%;}
.con_kecheng ul.kc_list_pic li{ width:50%; padding:0; margin-left:-1px; float:left;}
.con_kecheng ul.kc_list_pic li a{ border:1px solid #eee;}
.con_kecheng ul.kc_list_pic li a span{ height:auto;}
/*=====================================================*/
/*琴学-列表页 con_qinxue*/
.con_big_l .left{ width:auto; float:none; padding:10px 0 20px; border:none;}
.con_big_l .right{ display:none;}
/*反方向*/
.con_big_r .left{ }
.con_big_r .right{}
/*=====================================================*/
/*琴学-列表页 con_qinxue*/
.con_qx .min ul{ padding-top:30px;}
.con_qx .min ul li{ padding:0 0 30px;}
.con_qx .min ul li:before{ display:none;}
.con_qx .min ul li i{ display:none;}
.con_qx .min ul li div{ width:auto; float:none;}
.con_qx .min ul li div b{}
.con_qx .min ul li div b a{ float:none;}
.con_qx .min ul li div span{}
.con_qx .min ul li div span a{}
.con_qx .min ul li div span a:hover{}
.con_qx .min ul li div p{ padding-top:10px;}
.con_qx .min ul li div em{ padding-top:10px;}

/*page*/
.page{}
.page ul{ }
.page ul li{}
.page ul li b,.page ul li a{ }
.page ul li b{ }
.page ul li a:hover{ }
.page p{}
/*banner_ny*/
.banner_ny{ height:80px; background-size:auto 100%;}
/*=====================================================*/
/*琴学-内容页*/
.con_qx_ny .min{ padding-bottom:20px;}
.con_qx_ny img{}
.con_qx_ny .bt{ overflow:hidden; padding:8px 0 10px;}
.con_qx_ny .bt b{ padding:6px 0;}
.con_qx_ny .bt b a{ }
.con_qx_ny .bt span{ }
.con_qx_ny .bt span a{ }
.con_qx_ny .bt span a:hover{ }
.con_qx_ny p{}