@charset "utf-8";
/* CSS Document */
body{ background: url(../images/mg-bg.jpg) no-repeat center top #f4f9fc;}

.top-header{height: 37px !important; line-height: 37px !important; border-bottom:none !important;background:rgba(255,255,255,0.5) !important;}
.header-container .hc-left-box .icon-line{ background: #444;}
.top-header a,.top-header li{ color:#444;}
 
.minddle-main{ background: none !important;}
.logoBanner{width:1252px; margin: 0 auto;padding-top:25px;}
.logo{ width:337px;}
.logo img{width: 100%;}

.bannercy{width:1049px; height: 165px;margin:0 auto; margin-top:18px; }
.minddle-main{ width:100%; margin: 0 auto; background: url(../images/mg-bg2.jpg) no-repeat center bottom !important;}
.mgCenterBox{ width:100%; background: #fff;padding:15px; box-sizing: border-box; border-radius: 15px;margin:20px auto; position: relative;min-height: 500px;padding-bottom:20px;margin-bottom:40px;}
.xsbk{ position: absolute;width: 108px; height: 118px; z-index:0;}
.bkleft-top{left:10px; top:10px;  background: url(../images/mg-bk-left-top.png) no-repeat;}
.bkright-top{right:10px; top:10px; background: url(../images/mg-bk-right-top.png) no-repeat;}
.bkleft-bottom{left:10px; bottom:10px;background: url(../images/mg-bk-left-bottom.png) no-repeat;}
.bkright-bottom{right:10px; bottom:10px;background: url(../images/mg-bk-right-bottom.png) no-repeat;}

.location{ width:93.5%;margin: 0 auto;margin-top:10px;line-height:26px; height:35px; background:url(../images/locai1.png) no-repeat 16px 4px;  padding-left:40px; font-size:14px; z-index: 99;box-sizing: border-box;}
.location a{ margin:0px 5px;}
.akmgBox,.gmzykBox{ width: 97%;margin: 0 auto;margin-top:10px;}

.mgTitle{ width:100%; height: 40px; line-height: 40px; background: url(../images/mgline1.jpg) repeat-x 10px; position: relative;}
.mgTitle h3{ display:inline-block; padding:0 10px; margin-left:23px; background: #fff;min-width: 110px; font-size: 24px; color: #0380d8; font-weight: bold; position: relative;}
.mgTitle h3 s{ display: block; width:8px; height: 8px; background: #017cd2; position: absolute; top:16px; right:0; border-radius: 20px;}
.mgTitle span.more{ display: block; width:95px; height: 35px; background :url(../images/mg-morebg.png) no-repeat; line-height: 35px; text-align: center; position: absolute; top:0; right:27px;}
.mgSong{width:100%; padding:5px 10px; box-sizing: border-box; background: #f5fbff; justify-content: flex-start;}
.songleft{ width:564px; height: 347px; }
.songleft embed, .songleft video, .songleft object {display: block;margin: 0px auto;text-align: center;}
.songleft #a0 {display: block;margin: 0 auto;text-align: center;width: 564px !important;height: 347px !important;}
.songleft audio {width: 564px !important;}
.songright{ width:584px;margin-left:15px;}
.songright .gequBox li{ line-height: 33px; overflow: hidden;zoom:1;margin:3px 0; cursor: pointer;}
.songright .gequBox li s,.songright .gequBox li h3,.songright .gequBox li span{ display: inline-block; float: left;}
.songright .gequBox li s{ width:14px; height: 12px; background: url(../images/mg-icon2.png) no-repeat;margin-top:11px;}
.songright .gequBox li h3{ width:82%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-left:10px; }
.songright .gequBox li span{ width:60px; float: right;}
.songright .gequBox li.current,.songright .gequBox li:hover{ color: #01a0c8;}
.songright .gequBox li.current s,.songright .gequBox li:hover s{ width:14px; height: 12px; background: url(../images/mg-icon.png) no-repeat;}
.songright .gequBox li:nth-child(even){ background: url(../images/mg-tmbg.png) no-repeat left;}

.gmzykBox{ margin-top:30px;}
.gmSearch{ width:344px; height: 36px; border:6px solid #edf7ff; border-radius: 30px; background: #fff; position: absolute; top:0; right: 0; justify-content: flex-start;}
.gmSearch select,.gmSearch input{ display: block; height: 36px; line-height: 36px; font-size: 16px;}
.gmSearch select{ width:100px;  background:url(../images/mg-line2.png) no-repeat right;padding-right:8px; box-sizing: border-box;margin-left:10px;text-align: center;}
.gmSearch input.shurk{ width:180px;margin-left:10px;}
.gmSearch input.btn-default{ width: 30px; height: 30px; background: url(../images/mg-cxbtn.png) no-repeat; margin-left:5px;}

.libraryBox{margin-top:20px;}
.libraryBox .hd{ width:100%; height: 55px; background: url(../images/mgline3.jpg) repeat-x center;}
.libraryBox .hd ul{ display:block; margin: 0 auto; width:42%; background: #fff; overflow: hidden;zoom:1;}
.libraryBox .hd ul li{ width:46%; text-align: center; float:left; margin: 0 2%; height:55px; line-height: 55px; font-size:20px; cursor: pointer;}
.libraryBox .hd ul li.on,.libraryBox .hd ul li:hover{ background: url(../images/mg-titbg.png) no-repeat; font-weight: bold; color: #088be7;}

.zylibraryBox{ width:100%; margin: 0 auto;}
.ziyuanlist{width:100%;} 
.ziyuanlist ul{display: flex;   justify-content:flex-start;   flex-direction: row;   flex-wrap: wrap; margin-top:20px;min-height: 260px;}
.ziyuanlist ul li{ width:24%; border: 1px solid #e9e9e9; border-radius: 5px; padding: 5px; box-sizing: border-box; margin: 0 0.5% 1.5% 0.5%;}
.ziyuanlist ul li .pic{ width:100%; border-top-left-radius: 5px;border-top-right-radius: 5px; height: 152px; overflow: hidden; background: #773536;}
.ziyuanlist ul li .pic img{  border-top-left-radius: 5px;border-top-right-radius: 5px; width: 100%; text-align: center;}
.ziyuanlist ul li .text{width:100%; margin:6px 0; line-height: 30px;}
.ziyuanlist ul li .text a{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*--翻页--*/
.page ul{display: flex;}
.page{overflow:hidden;zoom:1;margin:5px auto;  text-align:center; display:table ; font-size:14px !important;}
.page li a{ display:block; float:left;background:#fff; border:1px solid #d8d8d8; height:30px; line-height: 30px; padding:0px 12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:10px; text-align:center;color:#777;  }
.page li a:hover,.page li.current a{ background:#fc8933; color:#fff; border:1px solid #fc8933;}
li a.page1{ background:#fff;}
.page span{ display:block; float:left; padding:0 10px; line-height:30px; color:#777;}
.page span input{ display:inline;background:none; text-align:center; width:25px; height:23px;border:1px solid #d8d8d8; line-height:30px; background:#fff; margin:0px 5px;  outline:none; color:#444;}
span.tzhuan{ background:#fc8933; color: #fff; font-size: 16px;}