@charset "utf-8";

/* 头部LOGO与导航栏 */
.header .logo{ background: #fff; width: 100%;height: 120px;}
.header .logo h1{ margin-top: 35px;}
.header .logo h1 img{height: 50px;}

.header .tel{width: 260px; height: 30px; line-height: 30px; text-align: right; font-size: 15px; color: #666; margin: 8px 0; margin-right: 44px; background: url(../images/tel.png) no-repeat left; background-size: 24px;}
.header .tel b{color: #c02a29; }
.header .nav{ }
.header .nav .yiji{ clear: both;}
.header .nav .yiji li{padding-top: 0px;}
.header .nav .yiji li a{display: block;font-size: 16px;line-height: 50px;padding: 0px 30px;text-align: center;transition: all .3s;color: #000;position: relative;}
.header .nav .yiji li a.nav1{ display: none; }
.header .nav .yiji li:hover a,.header .nav .yiji li.active a{/* border-bottom: 2px solid #ec151f; */}
.header .nav .yiji li:hover{background: url(../images/menu_botline.jpg) no-repeat bottom;}

.header .nav .yiji li .erji{display: none;position: absolute;width: 160px;background:#FFF; z-index: 20;text-align: center;padding: 10px 0;margin-left: -17px;}
.header .nav .yiji li .erji li{ display: block;padding: 0px;}
.header .nav .yiji li .erji li a{display: block;font-size: 15px;color: #666;height: 44px;line-height: 44px;transition: all .3s;padding: 0;}
.header .nav .yiji li .erji li:hover a{ color: #FFF; font-weight: bold;background: #ca3030;}
.header .nav .yiji li .erji li:hover{background: none;}


.header .menu{top: 0px;right: 10px;background: #d31a22;padding: 10px;margin: 20px 0;}
.header .menu span{display: block;height: 3px;width: 22px;background: #ffffff;margin-bottom: 4px;}
.header .menu span:last-child{margin-bottom: 0;}


/* 网站底部 */
footer{background: #272727; padding: 50px 0; margin-top: 50px;}

.footer-add{ width: 30%;}
.footer-add span{color: #FFF; font-size: 25px; }
.footer-add small{display: block; color: #adadae; line-height: 28px; font-size: 15px;}
.footer-add p{color: #adadae; line-height: 28px; font-size: 14px;}

.footer-nav{width: 50%;}
.footer-nav ul{}
.footer-nav ul li{width: 33.333333%;}
.footer-nav ul li h3{text-align: left;margin-bottom: 10px;}
.footer-nav ul li h3 a{display: block;font-size: 16px;color: #dfdfdf;line-height: 30px;}
.footer-nav ul li h3 a::after{
	content: '';
	height: 1px;
	width: 30px;
	background: #cd3131;
	position: absolute;
	margin-left: -63px;
	margin-top: 33px;
}
.footer-nav ul li p{text-align: left;}
.footer-nav ul li p a{display: block;font-size: 13px;color: #adadae;line-height: 30px;}

.footer-ewm{width: 20%;color: #c2c2c2;}
.footer-ewm span{display: block; color: #FFF; background: url(../images/wx.png) no-repeat left; background-size: 26px; margin-bottom: 15px; padding-left: 30px; font-size: 22px;}
.footer-ewm dd{float: left; width: 50%; text-align: center;}
.footer-ewm dd img{max-width: 88%;}
.footer-ewm dd p{line-height: 32px;}


.copyright{line-height: 20px;padding: 20px 0; text-align: center;  color: #adadae; background: #161616; font-size: 13px;}
.copyright a{color: #adadae;}



@media (min-width:1024px) and (max-width:1199px) {

.header .nav .yiji li a{padding: 0 20px;}

}


@media (min-width: 768px) and (max-width: 1023px) {
	
	.header .logo{ height: 80px;}
	.header .logo h1{margin-top: 15px;}
    .header .logo h1 img {height: 40px;}
	
	.footer-add{width: 50%;}
	.footer-ewm{display: none;}
	
}

@media (min-width: 767px) and (max-width: 991px){
	.header .nav{
		position: fixed;
		width: 180px;
		top: 0;
		left: -100%;
		bottom: 0;
		background: #ffffff;
		z-index: 11;
		overflow-y: scroll;
		margin: 0;
	}
	.header .nav .yiji{width: 100%;}
	.header .nav .yiji>li{width: 100%;background: none;padding: 0px;}
	.header .nav .yiji>li>a{color: #333333;font-size:16px;line-height: 50px;height: 50px;background: none;text-align: left;}
	.header .nav .yiji li a.nav1{ display: block; }
	.header .nav .yiji li a.nav2{ display: none; }
	.header .nav .yiji li a i{right:20px;}
	.header .nav .yiji li a i{
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: center;
		display: block;
		width: 35px;
		height: 20px;
		border-radius: 3px; 
		line-height: 20px;
		background: #e09e52;
		color: #fff;
		font-size: 10px;
		font-style: normal;
	}

	.header .nav .yiji li:hover a:after {display: none;}
	.header .nav .yiji li .erji{
		display: none;
		position:static;
		width: 100%;
		background: #fff;
		z-index: 20;
		left: 0;
		text-align: center;
		box-shadow: 0px 0px 0px;
	}

	.header .nav .yiji li .erji li{ display: inline-block;padding: 0px;}
	.header .nav .yiji li .erji li:last-child{border-bottom: none;}
	.header .nav .yiji li .erji li a{
		display: block;
		font-size: 14px;
		color: #000;
		height: 50px;
		line-height: 50px;
		transition: all .3s;
		border-bottom: none;
		padding: 0;
		width: 100px;
	}
	.header .nav .yiji li .erji li:hover a{ color: #333333; }
}


@media screen and (max-width:767px) {
	.header .logo{ height: 80px;}
	.header .logo h1{margin-top: 15px;}
    .header .logo h1 img {height: 40px;}
	
	.header .nav{position: fixed;width: 180px;top: 0;left: -100%;bottom: 0;background: #ffffff;z-index: 11;overflow-y: scroll;margin: 0;}
	.header .nav .yiji{width: 100%;}
	.header .nav .yiji>li{width: 100%;background: none;padding: 0px;}
	.header .nav .yiji>li>a{color: #333333;font-size:16px;line-height: 50px;height: 50px;background: none;}
	.header .nav .yiji li a.nav1{ display: block; }
	.header .nav .yiji li a.nav2{ display: none; }
	.header .nav .yiji li a i{right:20px;}
	.header .nav .yiji li a i{
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: center;
		display: block;
		width: 35px;
		height: 20px;
		border-radius: 3px; 
		line-height: 20px;
		background: #e09e52;
		color: #fff;
		font-size: 10px;
		font-style: normal;
	}
	.header .nav .yiji>li>a p{
		display: none;
	}
	.header .nav .yiji li:hover a:after {}
	

	.header .nav .yiji li .erji{
		display: none;
		position:static;
		width: 100%;
		background: #fff;
		z-index: 20;
		left: 0;
		text-align: center;
		box-shadow: 0px 0px 0px;
	}

	.header .nav .yiji li .erji li{ 
		display: inline-block;
		padding: 0px;
	}
	.header .nav .yiji li .erji li:last-child{border-bottom: none;}
	.header .nav .yiji li .erji li a{
		display: block;
		font-size: 14px;
		color: #000;
		height: 50px;
		line-height: 50px;
		transition: all .3s;
		border-bottom: none;
		padding: 0;
		width: 100px;
	}
	.header .nav .yiji li .erji li:hover a{ 
		color: #333333; 
	}
	
	footer{background: none;padding: 0;}
	.footer-add{display: none;}
	.footer-ewm{display: none;}
	.footer-nav{display: none;}
	

	
}

.m_mask{  
	background: rgba(0,0,0,0.7); width: 100%; height: 100%; 
	position: absolute; top: 0; left:  0;
	display: none;
}





/*分页*/
.pagination-wrapper{ margin: 40px auto 100px auto;text-align: center;} 
.pagination{  } 
.pagination li{display: inline-block;vertical-align: top;}
.pagination li a,.pagination li span{ 
  	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	margin-right: 8px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #dfdfdf; 
  	color: #999; 
  	text-decoration: none; 
  	border-radius: 4px;
  	box-sizing: border-box;
  	transition: all .3s;
  	background: #f7f7f7;
} 
.pagination li:last-child{margin-right: 0;}
.pagination li a:hover{ background:#ec151f; color:#fff; border-color: #ec151f;} 
.pagination li.active a,.pagination li.active span { background: #ec151f; color: #fff;border-color: #ec151f;display: block;} 
.pagination .pageinfo{
	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #555555; 
  	color: #555555; 
  	box-sizing: border-box;
}
/*分页*/