*{margin:0px;padding:0px;}

html{font-size:12px;}@media screen and (max-width:1199px){html{font-size:100px;}
body{max-width:750px;margin:0 auto;}}@media (max-width:767px){html{font-size:13.333333333333vw;}
body{max-width:initial;}}



.main{
	width: 1400px;
	margin:0 auto;
}


.head{
	width: 100%;
	height:107px;
	background: #fff;
 
}

.head  .logo{
	float: left;
}
.head  .logo img{
	display: block;
}

.head .nav2{
	float: left; 
}
 


 

 
@media screen and (max-width: 1199px) {
 
	.main{
		width: 7.1rem;
	}
	 
	.head{
		height: auto;
		overflow: hidden;
		    border-bottom: 1px #dfdfdf solid;
	}
	.head .main{
		display: flex;
		height: 1.5rem;
		justify-content: space-between;
		align-items: center;
	}
	.head .logo img{
		/*height: 1.2rem;*/
	}
 	.head .btn{
 		display: block;
  		float: right;
  		width: .5rem;
  		height: .5rem;
 		background: url(../images/btn.png)  no-repeat center;
 		background-size: 100% auto;
 	}
	 
 	.head-current{
 		position: fixed;
 		top: 0;
 		background: rgba(0,0,0,.7);
 	}
 	.banner{
 		display: none;
 		 
 	}
	


	.head   .nav2{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		top: 1.5rem;
		overflow-y: auto;
		opacity: 0;
		visibility: hidden;
		background: rgba(0,0,0,.5);
		z-index: 10001;

	}
	.head   .nav2 ul{
		top: 0;
		width: 70%;
		float: right;
		right: -100%;
		position: relative;
		height:  100%;
		overflow-y:auto;
		background: #333333;
	 
	}
	.head   .nav2 .on{
 		padding-bottom: 1.5rem;
	}

 	.head   .nav2 ul li{
 		width: 100%;
 		padding: 0 .15rem;
 		box-sizing: border-box;
 		height: auto;
 		overflow: hidden;
 		border-bottom: .01rem  solid #575757;
 		line-height: .8rem;
 		position: relative;

 	}
 	.head   .nav2 ul li a{
 		color: #fff;
 		font-size: .3rem;
 		display: block;
 	}
 	.head   .nav2 ul ul{
 		width: 96%;
 		padding-bottom: 0;
 		display: none;
 		right: initial;
 	}
 	.head   .nav2 ul .sonOpen{
 		display: block;
 	}
 	.head   .nav2 ul li i{
 		display: block;
 		position: absolute;
 		right: 0;
 		width: .8rem;
 		height: .8rem;

 		top: 0;
 	}
 	.head   .nav2 ul li i:after{
 		content: "";
 		width: .3rem;
 		height: .3rem;
 		transition: .3s;
 		display: block;
 		background: url(../images/icon04.png) no-repeat center;
 		background-size: auto 100%;
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		margin-left: -.15rem;
 		margin-top: -.15rem;
 	}
 	.head   .nav2 ul li .touch:after{
 		transform: rotate(90deg);
 	}
 	.head   .nav2 ul li ul li{
 		line-height: .7rem;
 		border: none;
 		height: .7rem;
 		border-top: .02rem solid #444;
 		border-bottom: .02rem solid #111;
 	}
 	.head   .nav2 ul li ul li:first-child{
 		border-top: 0;
 	}
 	.head   .nav2 ul li ul li:last-child{
 		border-bottom: none;
 	}
 	.head   .nav2 ul ul li a{
 		font-size: .26rem;
 	}

@media screen and (max-width: 800px) {
    .erlist li{width: 48%; margin:0; float:left; margin-right:4%}
	.erlist li:nth-child(2n){ margin-right:0;}
}