﻿@charset "utf-8";
div, p, dl, dd, h1, h2, h3, h4, h5, h6, a, b, u, em, input, textarea, button, 
select, form, section, label, span, td, li, nav, footer, body, ul, i ,table 
{ /*-webkit-box-sizing: border-box; box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);*/ /*设置或检索对象的轻按时高亮*/
  word-wrap: break-word; word-break: break-all; padding: 0; margin: 0;
-webkit-appearance: none;border-radius: 0;  
  }
a, img, input, button, textarea { -webkit-touch-callout: none; }
a:focus, a:active, a:hover, input, button, textarea { outline: none; }

table { border-collapse: collapse; }
body
{
	font-family:microsoft yahei,helvetica,arial;
	font-size:.95em;
	background:#fff;
	margin: 0px;
	padding: 0px;
	color:#333;
	-webkit-user-select: none;
}

html,body{
/*height:100%;*/
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
button {
-webkit-appearance: none;
}

a
{
	color:#333;
	text-decoration: none;
}
a:hover
{
	color:#C82126;
	text-decoration: none;
}
a img{
border:none; 
}
form
{
	margin: 0px;
	padding: 0px;
}
ul, li,dl,dd
{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

table tr td, div, ul li,dl dd
{
	white-space: normal;
	word-break: break-all;
}
input,select{
	font:.95em "microsoft yahei",verdana;
	}
img{
	vertical-align:middle;
	}

.clear{
	clear:both;
	}
	

.top {
	width:100%;
	min-width:1200px;
	height:100px;
	background:url(../img/top-bg.png) no-repeat;
	background-position:50% 100%; 
	}
	.top_main {
		width:1200px;
		height:100px;
		margin:auto;
		}
		.top h1{
			width:180px;
			line-height:100px;
			display:inline-block;
			float:left;
			}
		.top span{
			display:inline-block;
			font-size:14px;
			color:#fff;
			float:right;
			}
		.top span a{
			color:#fff;
			display:inline-block;
			margin-top:47px;
			}
		.top span a:hover{
			color:#Ccc;
			}
			
	.top_nav{
		width:770px;
		font-size:18px;
		margin-left:160px;
		float:left;
		}
		.top_nav a{
			width:110px;
			height:55px;
			padding-top:45px;
			text-align:center;
			color:#fff;
			display:inline-block;
			}
		a.top_nav_on{
			background:rgba(0,0,0,.1);
			}
		.top_nav a:hover{
			background:rgba(0,0,0,.1);
			}
.mtop_10 {
		margin-top:10px !important;
		}
.mtop_20 {
		margin-top:20px !important;
		}
.mtop_30 {
		margin-top:30px !important;
		}
.mtop_40 {
		margin-top:40px !important;
		}
.mtop_50 {
		margin-top:50px !important;
		}
.h_30{
	width:100%;
	height:30px;
	float:left;
	}

.h_50{
	width:100%;
	height:50px;
	float:left;
	}
.banner {
	width:100%;
	min-width:1200px;
	height:416px;
	background:url(../img/banner.jpg ) no-repeat;
	background-position:50% 100%;
}
	
.full{
	width:1200px;
	margin:auto;
	}
	.full_600{
		width:600px;
		padding-left:40px;
		float:left;
		}
	.full_560{
		width:560px;
		float:left;
		}
.bt{
	width:100%;
	font:normal 24px "microsoft yahei";
	line-height:40px;
	color:#C82126;
	padding-bottom:8px;
	border-bottom:solid 1px #e8e8e8;
	margin-bottom:5px;
	}
	.bt span{
		font-size:14px;
		float:right;
		}
	.bt a{
		color:#C82126;
		}
	.bt a:hover{
		color:#000;
		}
	.bt:before{
		content:"";
		width:6px;
		height:24px;
		background:#C82126;
		display:inline-block;
		float:left;
		margin:10px 14px 0 0;
		}
	.noline{
		border-bottom:none !important;
		}
	.news{
		width:100%;
		font-size:17px;
		}
		.news li{
			width:100%;
			line-height:33px;
			float:left;
			}
		.news_line36 li{
			line-height:35px;
			}
		.news_first a{
			width:80%;
			font-weight:600;
			color:#C82126 !important;
			white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
			display:inline-block;
			vertical-align:middle;
			}
		.news li a{
			width:80%;
			white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
			display:inline-block;
			vertical-align:middle;
			}
		.news li span{
			float:right;
			color:#aaa;
			text-align:right;
			}
		.news li i{
			padding-left:20px;
			font-size:15px;
			font-style:normal;
			line-height:20px;
			color:#bbb;
			display:inline-block;
			}
		.news a:hover{
			color:#C82126;
			}
	.about_bt{
		width:135px;
		height:190px;
		font-size:18px;
		font-weight:normal;
		line-height:35px;
		padding-left:15px;
		background:url(../img/about-bt.png) no-repeat;
		color:#fff;
		position:relative;
		z-index:0;
		float:left;
		}
		.about_bt strong{
			display:block;
			font-size:30px;
			line-height:40px;
			padding-top:20px;
			}
		.about_bt a{
			width:60%;
			display:block;
			font-size:13px;
			line-height:30px;
			padding:0 10px;
			border:solid 1px #fff;
			color:#fff;
			border-radius:3px;
			bottom:20px;
			position:absolute;
			z-index:1;
			}
			.about_bt a:hover{
				background:#fff;
				color:#C82126;
				}
	.about_box{
		width:380px;
		height:158px;
		border:solid 1px #e8e8e8;
		padding:15px 13px 15px 15px;
		font-size:16.5px;
		line-height:30px;
		float:left;
		}	
		.about_box span{
			display:block;
			margin-top:20px;
			}
		.about_box a{
			width:100px;
			text-align:center;
			font-size:15px;
			color:#C82126;
			line-height:31px;
			border:solid 1px #C82126;
			border-radius:50px;
			display:inline-block;
			margin-right:20px;
			}
		.about_box a:hover{
			color:#fff;
			background:#C82126;
			}
	.dangjian{
		width:560px;
		float:left;
		}
	.brand_bt{
		width:135px;
		height:345px;
		font-size:18px;
		font-weight:normal;
		line-height:35px;
		padding-left:15px;
		background:url(../img/brand-bt.png) no-repeat;
		color:#fff;
		position:relative;
		z-index:0;
		float:left;
		}
		.brand_bt strong{
			display:block;
			font-size:30px;
			line-height:40px;
			padding-top:20px;
			}
		.brand_bt a{
			width:60%;
			display:block;
			font-size:13px;
			line-height:30px;
			padding:0 10px;
			border:solid 1px #fff;
			color:#fff;
			border-radius:3px;
			bottom:20px;
			position:absolute;
			z-index:1;
			}
			.brand_bt a:hover{
				background:#fff;
				color:#C82126;
				}
	.brand_box{
		width:398px;
		height:335px;
		border:solid 1px #e8e8e8;
		padding:5px;
		line-height:30px;
		float:left;
		}	
		.brand_box a{
			width:129px;
			text-align:center;
			/*margin-bottom:5px;*/
			display:inline-block;
			vertical-align:middle;
			}
			.brand_box img{
				width:110px;
				height:auto;
				display:block;
				margin:auto;
				vertical-align:middle;
				}


	.h_contact{
		font-size:17px;
		line-height:33px;
		}
		.h_contact span{
			float:right;
			font-size:16px;
			text-align:center;
			display:inline-block;
			}
		.h_contact span a{
			display:inline-block;
			}
		.h_contact span a:hover{
			color:#C82126;
			}
		.h_contact span a:first-child{
			margin-right:10px;
			}	
		.h_contact span img{
			width:120px;
			height:120px;
			padding:2px;
			border:solid 1px #e8e8e8;
			display:block;
			}
	.bottom{
		width:100%;
		min-width:1200px;
		border-top:solid 2px #C82126;
		padding:15px 0;
		color:#333;
		text-align:center;
		line-height:40px;
		margin:auto;
		}
		.bottom a{
			color:#333;
			}
		.bottom a:hover{
			color:#C82126;
			}

/*---------------------about-----------------------*/

	.full_880{
		width:880px;
		margin-left:40px;
		display:inline;
		float:left;
		}
	.full_280{
		width:280px;
		float:left;
		}
		
	.panel_left{
		width:100%;
		border:solid 1px #e8e8e8;
		padding:10px 0 80px 0;
		float:left;
		}
		.s_nav{
			margin-top:20px;
			}
		.s_nav a{
			display:block;
			padding-left:20px;
			font-size:17px;
			line-height:42px;
			color:#333;
			margin-top:5px;
			}
		.s_nav a:hover{
				background:#C82126;
				color:#fff;
			}
			a.s_nav_on{
				background:#C82126;
				color:#fff;
				}

	.content{
		width:100%;
		font:18px microsoft yahei;
		line-height:30px;
		color:#333;
		float:left;
		}
		.content h2{
			display:block;
			font-size:30px;
			text-align:center;
			line-height:60px;
			}
		.content img{
			display:block;
			text-align:center;
			margin:auto;
			}
		
		
	.s_news{
		width:100%;
		}
		.s_news li{
			width:248px;
			padding:0 10px 0 20px;
			font-size:17px;
			line-height:38px;
			float:left;
			white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
			}
	.news_list{
		width:100%;
		}
		.news_list li{
			width:100%;
			font-size:17px;
			line-height:40px;
			float:left;
			}
		.news_list li span{
			float:right;
			color:#aaa;
			text-align:right;
			}
	.news_title{
		width:100%;
		text-align:center;
		float:left;
		border-bottom:solid 1px #e8e8e8;
		padding-bottom:15px;
		}
		.news_title h2{
			font:bold 30px microsoft yahei;
			line-height:60px;
			color:#72797A;
			display:block;
			}
		.news_title span{
			font:16px microsoft yahei;
			line-height:40px;
			color:#bbb;
			display:block;
			}
	
	.honner{
		width:100%;
		float:left;
		}	
		.honner li{
			width:100%;
			vertical-align:top;
			margin-top:20px;
			float:left;
			}
		.honner li img{
			display:inline-block;
			width:260px;
			height:auto;
			float:right;
			}
	.honner_date{
		width:78px;
		border:solid 1px #d8d8d8;
		text-align:center;
		line-height:32px;
		display:inline-block;
		margin-right:15px;
		float:left;
		}	
		.honner_date strong{
			font-size:30px;
			line-height:60px;
			color:#C51F26;
			}
		.honner_date i{
			display:block;
			font-style:normal;
			border-top:solid 1px #e8e8e8;
			}
	.honner_t{
		width:500px;
		display:inline-block;
		font-size:17px;
		line-height:35px;
		float:left;
		}
	.contact{
		width:100%;
		background:url(../img/contact-bg.png) bottom no-repeat;
		padding-bottom:100px;
		font-size:17px;
		line-height:37px;
		float:left;
		}	
		.contact h2{
			font-size:22px;
			line-height:70px;
			display:block;
			}
	.brand_list{
		width:100%;
		float:left;
		}	
		a.brand_a{
			width:398px;
			height:128px;
			border:solid 1px #e8e8e8;
			padding:10px;
			display:inline-block;
			position:relative;
			z-index:0;
			margin-right:40px;
			margin-bottom:30px;
			float:left;
			overflow:hidden;
			}
		
		a:hover.brand_a{
			border:solid 1px #C61F26;
			}
		.brand_list a:nth-child(2n+0){
			margin-right:0 !important;
			}
			.num{
				width:100%;
				height:50px;
				
				font-size:28px;
				line-height:50px;
				text-align:center;
				color:#fff;
				position:absolute;
				z-index:2;
				top:-15%;
				left:-44%;
				transform:rotate(-40deg);
				-ms-transform:rotate(-40deg); 	/* IE 9 */
				-moz-transform:rotate(-40deg); 	/* Firefox */
				-webkit-transform:rotate(-40deg); /* Safari 和 Chrome */
				-o-transform:rotate(-40deg); 	/* Opera */
				display:block;
				background-color:rgba(198, 31, 38, 0.9);
				}
				
/*			.num01{
				background:url(../img/num-01.png) no-repeat;
				}
			.num02{
				background:url(../img/num-02.png) no-repeat;
				}
			.num03{
				background:url(../img/num-03.png) no-repeat;
				}
			.num04{
				background:url(../img/num-04.png) no-repeat;
				}
			.num05{
				background:url(../img/num-05.png) no-repeat;
				}
			.num06{
				background:url(../img/num-06.png) no-repeat;
				}
			.num07{
				background:url(../img/num-07.png) no-repeat;
				}
			.num08{
				background:url(../img/num-08.png) no-repeat;
				}
*/	.brand_logo{
		width:100%;
		padding-bottom:10px;
		vertical-align:middle;
		}
		.brand_logo img{
			width:124px;
			height:auto;
			display:inline-block;
			vertical-align:middle;
			}
		.brand_logo span{
			width:65%;
			padding-left:10px;
			display:inline-block;
			color:#aaa;
			vertical-align:middle;
			line-height:25px;
			}
		.brand_logo span a{
			width:126px;
			font-size:16px;
			line-height:34px;
			text-align:center;
			color:#fff;
			border:solid 1px #C82126;
			background:#C82126;
			display:block;
			margin-top:10px;
			}
		.brand_logo span a:hover{
			border:solid 1px #C82126;
			color:#C82126;
			background:#fff;
			}
		.brand_logo strong{
			font-size:18px;
			line-height:36px;
			display:block;
			color:#333;
			}
		.brand_s_img{
			width:100%;
			}
			.brand_s_img img{
				width:61px;
				height:61px;
				display:inline-block;
				padding:4px;
				border:solid 1px #e8e8e8;
				margin-right:10px;
				}
			.brand_s_img img:last-child{
				margin-right:0;
			}
		
	.brand_view{
		width:100%;
		float:left;
		}
	.brand_ad img{
		max-width:860px;
		height:auto;
		margin:auto;
		display:block;
		}	

.code_page{
	width:90%;
	margin:20px auto;
	}
	.code{
		width:100%;
		padding-bottom:100px;
		font-size:17px;
		line-height:37px;
		float:left;
		}	
		.ode h2{
			font-size:22px;
			line-height:70px;
			display:block;
			}

		
/*----------------分页样式开始----------------*/

.pagination-wrap {
    display: block;
    text-align: center;
	margin:20px auto 40px auto;
}

.pagination .navigation {
    margin: 0 auto;
}

.nav-links {
    position: relative;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
/** ––––––––––––––––––––
 * Pagination
 */
.pagination {
    display: inline-block;
}

.pagination a,
.pagination span,
.pagination em {
    position: relative;
    float: left;
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin-left: -1px;
    color: #676767;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pagination a:hover,
.pagination span:hover,
.pagination em:hover {
    background-color: #e5e5e5;
}

.pagination a:first-child,
.pagination span:first-child,
.pagination em:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination a:last-child,
.pagination span:last-child,
.pagination em:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination .gap {
    background-color: #fafafa;
    cursor: default;
    color: #d3d3d3;
}

.pagination .current {
    background-color: #C82126;
    border-color: #C82126;
    color: #fff;
    z-index: 99;
}

.pagination .current:hover {
    background-color: #C82126;
}

.pagination .disabled {
    background-color: #fafafa;
    cursor: not-allowed;
    color: #d3d3d3;
}

.pagination .disabled:hover {
    background-color: #fafafa;
}

