*{ margin:0; padding:0; list-style: none; } /*index*/ .top{ width:1260px; height:166px; margin:0 auto; } .head{ width:1260px; height:166px; margin:0 auto; } .banner{ width:1260px; height:340px; overflow: hidden; margin:0 auto; } .banner ul{ z-index: 1; width:600%; overflow: hidden; } .banner ul li{ width:1260px; /*height:341px;*/ float:left; position:relative; overflow: hidden; } .banner ul li a{ text-decoration: none; color:black; } .banner ul li a span{ width:526px; position:relative; top:-100px; left:240px; font-size: 16px; font-weight: bold; letter-spacing: 5px; } .banner .dots{ width:104px; margin:0 auto; position: absolute; top:480px; left:48%; } .banner .dots li{ display: inline-block; width:10px; height:10px; margin:0 4px; text-indent:-999em; background: #fff; border-radius:6px; cursor:pointer; -webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s } .banner .dots .dot-selected{ background:#D97D4E; opacity:1; } .containt{ width:1260px; height:983px; background: white; margin:0 auto; } .an{ width:1200px; height:120px; margin:0 auto; } .an ul li{ width:367px; height:72px; float:left; margin-top:20px; /*padding:16px;*/ } .an ul li a{ width:367px; height:47px; text-decoration: none; text-align: center; color:white; } .an ul li a p{ font-size: 20px; color:white; margin-top:-56px; } .an1{ margin-left:10px; } .an2{ margin-left:50px; } .an2_a{ margin-left:110px; } .an3{ margin-left:88px; } .an3_a{ margin-left:180px; } .xwhd{ width:1260px; height:440px; background: url(../img/xwhd.png) no-repeat; /*margin-top:20px;*/ } .xwhd_t{ width:1200px; height:200px; margin:0 auto; position: relative; top:120px; } .xwhd_t ul li{ width:274px; height:200px; float:left; padding:13px; } .wz{ text-decoration: none; color:black; } .wz img{ width: 274px; height: 165px; } .wz p{ width:274px; height:42px; word-break:break-all; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; } .xwhd_t ul li>p{ color:#868583; font-size: 12px; margin-top:10px; } .more{ color:#DA7E4F; float:right; } .szdw{ width:1260px; height:425px; background: url(../img/szdw.png) no-repeat; position: relative; top:-2px; } .szdw_t{ width:1200px; height:240px; margin:0 auto; position: relative; top:120px; } .szdw_t a{ color: #000; text-decoration: none; } .szdw_t ul li{ width:150px; height:150px; border-radius: 50%; border:5px solid #B08D60; margin-left:34px; margin-top:20px; float:left; } .szdw_t ul li a img{ width:150px; height:150px; border-radius: 50% } .szdw_t ul li p{ width:150px; height:30px; background: #B08D60; text-align: center; line-height: 30px; margin-top:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .bottom{ width:1260px; height:195px; margin:0 auto; } .foot{ width:1260px; height:195px; margin:0 auto; } .xm{ width:1200px; height:50px; margin:0 auto; position:relative; top:310px; } /*项目简介*/ .xmbanner{ width:1260px; height:169px; background: url(../img/xmjj.png) no-repeat; margin:0 auto; } .pagenav{ width:130px; position: relative; top:125px; left:60px; font-size: 14px; line-height: 16px; } .containter{ width:1260px; height:1280px; background:url(../img/bj.png) no-repeat; margin:0 auto; border-top:1px solid #DAD1C1; } .js{ width:1130px; margin:0 auto; } .js_wz{ width:1130px; height:280px; } .js p{ text-indent: 2em; line-height: 30px; } .tgjh_z{ width:1130px; height:940px; margin:0 auto; } .tgjh_z ul li{ width:427px; height: 940px; float:left; margin-left: 106px; } /*新闻公告*/ .xwbanner{ width:1260px; height:170px; background: url(../img/xwgg.png) no-repeat; margin:0 auto; } .cont{ width:1260px; height:600px; background:url(../img/ggbj.png) no-repeat; margin:0 auto; border-top:1px solid #DAD1C1; } .gonggao{ width:1130px; min-height:500px; border-bottom: 1px solid #E2E2E1; margin:0 auto; padding-top:30px; } .gonggao ul li{ width:880px; color:#B9885D; list-style-type:disc; height:40px; /*margin-left:30px;*/ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .gonggao ul li a{ text-decoration: none; color:black; } .gonggao ul li a:before{ content:''; display:inline-block; background:#B9885D; width:5px; height:5px; margin-right: 10px; vertical-align: 3px; } .riqi{ width:130px; height:30px; float:right; color:#C5C6C5; line-height: 30px; margin-top:-44px; } .cont_a { width: 1260px; background-color: #f9f6f0; border-top: 1px solid #dbd1c0; border-bottom: 1px solid #775f55; margin:0 auto; } .cont_a>h2{ line-height: 60px; color:#8E7B73; text-align: center; padding-top: 20px; } .cont_a>p{ text-align: center; color:#BCACA5; font-size: 14px; padding-bottom: 40px; } .jianjie{ width:1130px; margin:0 auto; padding-bottom: 20px; } .jianjie>p{ line-height: 30px; font-size: 16px; } .tupian{ width:1200px; margin:0 auto; padding-bottom:70px; } .tupian_a{ width:276px; margin:0 auto; margin-bottom: 10px; } .xian{ width:1130px; border-bottom:1px solid #E2E2E1; position: relative; top:-60px; margin:0 auto; } /*课程信息*/ .kcbanner{ width:1260px; height:170px; background: url(../img/kcbanner.png) no-repeat; margin:0 auto; } .cont_a_kc{ width:1260px; background:url(../img/c.png) no-repeat; margin:0 auto; border-top:1px solid #DAD1C1; } .kc_nav{ width:1130px; height:100px; margin:0 auto; } .kc_nav ul li{ width:366px; height:73px; float:left; margin-top:20px; margin-right:10px; } .kc_nav3{ position: relative; right:-8px; } .kc_nav ul li a{ width:366px; height:73px; text-decoration: none; color:#D7BCA3; text-align: center; } .kc_nav ul li a>p{ font-size: 20px; margin-top:-55px; } .kc_nava{ color:white; } .out{ width:39px; height:39px; background: rgb(255,255,255,0.5); position:relative; border-radius: 50%; top:50%; margin-top:-30px; margin-left:212px; } .go{ width:23px; height:23px; background: #F5AD4F; position: relative; top:8px; left:8px; border-radius: 50%; } .go:after{ border-bottom:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); content:""; display: block; width:33%; height:33%; position: absolute; top:6px; left:6px; } .jh{ width:1130px; height:1330px; background: url(../img/kcbj.png) no-repeat; margin:0 auto; } .dabiaoti{ width:1050px; height:80px; margin:0 auto; position: relative; top:30px; } .dabiaoti>p{ text-align: center; font-size: 18px; line-height: 50px; } .fubiaoti{ width:280px; height:30px; background: #765F56; margin:0 auto; } .fubiaoti>p{ font-size:22px; color: white; text-align: center; } .jy{ width:1050px; margin:0 auto; position: relative; top:60px; } .jy>h2{ color:#D97E4C; } .jh h3{ color: #88902C; } table{ width:1050px; border:1px solid #C9BDB5; } td{ width:25%; height:50px; line-height: 30px; border:1px solid #C9BDB5; text-align: center; } .jh table{ margin-bottom: 20px; } /*留学生民乐*/ .out1{ width:39px; height:39px; background: rgb(255,255,255,0.5); position:relative; border-radius: 50%; top:50%; margin-top:-30px; margin-left:610px; } .timu{ width:1050px; line-height:50px; margin:0 auto; position:relative; top:30px; } .timu>h2{ text-align: center; } .timu>p{ text-align: center; line-height: 30px; } .timu_a{ color:red; } /*古典民乐*/ .cont_a_gd{ width:1260px; height:1100px; background:url(../img/c.png) no-repeat; margin:0 auto; border-top:1px solid #DAD1C1; } .out2{ width:39px; height:39px; background: rgb(255,255,255,0.5); position:relative; border-radius: 50%; top:0%; margin-top:-30px; margin-left:1000px; } .jh_gd{ width:1130px; height:889px; background: url(../img/kcbj.png) no-repeat; border-bottom: 1px solid #C8BDB5; margin:0 auto; } .jh_gd h3{ color: #88902C; } .jh_gd table{ margin-bottom: 20px; } /*师资专栏*/ .szbanner{ width:1260px; height:169px; background: url(../img/sz.png) no-repeat; margin:0 auto; } .cont_sz{ width:1260px; background:url(../img/szbj.png) no-repeat; background-size: cover; margin:0 auto; border-top:1px solid #DAD1C1; position: relative; } .cont_sza{ width:1130px; height:100%; margin:0 auto; } .cont_sza::after{ content:''; display:block; clear:both; } .sz_left{ width:230px; height:100%; float: left; } .sz_left ul li{ width:193px; height: 74px; margin:0 auto; padding:10px; position: relative; top:20px; left:-18px; } .sz_left ul li a{ text-decoration: none; text-align: center; line-height: 30px; color:#D6BAA1; } .sz_left ul li a p{ margin-top:-60px; font-size: 20px; } .szpbwz{ color:white; } .out3{ width:39px; height:39px; background: rgba(255,255,255,0.5); position:absolute; border-radius: 50%; top: 142px; left: 241px; } .go1{ width:23px; height:23px; background: #F5AD4F; position: relative; top:8px; left:8px; border-radius: 50%; } .go1:after{ border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); content:""; display: block; width:33%; height:33%; position: absolute; top:6px; left:6px; } .sz_right{ width:900px; height:100%; float:right; } .bt{ width:900px; height:50px; border-bottom:1px solid #7B655C; margin-top:15px; } .bt>h2{ line-height: 50px; color:#7B655C; } .sz_xm{ width:900px; height:730px; } .sz_xm ul li{ width:212px; height:283px; border:1px solid #EADDCE; float:left; margin-top:30px; margin-bottom:34px; margin-left:10px; } .sz_xm ul li img{ width:212px; height:283px; } .sz_xm ul li a{ text-decoration: none; text-align: center; color:black; line-height: 30px; } .dx{ width:920px; border-top:1px solid #E4E3E2; } /*师资配备-教师简介*/ .sz_jj{ width:212px; height:283px; border:1px solid #EADDCE; margin-top:20px; margin-left:326px; } .sz_jj img{ width:212px; height:283px; } .sz_jj p{ width:212px; height:30px; background: #BB8A60; line-height: 30px; text-align: center; font-size:20px; color:white; } .sz_jja{ width:920px; min-height:404px; margin-top:60px; } .sz_jja p{ line-height: 26px; } /*艺术顾问*/ .out4{ width:39px; height:39px; background: rgba(255,255,255,0.5); position:absolute; border-radius: 50%; top: 45px; left: 241px; } .ysgw{ width:900px; min-height:582px; float:right; margin-bottom: 44px; } .ysgw li{ margin-top:44px; } .ysgw img{ float:left; width:175px; height:225px; } .ysgw div{ width:700px; height:225px; float:right; } .ysgw div a{ text-decoration: none; font-weight: bold; color:black; } .ysgw_l{ width:200px; height:504px; float:left; } .ysgw_l ul li{ width:200px; height:230px; margin-top:44px; } .ysgw_l ul li img{ border:1px solid #BB8A60; padding:2px; position: relative; left:10px; } .ysgw_r{ width:700px; height:504px; float:right; } .ysgw_r ul li{ width:700px; height:230px; margin-top:44px; } .ysgw_r ul li a{ text-decoration: none; font-weight: bold; color:black; } .ysgw_r ul li p{ margin-top:10px; } .jg{ width:920px; border-top:1px solid #E4E3E2; clear:both; } .ys_jj{ padding-top:24px; text-align:center; } .ystitle{ text-align:center; font-size:20px; font-weight:bold; } /*国乐知识*/ .glbanner{ width:1260px; height:170px; background: url(../img/glzs.png) repeat-x; margin:0 auto; } .cont_gl{ width:1260px; height:600px; background:url(../img/ggbj.png) no-repeat; margin:0 auto; /*border-top:1px solid #DAD1C1;*/ } /*讲座汇编*/ .jzbanner{ width:1260px; height:169px; background: url(../img/jzhb.png) repeat-x; margin:0 auto; } /*联系我们*/ .lxbanner{ width:1260px; height:170px; background: url(../img/lxwm.png) no-repeat; margin:0 auto; } .cont_lxwm{ width:1260px; background:url(../img/xwggbj.png) repeat-x; position: relative; top:-2px; margin:0 auto; } .cont_lxwm>h2{ width:1130px; margin:0 auto; line-height: 60px; color:#79645C; /*text-align: center;*/ padding-top: 20px; border-bottom: 1px solid #DAD1C1; } .cont_lxwma{ width:1130px; height:460px; margin:0 auto; position: relative; top:10px; } .cont_lxwmal{ width:500px; height:460px; float:left; } .cont_lxwmal p{ line-height: 30px; color:black; font-size: 16px; } .cont_lxwmal h3{ color:black; margin-bottom: 10px; } .cont_lxwmal img{ width:176px; height:176px; } .cont_lxwmar{ width:600px; height:460px; float:left; position: relative; left:30px; } .map{ margin-top:10px; }