/*banner*/
 .banner_box{
     width: 100%;
     height: 23.076923076923077rem;
     position: relative;
}
 .banner_box img{
     width: 100%;
     height: 100%;
}
 .banner{
     width: 100%;
     height: 2.230769230769231rem;
     bottom: 0;
     left: 0;
     position: absolute;
     display: flex;
     justify-content: center;
}
 .banner ul{
     height: 2.230769230769231rem;
     line-height: 2.230769230769231rem;
     background: #555555;
     margin: 0 auto;
}
 .banner ul li{
     float: left;
     width: 6.076923076923077rem;
     height: 100%;
     text-align: center;
     font-size: 0.6153846153846154rem;
}
 .banner ul li a{
     display: inline-block;
     font-size: 0.6153846153846154rem;
     width: 100%;
     height: 100%;
     color: white;
     transition: all 0.3s;
}
 .banner ul li a:hover{
     background: #e24045;
}
 .banner ul li .active{
     background: #e24045;
}
/*content_box*/
 .content_box{
     width: 100%;
}
 .content{
     width: 42.30769230769231rem;
     margin: 0 auto;
     box-sizing: border-box;
     padding: 1.1538461538461537rem 0 2.1153846153846154rem 0;
}
 .nav_box{
     margin-bottom: 1.8076923076923077rem;
}
 .nav_box p{
     box-sizing: border-box;
     padding-left: 0.8461538461538461rem;
     background: url(../img/zuobiao_icon.png) left center no-repeat;
     background-size: 0.6153846153846154rem 0.7692307692307693rem;
     color: #888888;
     font-size: 0.5384615384615384rem;
}
 .nav_box p a{
     color: #888888;
     font-size: 0.5384615384615384rem;
}
 .nav_box p .now_position{
     color: #555555;
}
 .content_bottom{
     display: inline-block;
     width: 100%;
     margin-bottom: 2.3076923076923075rem;
}
 .content_bottom h1{
     color: #424242;
     font-size: 0.8461538461538461rem;
     line-height: 4.230769230769231rem;
     font-weight: 500;
     background: url(../img/zixin_outline.jpg) center top no-repeat;
     background-size: 10.76923076923077rem 2.269230769230769rem;
     text-align: center;
}
 .big_img{
     width: 100%;
     display: inline-block;
     margin-bottom: 0.9615384615384616rem;
}
 .big_img img{
     width: 12rem;
     margin-right: 2.6923076923076925rem;
     margin-bottom: 0.9615384615384616rem;
}
 .big_img img:nth-child(3n){
     margin-right: 0;
}
 .small_img{
     width: 100%;
     margin-bottom: 2rem;
}
 .small_img img{
     width: 13.26923076923077rem;
     margin-right: 0.9230769230769231rem;
     height: 8.846153846153847rem;
     margin-bottom: 0.5384615384615384rem;
}
 .small_img img:nth-child(3n){
     margin-right: 0;
}

.content img{
	cursor: pointer;
}

/*zmc*/
.zmc{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 100;
	display: none;
	justify-content: center;
	align-items: center;
}

.zmc img{
     width: 20.192307692307693rem;
     height: 26.923076923076923rem;
}

/*zmc1*/
.zmc1{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 100;
	display: none;
	justify-content: center;
	align-items: center;
}

.zmc1 img{
     width: 20.192307692307693rem;
     height: 14.923076923076923rem;
}

@media (max-width:980px){
	/*banner*/
	.banner_box{
		height: 16.153846153846153rem;
	}
	
	.banner ul li{
		width: 3.8rem;
	}
	
	.nav{
		width: 100%;
	}
	
	.nav p{
		padding-left: 1.5rem;
		background: url(../img/zuobiao_icon.png) 0.5rem center no-repeat;
	    background-size: 0.6153846153846154rem 0.7692307692307693rem;
	}
	
	.content{
		width: 100%;
	}
	
	.content_bottom{
		margin-bottom: 1rem;
	}
	
	.content img{
		width: 30.5%;
		margin: 0 1%;
		height: auto;
	}
}