/* 头部LOGO与导航栏 */
.welcome{ background: #f5f5f5; height: 36px; line-height: 36px;}
.welcome h2{font-size: 13px;}
.welcome .tel{}
.welcome .tel p{float: left; margin-left: 10px;}
.welcome .tel p b{color: #054ead;}
.welcome .tel p i{float: left; font-size: 20px; color: #054ead;}

.header .logo{ background: #fff; width: 100%;height: 100px;}
.header .logo h1{ margin-top: 25px;}
.header .logo h1 img{}

.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: 100px;padding: 0px 28px;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/menubg.jpg) no-repeat center bottom;}

.header .nav .yiji li .erji{display: none;position: absolute;width: 120px;background:#FFF; z-index: 20;text-align: center;padding: 10px 0;}
.header .nav .yiji li .erji li{ display: block;padding: 0px;}
.header .nav .yiji li .erji li a{display: block;font-size: 14px;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: #065097;}
.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;}

/* 网站左侧 */
.main_left{ width: 22%; margin-right: 3%;}
.main_right{ width: 75%;}
.main_right{border: 1px solid #E7E7E7;box-shadow: 0 2px 3px #E7E7E7; padding:30px 20px;}
.left_list h2{ text-align: center; font-size: 18px; background: #03469f; color: #FFF; border-radius: 6px 6px 0 0; padding: 15px 0;}
.left_list h2 em{display: block; font-size: 20px; text-transform: uppercase; font-style: normal;}
.left_list ul{ border: 1px solid #E7E7E7;box-shadow: 0 2px 3px #E7E7E7; padding: 20px;}
.left_list ul li{ border: 1px solid #E7E7E7; border-radius: 8px; height: 42px; line-height: 42px; margin-bottom: 10px; padding-left: 20px; cursor: pointer;}
.left_list ul li:hover{border: 1px solid #03469f;}
.left_list ul li.active{border: 1px solid #03469f;}
.left_list ul li.active a{color: #03469f; font-weight: bold;}
.left_list ul a{color: #333;}
.left_list ul a:hover{color: #03469f; font-weight: bold;}

.left_contact{ margin-top: 40px;}
.left_contact h2{ text-align: center; font-size: 18px; background: #03469f; color: #FFF; border-radius: 6px 6px 0 0; padding: 15px 0;}
.left_contact h2 em{display: block; font-size: 20px; text-transform: uppercase; font-style: normal;}
.left_contact ul{ border: 1px solid #E7E7E7;box-shadow: 0 2px 3px #E7E7E7; padding: 20px;}
.left_contact ul p{line-height: 26px; font-size: 15px;}


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

.footer-add{ width: 30%; background: url(../images/2line.jpg) repeat-y right; margin-right: 3.333333%;}
.footer-add span{display: block; color: #FFF;font-size: 22px; margin-bottom: 30px;}
.footer-add span::after{
	content: '';
	position: absolute;
	width: 40px;
	height: 2px;
	background: #FFF;
	margin-top: 40px;
	margin-left: -86px;
	}
.footer-add small{display: block; color: #FFF; line-height: 28px; font-size: 22px;}
.footer-add p{color: #adadae; line-height: 28px; font-size: 14px;}

.footer-nav{width: 33.333333%;}
.footer-nav span{display: block; color: #FFF;font-size: 22px; margin-bottom: 30px;}
.footer-nav span::after{
	content: '';
	position: absolute;
	width: 40px;
	height: 2px;
	background: #FFF;
	margin-top: 40px;
	margin-left: -86px;
	}
.footer-nav ul{}
.footer-nav ul li{float: left; width: 50%;}
.footer-nav ul li a{display: block;font-size: 13px;color: #ccc;line-height: 30px;}

.footer-ewm{width: 30%;background: url(../images/2line.jpg) repeat-y right;margin-right: 3.333333%;}
.footer-ewm span{display: block; color: #FFF;font-size: 22px; margin-bottom: 30px;}
.footer-ewm span::after{
	content: '';
	position: absolute;
	width: 40px;
	height: 2px;
	background: #FFF;
	margin-top: 40px;
	margin-left: -86px;
	}
.footer-ewm dd{}
.footer-ewm dd img{float: left; width: 120px;}
.footer-ewm dd p{float: left; line-height: 32px; font-size: 13px; color: #ccc; padding-left: 20px;}


.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 14px; font-size: 15px;}

}


@media (min-width: 768px) and (max-width: 1023px) {
	
	.header .logo{ height: 80px;}
	.header .logo h1{margin-top: 15px;}
    .header .logo h1 img {height: 40px;}
	
	.main_left{display: none;}
	.main_right{ width: 100%;}
	
	.home-about-l{ width: 100% !important;}
	.home-about-r{ width: 100% !important; margin:0 !important; padding: 20px;}
	
	.home-news ul li{ width: 50%; margin-bottom: 30px;}
	.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;}
	
	.nextpage li{ width: 100%;}
	

	
}

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





/*分页*/
.pagination-wrapper{ margin: 30px 0;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;
}
/*分页*/

/* 上一条下一条 */
.nextpage{display: inline-block; width: 100%; border-bottom: 2px solid #e1e1e1; border-top: 2px solid #e1e1e1; margin-top: 50px; line-height: 50px; clear: both;}
.nextpage span{font-size: 14px;color: #9f9f9f;}
.nextpage a{font-size: 14px;color: #9f9f9f;transition: all .3s;}
.nextpage a:hover{color: #c31c1c;}
/* 上一条下一条 */