/* 登录界面 */
body{ margin:0; padding:0;}
ul, ol{ list-style:none; margin:0; padding:0;}
a:focus { outline:none; -moz-outline:none;}
a img{ border:none;}
a{text-decoration:none;color:#404040;}
a:hover{text-decoration:underline;color:#404040;}
.bug{ clear: both; width:0px; height:0px; font-size:0px; line-height:0px;}
.cut{ overflow:hidden; white-space:nowrap;} 
.cutd{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.cuts{ overflow:hidden; text-overflow:ellipsis;} 
.clearfix:before,.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}

/*字体样式*/
.size10{ font-size:10px;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}
.size20{ font-size:20px; line-height:20px;}
.size22{ font-size:22px; line-height:22px;}
.size24{ font-size:24px; line-height:24px;}
.size26{ font-size:26px; line-height:26px;}
.weight{ font-weight: bolder;}
.Constantia{ font-family:Constantia;}
.wryh{ font-family:Microsoft YaHei;}

/*字体颜色*/
.green{ color:#558c91;}
.gray{ color:#8f8f8f;}
.blue{ color:#258afb;}
.cyan{ color:#27dbd9;}

/*超链接标记*/
.a1{text-decoration:none; color:#fff;}
.a1:hover{text-decoration:underline; color:#fff;}
.btn_reserve{ margin-top:25px; display:inline-block; padding:5px 15px; line-height:30px; background:#558c91; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn_reserve:hover{ text-decoration:none; background:#427377; color:#fff;}
.btn_qq{ padding:2px 15px 4px 15px; font-size:14px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
background-image:linear-gradient(to bottom, #4aadef, #2e78e4);
background-image:-moz-linear-gradient(to bottom, #4aadef, #2e78e4);
background-image:-webkit-linear-gradient(to bottom, #4aadef, #2e78e4);
}
.btn_qq:hover{ text-decoration:none; color:#fff;
background-image:linear-gradient(to bottom, #3e9bea, #266bdf);
background-image:-moz-linear-gradient(to bottom, #3e9bea, #266bdf);
background-image:-webkit-linear-gradient(to bottom, #3e9bea, #266bdf);
}

/*边框样式*/
.bk01{ border:1px solid #d0cbc9;}

/*通栏菜单100高度*/
.topQQ{ float:right; padding-top:12px;}
.topMenu{ float:left; padding-left:60px;}
.topMenu ul{ width:auto; margin:0; font-family:Microsoft YaHei; font-size:14px;}
.topMenu ul li{ float:left; margin-right:15px;}
.topMenu ul li a{ display:block; float:left; padding:14px 10px 12px 0; text-decoration:none; color:#6b6663;}
.topMenu ul li a:hover{ text-decoration:none; color:#e7811c;}
.topMenu ul li a:active{ color:#d25b20; padding:15px 10px 11px 0;}
.topMenu ul li a span{ display:inline-block; width:22px; height:22px; margin-right:6px; vertical-align:middle}
.ioc_01{ background:url(../../img/common/topMenu.gif) no-repeat 0 0;}
.ioc_02{ background:url(../../img/common/topMenu.gif) no-repeat -22px 0;}
.ioc_03{ background:url(../../img/common/topMenu.gif) no-repeat -44px 0;}
.ioc_04{ background:url(../../img/common/topMenu.gif) no-repeat -66px 0;}
.ioc_05{ background:url(../../img/common/topMenu.gif) no-repeat -88px 0;}
.ioc_06{ background:url(../../img/common/topMenu.gif) no-repeat -110px 0;}
.ioc_07{ background:url(../../img/common/topMenu.gif) no-repeat -132px 0;}
.topMenu a:hover .ioc_01,.hover .ioc_01{ background:url(../../img/common/topMenu.gif) no-repeat 0 -22px;}
.topMenu a:hover .ioc_02,.hover .ioc_02{ background:url(../../img/common/topMenu.gif) no-repeat -22px -22px;}
.topMenu a:hover .ioc_03,.hover .ioc_03{ background:url(../../img/common/topMenu.gif) no-repeat -44px -22px;}
.topMenu a:hover .ioc_04,.hover .ioc_04{ background:url(../../img/common/topMenu.gif) no-repeat -66px -22px;}
.topMenu a:hover .ioc_05,.hover .ioc_05{ background:url(../../img/common/topMenu.gif) no-repeat -88px -22px;}
.topMenu a:hover .ioc_06,.hover .ioc_06{ background:url(../../img/common/topMenu.gif) no-repeat -110px -22px;}
.topMenu a:hover .ioc_07,.hover .ioc_07{ background:url(../../img/common/topMenu.gif) no-repeat -132px -22px;}
.topMenu a:active .ioc_01{ background:url(../../img/common/topMenu.gif) no-repeat 0 -44px;}
.topMenu a:active .ioc_02{ background:url(../../img/common/topMenu.gif) no-repeat -22px -44px;}
.topMenu a:active .ioc_03{ background:url(../../img/common/topMenu.gif) no-repeat -44px -44px;}
.topMenu a:active .ioc_04{ background:url(../../img/common/topMenu.gif) no-repeat -66px -44px;}
.topMenu a:active .ioc_05{ background:url(../../img/common/topMenu.gif) no-repeat -88px -44px;}
.topMenu a:active .ioc_06{ background:url(../../img/common/topMenu.gif) no-repeat -110px -44px;}
.topMenu a:active .ioc_07{ background:url(../../img/common/topMenu.gif) no-repeat -132px -44px;}
.hover{ color:#e7811c;}

.topTitle_h100{ width:100%; height:92px; background:#fff; border-bottom:1px solid #d8d5d1;}
.topLina{ width:100%; height:6px; background:#4e4845;}
/*.topTitle_h100 ul{ width:980px; margin:0 auto;}*/
.indexLogo_h100{ float:left; width:200px; height:60px; background:url(../../img/common/logo_h100.gif) no-repeat; margin-top:16px;}
.topMenu_h100{ float:right; padding-left:0; margin-top:18px;}
.topMenu_h100 ul{ width:auto;}
.topQQ_h100{ width:750px; text-align:right; padding-top:12px; height:22px;}
.topMenu_h100 ul li{ margin-right:0; padding-left:15px;}

.whole{ width:990px; margin-left:auto; margin-right:auto;}
#bottom{ width:100%; height:120px; background:#fff; border-top:1px solid #d8d5d1; margin-top:150px;}
#bottom.patch{ margin-top:50px;}
#bottomLeft{ float:left; padding:20px 0 0 25px;}
#bottomRight{ float:right; padding:20px 15px 0 0;}
#bottomRight a{ padding:0 10px 0 10px; color:#9a9591;}
#bottomRight a:hover{ margin-top:1px; color:#6c6560;}


/*框架结构*/
.left{ float:left;}
.right{ float:right;}

/*结构修改*/
/*.topimg{ height:360px; background:url(../img/common/layout/topimg.jpg) no-repeat center #31312a;}*/
.frameSpacing{ margin-top:50px;}
.listSpacing{ margin-top:30px;}
.title{ height:65px;}
.title01{ background:url(../../img/common/layout/title01.gif) no-repeat;}
.title02{ background:url(../../img/common/layout/title02.gif) no-repeat;}
.title03{ background:url(../../img/common/layout/title03.gif) no-repeat;}
.title04{ background:url(../../img/common/layout/title04.gif) no-repeat;}
.title05{ background:url(../../img/common/layout/title05.gif) no-repeat;}
.title06{ background:url(../../img/common/layout/title06.gif) no-repeat;}
.word_title07{ font-size: 34px;}
.title_line{ height:2px; background:#d9d9d9; line-height:0;}
.title_line .stress{ width:200px; height:2px; background:#707070; line-height:0;}
.photo img{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.wordSpace{ letter-spacing:8px;}
.nameline{ width:60px; border-bottom:1px solid #60689d; height:10px; margin-bottom:20px;}
.teacherIntro{ margin-top:30px; line-height:30px;}
.teacherLine{ display:block; width:96%; height:3px; line-height:0; background:#b3b3b3;}
.teacherLine img{ margin-top:-1px;}
.courseTitle{ text-align:center; margin:30px;}
.courseLine{ display:block; width:100%; height:3px; line-height:0; background:#b3b3b3;}
.courseLine img{ margin-top:-1px;}
.courseList{ margin-top:15px; line-height:46px;}
.rightLine{ border-right:1px solid #cecece;}
.leftLine{ border-left:1px solid #cecece;}
.meritLine{ position:relative; width:100%; border-top:1px solid #cccacc; border-bottom:1px solid #fafafa; height:3px; margin:30px 0;}
.meritLine.patch{ margin-top:-30px;}
.meritMark{ position:absolute; left:50%; margin-top:-64px; margin-left:-24px; width:48px; height:48px; background:url(../../img/common/layout/dot.png) no-repeat; top:-24px; color:#fff; font-size:22px; text-align:center;}
.meritMark span{ display:inline-block; margin-top:7px;}
.singleMark{ position:absolute; left:50%; margin-top:-64px; margin-left:-24px; width:48px; height:48px; background:url(../../img/common/layout/dot.png) no-repeat; color:#fff; font-size:22px; text-align:center;}
.singleMark span{ display:inline-block; margin-top:7px;}
.meritPanel{ float:left; position:relative; width:31%; border:1px solid #21d1eb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; box-sizing:border-box; margin-left:1%; margin-right:1%;}
.singlePanel{ float:left; position:relative; width:23%; padding:0 20px; border-right:1px solid #21d1eb; margin-left:1%; margin-right:1%;}
.singlePanel h3{position: absolute;margin-top: -60px;font-size: 20px;}
.amateur_frame{ border:1px solid #21d1eb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-sizing:border-box;}
.meritTriangle{ position:absolute; left:50%; width:22px; height:23px; margin-top:-43px; margin-left:-11px; background:url(../../img/common/layout/triangle.png) no-repeat;}
.singleTriangle{ position:absolute; left:50%; width:22px; height:23px; margin-top:-23px; margin-left:-11px; background:url(../../img/common/layout/triangle.png) no-repeat;}
.meritList{ line-height:30px;}
.meritTmg div{ text-align:center;}
.contact{ line-height:30px;}
.music_name{font-weight:900;font-size:20px;text-align:center;}
.singer_name{font-size:15px;text-align:center; margin-bottom: 15px;}
.gzmpic1{max-width: 1150px;max-height: 300px;}
#map label{ max-width:none;}

@media screen and (max-width:1400px){
  .course h3{ font-size:20px;}
  .course .size16{ font-size:14px;}
}
@media screen and (max-width:992px){
  .course h3{ font-size:24px;}
  .course .size16{ font-size:16px;}
}

/*幻灯样式*/
.whole_header{ position:absolute; z-index:1000; width:100%; padding-top:30px;}
.header{ width:400px; height:300px; background: rgba(255,255,255,0.7); font-family:Microsoft YaHei; color:#4e4845;}
.header span.hdtitle{ display:block; padding:30px 0 0 45px; font-size:30px;}
.header span.hdtext{ display:block; padding:10px 0 0 45px; font-size:16px; line-height:32px;}
.btn_hd{ display:block; width:250px; padding:15px 0; text-align:center; background:#1caaea; font-size:24px; color:#fff; margin-left:45px; margin-top:20px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;}
.btn_hd:hover{ background:#1496d1; text-decoration:none; color:#fff;}
.slidesjs-container,.slidesjs-control{ width:100%; height:360px;}

/*结构修改**动态改版*/
.star > h3{ margin-top:5px;}
.star > h3 > span{ font-size:14px; letter-spacing:0px; color:#66605e;}
.namebk{ display:inline-block; padding:5px 20px; border:1px solid #b2a8a9; width:150px; text-align:center; font-size:16px;}
.namebk:hover{ font-size:16px; text-decoration:none; background:#f4f4f4;}
.playFrame{ padding:15px 0 0 0;}
.play_btn{ float:left; display:block; padding:2px 0 0 25px; height:20px; background:url(../../img/common/layout/play_btn.png) no-repeat; margin-right:15px; font-size:10px;}
/*流程*/
.circuit{ padding-top:50px; margin:0 auto;}
.circuit li{ position:relative; float:left; width:18%; padding:20px; background:#60c3f0; border:1px solid #49bbee; color:#fff; text-align:center;}
.circuit li > span{ position:absolute; background:#f39800; top:-1px; left:-1px; padding:0 6px;
border-bottom-right-radius:20%;
-moz-border-radius-bottomright:20%;
-webkit-border-bottom-right-radius:20%;
}
.circuit > span{ display:block; float:left; width:2.5%; height:22px; background:url(../../img/common/layout/arrow.png) no-repeat center; margin-top:35px; padding:0 10px;}
/*新闻*/
.news{ width:100%; padding-bottom:50px;}
.news li{ float:left; padding:0 20px 20px 20px; width:50%; background:url(../../img/common/layout/list_point.gif) no-repeat 0 10px;}
.news li a{ display:block; width:100%;}
.newsTitle{ padding-right:20px;}
.newsTitle h3{ margin-top:0; margin-bottom:0;}
.newsSubhead{ padding-top:5px;}
.newsSubhead i{ margin-top:3px; margin-right:10px;}
/*文章内容*/
.articleTitle{ text-align:center;}
.articleTime{ text-align:center; padding-top:10px;}
.articleContent{ padding:20px 0 50px 0;}

.code{ position:fixed; width:160px; height:30px; right:40px; bottom:60px; margin-left:-660px; text-align:center; padding-top:160px; z-index:199; background:url(../../img/common/code.png) no-repeat #fff;}