/*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%;
     box-sizing: border-box;
     padding: 1.1538461538461537rem 0 1.9230769230769231rem 0;
     background-size: 100% 100%;
}
 .content{
     width: 42.30769230769231rem;
     margin: 0 auto;
     position: relative;
}
 .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;
}
/*zuoping_box*/
 .zuoping_box{
     width: 100%;
     margin-bottom: 0.7692307692307693rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .zuoping{
     float: left;
     width: 20.76923076923077rem;
     margin-bottom: 0.5769230769230769rem;
}
 .zuoping:nth-child(2){
     float: right;
     margin-right: 0;
}
 .zuoping:nth-child(3){
     width: 100%;
}
 .zuoping:nth-child(5){
     float: right;
     margin-right: 0;
}
 .zuoping_img{
     width: 100%;
     height: 13.653846153846153rem;
}
 .zuoping_img img{
     width: 100%;
     height: 100%;
}
 .zuoping_img:hover{
     cursor: pointer;
}
 .zuoping h1{
     font-size: 0.7692307692307693rem;
     line-height: 1.9230769230769231rem;
     font-weight: 500;
     color: #555555;
     background: #f5f5f5;
     box-sizing: border-box;
     padding-left: 0.7692307692307693rem;
}
/*hide*/
 .hide{
     position: fixed;
     width: 42.30769230769231rem;
     top: 10%;
     left: 0;
     right: 0;
     bottom: 0;
     margin: 0 auto;
     z-index: 500;
}
 .hide .swiper-button-prev{
     top: 10%;
     left: 4.461538461538462rem;
     background: url(../img/red_sjt.png) center center no-repeat;
     background-size: 1.2692307692307692rem 0.5rem;
}
 .hide .swiper-button-next{
     top: initial;
     bottom: 4%;
     right: 4.461538461538462rem;
     background: url(../img/red_xjt.png) center center no-repeat;
     background-size: 1.2692307692307692rem 0.5rem;
}
 .hide_left{
     float: left;
     width: 32.30769230769231rem;
     height: 15.76923076923077rem;
}
 .hide_left img{
     width: 100%;
     height: 100%;
}
 .hide_right{
     float: left;
     width: 10rem;
     height: 15.76923076923077rem;
     background: #f6f6f6;
     box-sizing: border-box;
     padding: 2.5384615384615383rem 0.6923076923076923rem;
     position: relative;
}
 .hide_right .swiper-container{
     width: 100%;
     height: 100%;
}
 .hide_right .swiper-container img{
     width: 100%;
     height: 100%;
}
 .hide_right .swiper-container img:hover{
     cursor: pointer;
}
 .zmc{
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.7);
     z-index: 499;
}

.zmc img{
	top: 3%;
	right: 2%;
}

.zmc img:hover{
	cursor: pointer;
}

 .miaoshu{
     display: inline-block;
     width: 100%;
     box-sizing: border-box;
     padding: 0.7692307692307693rem 0.9615384615384616rem;
     background: white;
}
 .miaoshu h1{
     font-size: 0.7692307692307693rem;
     color: #333333;
}
 .miaoshu h2{
     font-size: 0.5384615384615384rem;
     color: #333333;
     margin-bottom: 0.9615384615384616rem;
}
 .miaoshu p{
     font-size: 16px;
     color: #555555;
     line-height: 1rem;
}

@media (max-width:980px){
	.nav_box p{
		padding-left: 1.5rem;
		background: url(../img/zuobiao_icon.png) 0.5rem center no-repeat;
	    background-size: 0.6153846153846154rem 0.7692307692307693rem;
	}
	
	.news_box{
		display: block;
	}
	
	.zuoping_box{
		box-sizing: border-box;
		padding: 0 5%;
	}
	
	.zuoping{
		width: 100%;
	}
	
	.hide{
		width: 100%;
		top: 23%;
	}
	
	.hide_left{
		float: left;
		width: 70%;
		height: 10.8rem;
	}
	
	.hide_left img{
		position: initial;
		width: 100%;
		height: 100%;
	}
	
	.hide_right{
		width: 30%;
		height: 10.8rem;
	}
	
	.hide .swiper-button-prev{
		left: 2.5rem;
	}
	
	.hide .swiper-button-next{
		right: 2.9rem;
		bottom: 0;
	}
}