﻿/* 首页样式 */


.news_content{
	width: 100%;
	height: 360px;
	background: #f2f2f2;
}
.moudle_content{
	width: 100%;
	height: 470px;
	margin-top: 10px;
	
}

.function_content{
	width: 100%;
	height: 360px;
	background: #f2f2f2;
}
.news_pic{
	float: left;
	position: relative;
	width: 560px;
	height: 320px;
	z-index: 2;
	padding: 2px;
	margin-top: 20px;
}

.news_pic ul li{
	position: absolute;
	float:left;
	top:0px;
	left: 0px;
	z-index: 1;

}

.news_pic img{
	width: 560px;
	height: 310px;
	
	margin-bottom: 0px;
}
.slidebar{
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 461px;
	height: 30px;
	background: black;
	z-index: 2;
	line-height: 30px;
	padding-left: 15px;
	opacity:0.8;
}
.slidebar span{
	color: #fff;
	font-size: 12px;
}





.news_list{
	float: left;
	margin-left: 10px;
	width: 650px;
	height: 320px;
	margin-top: 20px;
	padding: 2px;
}
.news_list_top{
	width: 100%;
	height:45px;
	position:relative;
}
.news_list_top .left_top{
	float: left;
	width: 130px;
	height: 45px;
	line-height: 45px;
	padding-left: 10px;
	color:#fff;
   
}
.news_list_top .left_top span{
	display: block;
	font-size: 16px;
	font-weight: 500;
	width: 110px;
	height: 45px;
	line-height: 45px;
	background: #a21f7b;
	text-align: center;
}

.news_list_top .right_top{
	
	width: 60px;
	text-align: right;
        position:absolute;
        bottom:2px;
       right:0px;
}
.news_list_top .right_top a{
	color:#666;
	font-size: 12px;
}
.news_list_top .right_top a:hover{
	text-decoration: underline;
	color:red;
}

.first_news{
	padding-top: 15px;
	width: 740px;
	height: 100px;
	border-bottom: 1px dashed  #666;
}
.first_news h4{
	font-weight: 500;
	color:red;
	font-size: 14px;
}
.first_news p{
	margin-top: 5px;
	font-size: 10px;
	letter-spacing: 2px;
	color:#666;
	height: 50px;
	line-height: 25px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new_list{
	margin-top: 20px;
	width: 650px;
        float:left;
       
}
.new_list ul{
	list-style-type:square;
	color:#666;
	padding-left: 16px;
}
.new_list ul li{
	margin-top: 10px;
        height:20px;
}
.new_list ul li a{
	display: block;
	float: left;
	height: 20px;
        width:150px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.new_list ul li a:hover{
	color:red;
	text-decoration: underline;
}

.new_list ul li span{
	display: inline-block;
	float: right;
}




.moudle{
	display: block;
	width: 320px;
	height: 440px;
	padding: 5px 0;
	float: left;
	margin:0 7px;
}
.moudle .title{
	height: 50px;
	width: 100%;
	border-bottom: 2px solid #b5b5b5;
	padding-bottom: 13px;
}
.news_list_top .img_news{
	width: 45px;
	height: 45px;
	line-height: 45px;
	float: left;
	background: url(../img/news.png) center no-repeat;
}
.news_list_top .img_new{
	width: 45px;
	height: 45px;
	line-height: 45px;
	float: left;
	background: url(../img/new.png) center no-repeat;
}
.moudle  span{
	display: block;
	font-size: 16px;
	font-weight: 500;
	width: 110px;
	height: 45px;
	line-height: 45px;
	background: #a21f7b;
	text-align: center;
	color: #fff;
	float: left;
}
 .moudle .img_new{
	width: 39px;
	height: 39px;
	line-height: 45px;
	float: left;
	margin-left: 15px;
	background: url(../img/new.png) center no-repeat;
}

.moudle .img_group{
	width: 39px;
	height: 39px;
	line-height: 45px;
	float: left;
	margin-left: 15px;
	background: url(../img/group.png) center no-repeat;
}

.moudle .img_guide{
	width: 39px;
	height: 39px;
	line-height: 45px;
	float: left;
	margin-left: 15px;
	background: url(../img/guide.png) center no-repeat;
}

.moudle h1{
	width: 25px;
	height: 39px;
	line-height: 60px;
	color:#b5b5b5;
	font-size: 12px;
	float: right;
	text-align: right;
	margin-right: 15px;
	margin-bottom: 0px;
	font-weight: 900;
}

.moudle ul{
	margin-top: 5px;
}
.moudle ul li{
	width:100%;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	
}
.moudle ul li.firstList img{
	margin-bottom: 5px;
}
.moudle ul li.firstList{
	height: 145px;
	width: 100%;
	border-bottom: 1px dashed #b5b5b5;
	padding-bottom: 3px;
}

.moudle h2{
	font-size: 14px;
	width: 70%;
	font-weight: 500;
	float: left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
        color:#000;
}

.moudle .right-title{
	float: right;
}

.right-title h2{
	width: 100%;
	color:#666 !important;
}

.firstList h2{
	width:100%;
	height: 20px;
	
}
.firstList .right-title{
	clear: both;
	float: left;
	margin-left: 0px;
}
 ul.guide{
 	background: #fafafa;
 	outline: none;
 	margin: 0;
 	padding: 0;
	margin-top: 10px;
 }

 ul.guide  li{
	width: 90%;
	height: 57px;
	line-height: 57px;
	border-bottom: 1px solid #ddd;
	margin: auto;
	margin-top: 10px;

}

 ul.guide  li h2{
 	color:#4378BA;
 	overflow: hidden;
	text-overflow:ellipsis;
 	white-space: normal;
 	font-size: 13px;
 	letter-spacing: 1px;
 }



.fun_list{
	float: left;
	width: 100%;
	height: 340px;

}
.fun_list .title{
	height: 45px;
	line-height: 45px;
	margin-top:10px;
}
.fun_list .title .img_server{
	width:39px;
	height: 39px;
	line-height: 45px;
	float: left;
	margin-right: 15px;
	background: url(../img/server.png) center no-repeat;
}

.fun_list .title span{
	display: block;
	font-size: 16px;
	font-weight: 500;
	width: 110px;
	height: 45px;
	line-height: 45px;
	background: #a21f7b;
	text-align: center;
	color: #fff;
	float: left;
}
.fun_list ul{
	height: 260px;
	width: 100%;
	padding: 10px;
}

.fun_list ul li{
	width: 160px;
	height: 120px;
	margin:10px 20px;
	float: left;
	text-align: center;
	
}
.fun_list ul li p{
	margin-top: 5px;
}
.fun_list ul li p img{
	width: 90px;
	height: 90px;
}
.fun_list ul li p span{
	font-size: 12px;
	font-weight: 500;

}


.contact{
	float: left;
	margin-left: 10px;
	width: 390px;
	height: 440px;
}

.contact img{
	margin: 10px 10px;
        width:90%;
}

.dtjt9_div_text .dtjt9_div_text_title{
	background: #000;
	opacity: .85;
	height: 24px;
	width: 99.9%;
	position: absolute;
	bottom: 24px;
	text-align: left;
padding-left: 4px;
}
.dtjt9_div_text .dtjt9_div_text_title a{
	color:#fff;
}

.dtjt9_div_img .number{
   bottom: 0px;
  z-index:999;
}



