/*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;
}
 .news_box{
     width: 95%;
     margin: 0 auto;
     display: inline-block;
     border-bottom: 0.038461538461538464rem solid #DFDFDF;
     margin-bottom: 1.3461538461538463rem;
}
 .news_box h1{
     font-weight: 550;
     font-size: 0.7692307692307693rem;
     color: #424242;
     margin-bottom: 0.6153846153846154rem;
     transition: all 0.3s;
}

 .news_box a:hover>h1{
 	 color: #e24045;
 }
 
 .news_box p{
     font-size: 0.6153846153846154rem;
     color: #424242;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow : hidden;
     margin-bottom: 1.6153846153846154rem;
}
 .news_box h2{
     font-size: 0.5384615384615384rem;
     color: #424242;
     font-weight: 500;
     margin-bottom: 1.5384615384615385rem;
}
 .news_box h2 span{
     float: right;
     display: flex;
     align-items: center;
}
 .news_box h2 span a{
     display: inline-block;
     width: 0.9615384615384616rem;
     height: 0.8461538461538461rem;
     margin: 0 0.15384615384615385rem;
     position: relative;
     overflow: hidden;
}
 .news_box h2 span a img{
     width: 0.9615384615384616rem;
     height: 0.8461538461538461rem;
     position: absolute;
     transition: all 0.3s;
}
 .news_box h2 span a img:nth-child(1){
     bottom: 0;
     left: 0;
}
 .news_box h2 span a img:nth-child(2){
     bottom: -0.8461538461538461rem;
     left: 0;
}
 .news_box h2 span a:hover img:nth-child(1){
     bottom: 0.8461538461538461rem;
}
 .news_box h2 span a:hover img:nth-child(2){
     bottom: 0;
}

@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;
	}
}