@charset "utf-8";
/* CSS Document */
body,div,ul,li,span,dl,dt,dd{margin: 0; padding: 0; color: #013a49;font-family: "Microsoft YaHei";}
ul,li,b,span,dl,dt,dd{ display:block;}
a,a:link,a:visited,a:active{text-decoration: none;}
a{font-size: 16px;color:#24221e;}
a:hover{color: #CC0000;}
img{border: none;display:block;}
img,table,tbody,tr,td { max-width: 100%;text-align:left;}
.content{ width:100%; float:left; overflow:hidden;}
.top{ background:url(http://www.yunyangwang.com/yyw_images/yydsr/bp1.jpg) no-repeat top center; position:relative; height:472px;}
.c_head{ width:100%; height:35px; background-color:#f5f5f5; }
.c_head ul{width:1000px;height:35px; display:block;margin:0px auto;}
.c_head ul li{display:block;height:35px; float:left;}
.c_head ul li a{ display:block;padding:0px 10px; height:35px; line-height:35px;color:#333;}
.c_head ul li a:hover,.c_head ul li .cur{background:#cc0000;color:#fff;}
.next{ width:100%; height:100px;  background:url(http://video.yunyangwang.com/yyw_images/dts/001.gif) no-repeat center center; position:absolute; bottom:10px;}
.bj02{ background:#ccc;}
.c_c{ width:1000px; height:auto; margin:0px auto; position:relative;}
.more{ width:95px; height:200px; position:absolute; right:-90px; top:10px;}
.bj03{ background:#222;}
#yyw_video{ margin:10px auto; width:1000px; height:360px;}

.sp_list dl{ width:23%; margin:10px 1%; height:auto; overflow:hidden; background-color:#fff; float:left;}
.sp_list dl dt{ width:94%; height:auto; padding:8px 3% 0px 3%; float: left;}
.sp_list dl dd{ width:94%; height:30px; line-height:30px; color:#c30;padding:0px 3%; float:left;}
.sp_list dl dd a{ display:block; width:80%; margin:0px 10% 4px 10%; background-color:#CC3300;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; text-align:center; height:26px; line-height:26px; color:#FFF; }
.m_top{ display:none;}
.bj04{ background:#f07c3d;}
.bj05{ background:#eee;}
.video{ background:#222;}
#dz2{ display:none;}
.more a{ font-size:24px; color:#FFF;}


.djs{ width:1000px; height:auto; margin:0px auto;}
h3{
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	height: 40px;
	width: 800px;
	margin:10px auto 0px auto;
}
.colockbox{width:560px;height:50px;overflow: hidden;margin:20px auto 20px auto;}
.colockbox span{float:left;display:block;width:60px;height:50px;line-height:50px;font-size:26px; font-weight:bold;text-align:center;color:#ffffff; margin-right:10px;background:#c30;}
@media screen and (max-device-width: 1090px) { 
.m_top{ display:block; width:100%; height:auto; overflow:hidden;}
.top{ display:none;}
.c_head{ display:none;}
.c_c{ width:98%; margin:0px 1%;}
.sp_list dl{ width:48%; margin:10px 1%; height:auto; overflow:hidden; background-color:#fff; float:left;}
a{font-size: 14px;}
#yyw_video,.djs{ margin:0px; width:100%; height:220px;}

.more{ width:95px; height:200px; float:left;position:static;}
.colockbox{width:90%;height:50px;overflow: hidden;margin:20px 5%;}
.colockbox span{float:left;display:block;width:10%;height:50px;line-height:50px;font-size:16px; font-weight:bold;text-align:center;color:#ffffff; margin-right:1%;background:#c30;}
h3{
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	height: 40px;
	width: 100%;
	margin:20px auto 0px auto;
}
}