.news_wrapx{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    min-height:600px;
    padding-top: 3%;
    
}

.news_wrapx .item{
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;

transition: all linear .5;
}
.news_wrapx .item:nth-of-type(4n){
    margin-right:0;
}

.news_wrapx .item:hover{
    box-shadow: 5px 5px 30px 10px rgba(0,0,0,.3);
    transform: translateY(-10px);
}

.news_wrapx .item .pic img{
width: 100%;
height: 75%;
object-fit: cover;
display: block;

}
.news_wrapx .item  .box .p1{
margin-top: 3%;
margin-bottom: 3%;
font-weight: bold;
height: 52px;
line-height: 26px;
font-size: 14px;
box-sizing: content-box;
color: #333;
overflow: hidden;
}
.news_wrapx .item  .box{
background: #f7f7f7;
padding: 20px;
}

.news_wrapx .item  .box .p2{
line-height: 24px;
font-size: 12px;
height: 72px;
color: #666666;
margin-bottom: 20px;
box-sizing: content-box;

}
.news_wrapx .item  .box .p3{
line-height: 30px;
font-size: 12px;
height: 30px;
box-sizing: content-box;
padding-top: 20px;
color:#adadad;
border-top:1px solid #ebebeb;
}

@media screen and (max-width:800px ) {
.news_wrapx .item{
width: 48%;
margin-bottom: 4%;
margin-right:0;
}
}
@media screen and (max-width:600px ) {
.news_wrapx .item{
width: 100%;
}
.news_wrapx .item  .box{
background: #f7f7f7;
padding: 10px;
}
.news_wrapx .item  .box .p1{
height: auto;
}
.news_wrapx .item  .box .p2{
height: auto;
margin-bottom:10px;
}
.news_wrapx .item  .box .p3{
line-height: 24px;

height: 24px;

padding-top: 10px;

}
}



.news_view{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 4%;
    padding-bottom: 4%;
}
.news_view_left{
    width: 75%;
}
.news_view_right{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contentx{
    line-height: 26px;
    font-size: 14px;
    color: #666;
}

.contentx img{
    max-width: 100%;
}


.news_view_left .tit2{
    margin-bottom: 20px;
    width: 100%;
}
.news_view_left .tit2 h1{
    
    line-height: 1.4;
    text-align: center;
    color: #333;
}

.sbox {
    text-align: center;
    
    padding-top: 2%;
    padding-bottom: 2%;
    background: #f7f7f7;

    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
}
.prev_next{
    margin-top: 4%;
    padding-top: 3%;
    padding-bottom: 3%;
    border-top:1px solid #ebebeb;
}

.prev_a {
    height: 40px;
    line-height: 40px;
    color: #666;
}

.prev_a a{ color: #666;}
.prev_a a:hover{
    color: #5e34b5;
}
.relat_titles{
    color: #5e34b5;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 4px solid #5e34b5;
    width: 100%;
}
.relat_content{
    margin-top:20px;
}

.relat_content ul li{
    
    margin-bottom: 20px;
    padding-bottom: 10px;
    transition: all linear .5s;
    background: #5bac34;
}





.relat_pic img{
    width: 100%;
     
        object-fit: contain;
        display: block;
        transition: all linear .5s;
}
.relat_title{
    line-height: 24px;
    padding-top: 10px;
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background: #fff;

}
.relat_item_desc {
    background: #fff;
}

.relat_content ul li:hover .relat_title{
    color: #5e34b5;
}
.relat_content ul li:hover img{
    transform: scale(.96);
}

.more_btn{
    margin-top: 10px;
    margin-bottom: 10px;
    margin:10px auto;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    
    transition: all linear .5s;

    width: 132px;
    height: 32px;
    border: 1px #cccccc solid;
}


.relat_content ul li:hover .more_btn{
    background: #5e34b5;
    border:1px solid #fff;
    color: #fff;

}



/* .more_btn:hover{
    color: #fff;
    background: #5e34b5;
    
} */
@media screen and (max-width:800px ) {

.more_btn{
    margin-top: 10px;
    width: 100px;
    height: 30px;
}
}
@media screen and (max-width:600px ) {
    .prev_a {
        height: 30px;
        line-height: 30px;
        
    }
    .news_view_left{
        width: 100%;
    }
    .news_view_right{
        width: 100%;
        margin-top:5%;
    }

}

.page_wrap{

    margin-bottom: 5%;
    display: flex;
    justify-content: center;

}