@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}


/*header*/
.header{max-width:980px; margin:0 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:16px;transition:all 0.4s;}
.header .right a:hover{color:#f50008;}

/*banner*/
.banner img{width:100%;}

.title{
	max-width:1100px;
	margin: auto;
	margin-top:60px;
	padding:1px 0 5px 0;
}
.title h1{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#f50008;
}


.al{
	max-width:1100px;
	margin: auto;
}
.al a{
	width:30%;
	float:left;
	margin-top:20px;
}
.al a:nth-child(2){
	margin-left:5%;
	margin-right:5%;
}
.al a:nth-child(5){
	margin-left:5%;
	margin-right:5%;
}
.al img{
	width:100%;
	height:226px;
	transition:all 0.3s;
}
.al p{
	font-size:18px;
	line-height:30px;
	margin-top:10px;
	height:50px;
	transition:all 0.3s;
}
.al a:hover img{
	box-shadow:0 0 3px #333;
}
.al a:hover p{
	color:#f50008;
}


.jn{
	max-width:1100px;
	margin: auto;
	margin-top:20px;
}
.jn_list{
	width:40%;
	float:left;
}
.jn_list a{
	font-size:18px;
	line-height:36px;
	border-bottom:#eee solid 1px;
	transition:all 0.3s;
}
.jn_show{
	width:60%;
	height:828px;
	overflow:scroll;
	overflow-x:hidden;
	float:right;
	position:relative;
}
.jn_show .current{
	background:#f02222;
	color:#fff;
}
.jn_show::-webkit-scrollbar-button{
	background:#5a1317;
}
.jn_show::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    scrollbar-arrow-color:red;
}
.jn_show::-webkit-scrollbar-thumb {
    background: #f02222;
    scrollbar-arrow-color:red;
}
.jn_show::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.jn_btn{
	position:absolute;
	top:0;
	width:100%;
}
.jn_btn input{
	float:left;
	width:8.92%;
	padding:5px 0;
	margin:1px 1px 0 0;
	background:#eee;
}
.jn_img li{
	display:none;
}
.jn_img img{
	width:100%;
}
.jn_list a:hover{
	border-bottom:#f50008 solid 1px;
}




.pt{
	max-width:1100px;
	margin: auto;
	margin-top:20px;
}

.pt-box{
	box-shadow:0 0 3px #333;
	float:left;
	width:525px;
	margin-top:20px;
	background-color:rgba(255,255,255,1);
}

.pt .pt-box:nth-child(odd){
	margin-right:50px;
}

.pt-title{
	height:30px;
	background-color:#f50008;
}

.pt-title h2{
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
	font-weight:bold;
	color:#fff;
}

.pt-title a{
	float:right;
	margin-right:4px;
	line-height:30px;
	font-size:14px;
	color:#ddd;
	transition:all 0.5s;
}

.pt-title a:hover{
	color:#fff;
}

.pt-title img{
	height:28px;
	margin-top:1px;
}

.pt p{
	width:310px;
	margin-left:4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pt p a{
	transition:all 0.5s;
	line-height:30px;
	color:#000;
	font-size:13px;
}
.pt p a:hover{
	color:#f50008;
}



.zt{
    max-width:1100px;
    margin: auto;
    margin-top:20px;
}
.zt li{
    float:left;
    width:525px;
    height:90px;
}
.zt li img{
    width:100%;
	height:100%;
}
.zt li:first-child{
	margin-right:50px;
}

.footer a{
	transition:all 0.5s;
}
.footer a:hover{
	color:#f50008;
}


@media(max-width:1100px){
	.jn_list{
		width:96%;
		margin: auto;
		float:none;
	}
	.jn_list li{
		text-align:center;
		line-height:80px;
	}
	.jn_list a{
		line-height:normal;
	}
	.jn_show{
		width:100%;
		float:none;
		height:1000px;
		margin-top:20px;
	}
	.jn_img{
		width:100%;
	}

	.pt-box{
		width:465px;
	}

	.zt li{
		width:465px;
	}
}