@charset "utf-8";
.header{
	z-index: 9;
	width: 100%;
	background:rgba(32,32,32,0.7);
	position: fixed;
}
.header .headertop{height:40px; line-height:40px; color:#FFF; font-size: 12px;}
.header .headertop span{ float:right;}
.header .headertop a{color: #fff; padding-left: 20px;}
.header .headertop a.loginout{ color: #faa600; }
.usericon{ width: 20px; height: 20px; border-radius: 20px; margin-top: 13px; float: left; margin-right: 10px;}
.userout{ color: #ff0101; }

.header .logo{padding: 15px 0px 10px; width: 200px; }
.header .logo a{display: block;}
.header .logo img{height: 65px;}
.header .nav{
	width: calc(100% - 260px);
	float: right;
}
.header .nav .yiji{
	text-align: center;
	
}
.header .nav .yiji>li{
	width: 10%;
	text-align: right;
	float: left;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.header .nav .yiji>li>a{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding-bottom: 35px;
}
.header .nav .yiji>li:hover,.header .nav .yiji>li.active{
	/*background: #f00;*/
}
.header .nav .yiji>li:hover>a,.header .nav .yiji>li.active>a{
	color: #0076fe;
}
.nav .yiji li .erji{
	display: none;
	position: absolute;
	width: 130%;
	background:rgba(32,32,32,0.7);
	z-index: 20;
	text-align: center;
	box-shadow: 0px 0px 5px;
	margin-top: 25px;
}
.nav .yiji li .erji li{ padding-top: 0px; border-bottom: none; width: 100%;}
.nav .yiji li .erji li:last-child{border-bottom: none;}
.nav .yiji li .erji li:before{ background: none;}
.nav .yiji li .erji li a{
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	padding: 10px 0;
	transition: all .3s;
	border-bottom: none;
}
.nav .yiji li .erji li:hover a{ background: #7b7b7b; color: #FFFFFF; }





.header .menu{
	background: #e3431b;
	padding: 10px;
	margin: 6.5px 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: #14171a;
	padding-top: 30px;
}
.footer .tel{ width:30%; float:left; color:#d0d1d1;}
.footer .tel img{ float:left; margin-right:20px;}
.footer .tel p{ line-height:30px; font-size:20px; font-weight:bold; color:#FFF;}
.footer .nav{ width:70%; float:left;}
.footer .nav li{ float:left; width:10%; background:url(../images/Verticalline.png) no-repeat right; text-align:center; font-size:16px;}
.footer .nav li:last-child{ background:none;}
.footer .nav li a{ color:#FFF;}
.footer .huoban{ padding-top:20px; padding-bottom:20px;}
.footer .huoban h1{ font-size:16px; color:#717172; width:14%; text-align:center; font-weight:100; float:left; margin-left:25px; padding-right:20px;}
.footer .footer1{ padding: 20px 0px; }

.footer2{
	
	background:url(../images/xian.png) repeat-x;
	clear:both;
	text-align: center;
	font-size: 14px;
	color: #606061;
	line-height: 20px;
	padding: 30px 0;
}
.footer2 a{
	font-size: 14px;
	color: #606061;
}

@media (min-width: 767px) and (max-width: 991px){
	.header .nav .yiji>li>a{
		font-size: 14px;
	}
	.header .logo img{
		height: 30px;
	}
	.header .nav .yiji>li>a{
		padding: 8px 0;
		color: #333333;
	}
	.shiyong{ display:none;}
	
	
	.footer{
		background: #14171a;
		padding-top: 10px;
	}
	.footer .tel{ display:none;}
	.footer .nav{ width:100%;}
	.footer .nav li{ float:left; width:16.6%; background:url(../images/Verticalline.png) no-repeat right; text-align:center; font-size:16px; margin:10px 0;}
	.footer .nav li:nth-child(1){ display:none;}
	.footer .nav li:nth-child(4n){ background:none;}
	.footer .nav li a{ color:#FFF;}
	.footer .huoban{ width:100%; text-align:center;}
	.footer .huoban h1{ display:none;}
	.footer2{ 
		clear:both;
		text-align: center;
		font-size: 14px;
		color: #606061;
		line-height: 20px;
		padding: 30px 0;
	}
	.footer2 a{
		font-size: 14px;
		color: #606061;
	}
	
}

@media screen and (max-width:767px) {
	.headertop .container span{ display:none;}
	.header{
		padding: 0px 0;
	}
	.header .logo{
		margin: 0;
		padding: 5px 0;
	}
	.header .logo img{
		height: 40px;
	}
	.header .nav{
		position: fixed;
		width: 180px;
		top: 0;
		left: -100%;
		bottom: 0;
		background: #ffffff;
		z-index: 11;
		overflow-y: scroll;
		line-height: 40px;
	}
	.header .nav .yiji{
		width: 100%;
	}
	.header .nav .yiji>li{
		width: 100%;
		text-align: center;

	}
	.header .nav .yiji>li>a{
		padding: 5px 0;
		color: #333333;
		font-size:14px;

	}
	
	.header .nav .shiyong{ background:#0076fe; color:#FFF; height:30px; line-height:30px; padding:5px 10px; margin-top:13px; border-radius:3px; float:none; margin-left:50px;width:100%;}
	
	.footer{
		background: #14171a;
		padding-top: 10px;
	}
	.footer .tel{ display:none;}
	.footer .nav{ width:100%;}
	.footer .nav li{ float:left; width:33.33%; background:url(../images/Verticalline.png) no-repeat right; text-align:center; font-size:16px; margin:10px 0;}
	.footer .nav li:nth-child(1){ display:none;}
	.footer .nav li:nth-child(4n){ background:none;}
	.footer .nav li a{ color:#FFF;}
	.footer .huoban{ width:100%; text-align:center;}
	.footer .huoban h1{ display:none;}
	.footer2{ 
		clear:both;
		text-align: center;
		font-size: 14px;
		color: #606061;
		line-height: 20px;
		padding: 30px 0;
	}
	.footer2 a{
		font-size: 14px;
		color: #606061;
	}
	
}

/*分页*/
.pagination-wrapper{ 
  	margin: 50px 0 0px 0;
  	text-align: center;
  	font-size: 0;
} 
.pagination{  
  	
} 
.pagination li{
	display: inline-block;
	vertical-align: top;
  	margin-right: 10px; 
  	margin-top: 10px;
}
.pagination li a,.pagination li span{ 
  	display: inline-block;
  	font-size: 14px; 
  	color: #666666; 
  	height: 35px; 
  	line-height: 35px; 
  	width: 35px;
  	transition: all .3s;
  	border: 1px solid #e3e3e3;
  	border-radius: 5px;
  	font-family: "微软雅黑";
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	background:#0092ff!important; 
  	color:#fff; 
  	border-color: #0092ff!important;
} 
.pagination li.active a { 
  	background: #0092ff; 
  	color: #fff;
  	border-color: #0092ff;
}
.pagination li.active span{ 
  	background: #0092ff; 
  	color: #fff;
  	border-color: #0092ff;
}

.layui-upload-list ul{ 
	overflow: hidden; 
}
.layui-upload-list ul li{ 
	width: 100px; 
	height: 100px; 
	padding: 1px; 
	overflow: hidden; 
	border: 1px solid #e6e6e6; 
	border-radius: 5px; 
	float: left; 
	text-align: center; 
	margin-right: 10px;
	position: relative;
}
.layui-upload-list ul li div{ 
	height: 30px; 
	width: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	bottom: 0;
	text-align: center;
	display: none;
	cursor: pointer;
}
.layui-upload-list ul li div img{ width: auto; height: 20px; }
.layui-upload-list ul li:hover div{ display: block; }

.layui-upload-list ul li img{ 
	height: 100%; 
	width: 100%; 
	border-radius: 5px;
}
.layui-upload-img{
	width: 100px; 
	height: 100px; 
	overflow: hidden; 
	border: 1px solid #e6e6e6; 
	border-radius: 5px; 
	padding: 1px;
	margin-top: 10px;
}

.layui-quote-nm{ 
	border:none;
}