@charset "utf-8";
/* CSS Document */
*{ padding:0 ; margin:0 ;}
#top{ background-image:url(../images/top-bg.png); height:37px;}
img{ border:0;}
body{ font-size:16px; color:#1b1b1b; font-family:"微软雅黑"}
.topms{ height:37px; width:1097px; margin:0 auto; line-height:37px; font-size:14px;}
.topm{ height:37px;  float:right;}
.topm01{ float:left; height:37px;}
.sy{ height:37px; float:left; width:60px; margin-left:15px;}
#lg{ height:97px; margin:0 auto; width:1097px;}
.logo{ width:370px; height:97px; float:left;}
.menu{ height:52px; float:right; width:695px; margin-top:23px;}
.sytb{ width:54px; height:52px; float:left;}
.sytbm{ height:52px; width:639px; float:left; line-height:52px;}
.sytbm ul{ list-style:none;}
.sytbm ul li{ list-style:none; float:left; margin-left:35px;}
#banner{ height:358px; background-image:url(../images/banner.jpg); background-position:center; background-repeat:no-repeat;}
#banner1{ height:358px; background-image:url(../images/banner1.jpg); background-position:center; background-repeat:no-repeat;}
#cp{
	width: 1153px;
	height: 420px;
	margin: 0 auto;
	margin-top: 40px;
}
.cpbt{ height:42px; background-image:url(../images/zxdq.png);background-repeat:no-repeat; background-position:center;}
.cpbt1{ height:42px; background-image:url(../images/cp1.jpg);background-repeat:no-repeat; background-position:center;}
.cpm01{
	height: 300px;
	margin-top: 37px;
}
.cp01{
	width: 373px;
	height: 299px;
	float: left;
}
.cp02{
	width: 373px;
	height: 299px;
	float: left;
	margin-left: 16px;
}
.cpt{ height:253px;}
.cpt .cpt_sub{ height: 40px; text-align: center; line-height: 40px; position: relative; bottom: 44px; color: #fff; font-size: 22px; background-color: rgba(111, 111, 111, 0.8);}
.cpwz{ height:64px; background-color:#FFF;}
.bbt{ width:285px; height:35px; margin:0 auto;}
.bbt01{ width:102px; height:35px; float:left; background-image:url(../images/btn01.png);}
.bbt02{ width:102px; height:35px; float:left; background-image:url(../images/btn02.png); float:right;}
.cpj{ width:85px; height:32px; margin:0 auto; line-height:32px; color:#FFF; text-align:center; margin-top:1px;}
#xz{ width:1153px; height:447px; margin:0 auto; margin-top:35px;}
.xzbt{ height:42px; background-image:url(../images/xzbt.png); background-repeat:no-repeat; background-position:center;}
.xztu{ height:332px; margin-top:40px;}
.xz01{ width:265px; height:330px; float:left;}
.xz02{ width:265px; height:330px; float:left; margin-left:30px;}
.xzt01{ height:271px;}
.xzcs{ height:60px; width:200px; margin:0 auto;}
.xz001{ width:100px; float:left; height:31px; margin-top:15px; line-height:31px; font-size:14px;}
#news{ width:1150px; height:410px;  margin:0 auto;margin-top:15px;}
.nbt{ height:42px; background-image:url(../images/yyxw.png); background-repeat:no-repeat; background-position:center;}
.nms{ height:312px; margin-top:40px;}
.nwtu{ width:406px; height:286px; background-image:url(../images/ntu.jpg); float:left;}
.xw{ width:730px; height:295px; float:left;}
.nlb{ width:666px; height:49px; border-bottom:1px #a8a8a8 dashed;}
.tbb{ width:26px; height:41px; float:left; margin-top:3px;}
.tbbms{ float:left; width:640px; height:41px; line-height:41px;}
#hzuo{ width:1156px; height:300px; margin:0 auto;}
.hzbt{ height:71px; background-image:url(../images/hzhb.png); background-repeat:no-repeat; background-position:center;}
.hztu{ height:180px;  margin-top:45px;}
.anli{ width:355px; height:70px; margin:0 auto; margin-top:50px;}
#bottom{ height:280px; margin-top:50px; background-color:#2E2E2E; color:#FFF;}
.btnr{ width:940px; height:145px; margin:0 auto;}
.zb01{ width:400px; height:40px; float:left; margin-left:350px; line-height:35px; font-size:15px; text-align:center;}
.blogo{ width:229px; height:95px; background-image:url(../images/blogo.png); float:left;}
.b01{ width:646px; height:105px; float:left; margin-left:180px; line-height:35px; font-size:15px;}
.yx01{ width:157px; height:150px; float:left;}
.yx02{ width:157px; height:150px; margin-left:39px; float:left;}
.more{ width:110px; height:30px; float:right; margin-top:12px;}


.a1:link{text-decoration:none; color:#000;}
.a1:visited{text-decoration:none; color:#000;}
.a1:hover{text-decoration:underline; color:#000;}
.a1:active{text-decoration:none; color:#000;}

.a2:link{text-decoration:none; color:#FFF;}
.a2:visited{text-decoration:none; color:#FFF;}
.a2:hover{text-decoration:underline; color:#FFF;}
.a2:active{text-decoration:none; color:#FFF;}

.a3:link{text-decoration:none; color:#000;}
.a3:visited{text-decoration:none; color:#000;}
.a3:hover{text-decoration:underline; color:#f57b04;}
.a3:active{text-decoration:none; color:#000;}
#jf{ width:1156px; margin:0 auto; height:50px; margin-top:10px; font-size:16px; line-height:32px;}


#login{ width:470px; height:460px; margin:0 auto; margin-top:30px; border:5px solid #CCC; font-size:14px;}
.lbt{ width:450px; height:60px; margin:0 auto; margin-top:10px; border-bottom:1px solid #CCC; text-align:center; line-height:60px; font-size:20px;}
.dl01{ width:420px; height:30px; margin:0 auto; margin-top:30px; }
.s1{ width:260px; height:30px; color:#666;}
.s2{ width:130px; height:30px; color:#666;}
.jm{width:420px; height:30px; margin:0 auto; margin-top:30px;}
.jm01{ width:220px; height:30px; float:left; line-height:30px;}
.jm02{ width:100px; float:left; color:#930; height:30px; line-height:30px; margin-left:80px;}
.jm03{ width:330px; height:30px; float:left; line-height:30px;}
.btn{ width:360px; height:50px; margin:0 auto; margin-top:30px;}
.ts{ width:360px; height:50px; margin:0 auto; margin-top:30px;}


.a4:link{text-decoration:none; color:#930;}
.a4:visited{text-decoration:none; color:#930;}
.a4:hover{text-decoration:underline; color:#930;}
.a4:active{text-decoration:none; color:#930;}

#zhuce{width:500px; height:590px; margin:0 auto; margin-top:30px; border:5px solid #CCC; font-size:15px;}
.s6{ color:#F00;}

.ww{ width:40px; height:40px; float:left;}
.wzz{ width:200px; float:left; line-height:40px;}


/* 播放器 主容器样式 */
#box1{            
	display: flex;
	width: 600px;
	height: 500px;				
	flex-direction: column;				
}
/* 音频列表容器样式 */
#audioList{
	display: flex;
	flex-direction: column;				
	width: 600px;
	height: 400px;
	
}
/* 音频信息容器样式 */
#audioInfo{	
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center; 				
	width: 600px;
	height: 50px;
}
/* 音频控制容器样式 */
#audioContro{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;				
	width: 600px;
	height: 50px;
}
/* 歌曲列表复选框样式 */
#audioList select{
	height: 400px;
	border: 1px solid gray;
	border-radius: 2%;				
}
/* 进度条样式 */
#audioSlider{
	width: 400px;
}
/* 图标样式 */
#audioContro img{
	width: 40px;
	height: 40px;
}
#audioStata{
	display: flex;
	flex-direction: column;
	font-size: 10px;
	
}
#voiceSlider{
	position: absolute;
	display: none;				
	height: 80px;
	left: 300px;
	top: 380px;
	background-color: red;
	/* writing-mode: bt-lr; */
	-webkit-appearance:slider-vertical;
}