@charset "utf-8";
.f_bannerbox {
			width: 1180px;
			height: 100px;
			margin:  0 auto;
			padding-top: 20px;
			overflow: hidden;
		}
		.ponter_nav{
			margin:5px 0;
			padding-left: 30px;
			height: 30px;
			line-height: 30px;
			background: url(../img/point.png) no-repeat 8px center;
		}
		.ponter_nav a{
			padding:0 5px;
			font-size: 15px;
			color: #333333;
			line-height: 30px;
		}
		.ponter_nav a:hover{
			color: #F93461;
		}
		.dj_top_wrap{
			padding: 10px;
		}
		.dj_top_wrap .top_dlbox{
			width: calc((100% - 40px) / 3);
			float: left;
			margin-right: 20px;
		}
		.dj_top_wrap .top_dlbox:nth-of-type(3){
			margin-right: 0;
		}
		.top_dlbox h1{
			padding-left: 30px;
			font-size: 16px;
			color: #222;
			line-height: 30px;
			border-bottom: 1px #aaa solid;
			background: url(../img/top.png) no-repeat center left;
			position: relative;
		}
		.top_dlbox h1 a{
			position: absolute;
			right: 5px;
			font-size: 14px;
			color: #222222;
			line-height: 30px;
		}
		.top_dlbox h1 a:hover{
			color: #ff5252;
		}
		.top_dlbox dl{
			padding-left: 30px;
			position: relative;
		}
		.top_dlbox dl i{
			display: block;
		    width: 20px;
			height: 20px;
			top: 10px;
			left:0;
			text-align: center;
			color: #FFFFFF;
			border-radius: 5px;
			background-color:#AAAAAA;
			position: absolute;
			font-style: normal;
			font-size: 12px;
			line-height: 20px;
		}
		.top_dlbox dl .oni{
			background-color: #ff5252;
		}
		.top_dlbox dl span{
			display: block;
			top: 0;
			right:0;
			width: 60px;
			padding-left: 20px;
			background: url(../img/hot.png) no-repeat left center;
			line-height: 40px;
			color: #777;
			font-size: 13px;
			position: absolute;
		}
		.top_dlbox dl dt{
			line-height: 40px;
			padding-right: 60px;
			
		}
		.top_dlbox dl:nth-of-type(1)  dd{
			display: block;
		}
		.top_dlbox dl dt a{
			font-size: 15px;
			color: #444444;
			line-height: 40px;
			display: block;
			height: 40px;
			overflow: hidden;
		}
		.top_dlbox dl dt a:hover{
			color: #0586ff;
		}
		.top_dlbox dl dd{
			padding-left: 110px;
			position: relative;
			height: 140px;
			display: none;
		}
		.top_dlbox dl dd img{
			width: 100px;
			height: 140px;
			position: absolute;
			left: 0;
			top: 0;
		}
		.top_dlbox dl dd h2:nth-of-type(1){
			padding-top: 10px;
		}
		.top_dlbox dl dd h2{
			font-size: 14px;
			line-height: 26px;
			color: #555;
		}
		.top_dlbox dl dd a{
			display: block;
			margin-top: 10px;
			border:1px #0586ff solid;
			color: #0586ff;
			height: 26px;
			width: 80px;
			font-size: 14px;
			line-height: 26px;
			text-align: center;
		}
		.top_dlbox dl dd a:hover{
			color: #FFFFFF;
			background-color: #0586ff;
		}
		/*yeartop切换*/
		.yeartop{
				margin:20px 10px 10px 10px;
				position: relative;
			}
			.yeartop h1{
				height: 40px;
				font-size: 24px;
				line-height: 40px;
				color: #222222;
				border-bottom: 1px #0586ff solid;
				position: relative;
			}
			.tab_zlbtn{
				margin-top: 10px;
			}
			.tab_zlbtn span{
				float: left;
				display: block;
				height: 27px;
				font-size: 16px;
				margin-left: 10px;
				padding: 0 10px;
				line-height: 30px;
				color: #555;
				cursor: pointer;
				border-top: 3px #fff solid;
				border-left: 1px #fff solid;
				border-right: 1px #fff solid;
				border-bottom: 1px #0586ff solid;
			}
			.tab_zlbtn .span_btn{
				border-top: 3px #0586ff solid;
				border-left: 1px #0586ff solid;
				border-right: 1px #0586ff solid;
				border-bottom: 1px #fff solid;
				background-color: #FFFFFF;
				color: #0586ff;
			}
			.year_top_wrap{
				margin:10px 0 20px 0;
			}
			.year_top_wrap ul li{
				width: calc((100% - 121px) / 7);
				margin-right: 20px;
				float: left;
				height: 214px;
				background: pink;
				margin-bottom: 10px;
				position:relative;
			}
			.year_top_wrap ul li:nth-of-type(7n){
				margin-right: 0px;
			}
			.year_top_wrap ul li a{
				display: block;
				
			}
			.year_top_wrap ul li a img{
				width: 100%;
				height: 214px;
			}
			.year_top_wrap ul li a p{
				width: 100%;
				height: 30px;
				position: absolute;
				bottom: 0;
				left: 0;
				text-align: center;
				color: #AAAAAA;
				background-color: rgba(20,20,20,.6);
			}
			.year_top_wrap ul li:hover a p{
				color: #ffd800;
				background-color: rgba(20,20,20,.8);
			}
			.year_top_wrap ul li span{
				display: block;
				width: 28px;
				height: 28px;
				line-height: 28px;
				text-align: center;
				background-color: #42a4ff;
				color: #FFFFFF;
				position: absolute;
				top: 0;
				right: 0;
			}