@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#555;}
body,p,h1,h2,h3{margin:0;}
a{text-decoration:none;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}

/*header*/
.header{max-width:980px;margin: auto;overflow:hidden;}
.header .logo{float:left;margin-top:2px;}
.header .right{float:right;line-height:50px;text-align:right;}
.header .right a{font-size:14px;transition:all 0.5s;}
.header .right a:hover{color:#ad0004;}

/*banner*/
.banner img{width:100%;}

.dd{
	max-width:940px;
	margin: auto;
	border:#eee solid 2px;
	box-shadow:0 0 10px #333;
	padding:10px 30px
}
.dd h1{
	font-size:20px;
	color:#ad0004;
}
.dd p{
	line-height:32px;
	margin-top:10px;
	font-size:16px;
}
.dd span{
	font-size:16px;
	color:#111;
}

.bd{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}
.bd li{
	border:#eee solid 1px;
	text-align:center;
	margin:10px 0;
	padding:10px 0; 
	transition:all 0.5s;
}
.bd li a{
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	width:100%;
	height:100%;
	transition:all 0.5s;
}
.bd li:hover{
	border:#ad0004 solid 1px;
	background:#ad0004;
}
.bd li:hover a{
	color:#fff;
}

.title{
	max-width:1000px;
	margin: auto;
	margin-top:60px;
	padding-bottom:10px;
	border-bottom:#eee solid 1px;
}
.title i{
	width:5px;
	height:20px;
	background:#ad0004;
	float:left;
	margin-top:10px;
}
.title h1{
	font-size:30px;
	color:#333;
	margin-left:10px;
}
.title a{
	float:right;
	font-size:16px;
	margin-bottom:10px;
	transition:all 0.5s;
}
.title a:hover{
	color:#ad0004;
}


.btn{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.btn input{
	width:25%;
	height:40px;
	float:left;
	text-align:center;
	font-size:16px;
}
.btn .current{
	background-color:#ad0004;
	color:#fff;
}

.tu{
	max-width:1000px;
	margin: auto;
	height:700px;
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
}
.tu li{
	position:absolute;
	top:0;
	left:0;
	float:left;
	display:none;
}


.bg{
	width:100%;
	height:280px;
    overflow: hidden;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
}

.kp-box{
	max-width:1000px;
	margin: auto;
	margin-top:10px;
}
.kp a{
	width:200px;
	height:100px;
	border-radius:4px;
	background:rgba(238,238,238,0.75);
	float:left;
	margin:10px;
	padding:5px 15px 0 15px;
	box-shadow:0 0 5px #333;
	transition:all 0.5s;
}
.kp h2{
	font-size:16px;
	line-height:32px;
	color:#333;
	text-align:center;
}
.kp a:hover{
	background:#ad0004;
}
.kp a:hover h2{
	color:#fff;
}
.kp a:hover p{
	color:#fff;
}


.zt{
	max-width:1000px;
	margin: auto;
	margin-top:10px;
}
.zt li{
	float:left;
	width:300px;
	border-radius:5px;
	overflow:hidden;
	margin:10px 16.5px;
	transition:all 0.5s;
}
.zt li img{
	width:100%;
	height:200px;
}
.zt li p{
	background-color:#eee;
	padding:5px 10px;
	height:40px;
	color:#777;
	transition:all 0.5s;
}
.zt li:hover{
	box-shadow:0 0 5px #333;
}
.zt li:hover p{
	color:#111;
}
	


.img{
	height:480px;
	overflow:scroll;
	overflow-x:hidden;
	margin-top:20px;
	border:#ccc solid 1px;
}
.img a{
	border:#ccc solid 2px;
	float:left;
	margin:5px 3px;
}
.img a p{
	text-align:center;
	font-weight:bold;
	transition:all 0.5s;
}
.img a img{
	opacity:0.8;
	transition:all 0.5s;
}
.img a:hover{
	border:#ad0004 solid 2px;
}
.img a:hover p{
	color:#ad0004;
}
.img a:hover img{
	opacity:1;
}


.zjbg{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.zjbox{
	border:#eee solid 1px;
	float:left;
	width:480px;
	margin-top:10px;
}
.box-r{
	margin-right:3.6%;
}
.box-title{
	height:30px;
	background-color:#ad0004;
}
.box-title a{
	font-size:14px;
	float:right;
	margin-right:4px;
	color:#fff;
	line-height:30px;
}
.zj-l{
	float:left;
}
.zj-l img{
	width:130px;
	height:140px;
}
.zj-l a{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-top:5px;
	text-align:center;
	transition:all 0.5s;
}
.zj-l a:hover{
	color:#ad0004;
}
.zj-l p{
	width:130px;
	margin-top:5px;
	font-size:12px;
}
.zj-r{
	float:left;
	margin-left:5px;
}


.yj{
	max-width:1000px;
	margin: auto;
}
.zq-box{
	width:478px;
	float:left;
	margin-top:20px;
	background-color:#fff;
	border:#eee solid 1px;
}
.zq-lr{
	margin-left:40px;
}
.zq-title{
	height:30px;
	line-height:30px;
	background-color:#ad0004;
}
.zq-title h3{
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-left:5px;
	color:#eee;
}
.zq-title a{
	float:right;
	margin-right:5px;
	color:#eee;
	transition:all 0.5s;
}
.zq-title a:hover{
	color:#fff;
}
.zq-title a img{
	height:26px;
	margin-top:2px;
	background-color:#fff;
}


@media(max-width:1000px){
	.kp a{margin:10px 7.5px;}
	.img a{margin:5px 2px;}
	.zt li{margin:10px 13.3px;}
	.box-r{margin-right:1.4%;}
	.zq-lr{margin-left:20px;}
}


