.banner{
    width: 100%;
    height: auto;
}
.banner img{
    width: 100%;
    height: auto;
}
/*navigation*/
.news-box{
    width: 100%;
    height: auto;

    padding-bottom: 20px;
}
.news-box .navigation ul{
    width: auto;
    height: auto;
    margin: 0 0 10px 360px;
    padding-top: 20px;
}
.news-box .navigation ul li img{
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 6px;
    
}
.news-box .navigation ul li{
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #666;
    
}

.news-box .navigation ul li a:hover{
    
    color: #19bc64;
    
}

.news-box .navigation ul li a:nth-child(2){

    color: #19bc64;
    
}
.news-box .navigation .xian{
    width: 100%;
    height: auto;
    margin-bottom: 42px;
}
.news-box .navigation .xian img{
    width: 100%;
    height: auto;

}

/*navigation end*/
.news-box .news-case{
    width: 100%;
    height: auto;

}

.news-box .news-case .news-case-title{
    width: 210px;
    height: auto;
    margin:0 auto 50px;
}
.news-box .news-case .news-case-title h3{
   
    width: 162px;
    height: auto;
    font-size: 40px;
    color: #333;
    margin: 0 auto 16px;    
}
.news-box .news-case .news-case-title p{
    width: 210px;
    height: auto;
    font-size: 20px;
    color: #666;    
}
.news-box .news-case .news-case-box{
    width: 100%;
    height: 200px;
    background: #f2f2f2;
 
}
.news-box .news-case .news-case-box ul{

    width: 1000px;
    height: 200px;
    margin: 0 auto;
}
.news-box .news-case .news-case-box ul li.news-img{
    width: 216px;
    height: 166px;
    margin-top: 16px;
    overflow: hidden;
}
.news-box .news-case .news-case-box ul li.news-img a img{
    width: 216px;
    height: 166px;
    transition:all .5s ease;
}
.news-box .news-case .news-case-box ul li.news-text{
    width: 450px;
    height: 116px;
    margin-top: 40px;
    
}
.news-box .news-case .news-case-box ul li.news-text a h4{
    
    width: auto;
    height: auto;
    font-size: 18px;
    line-height: 40px;
    color: #333;
    
    transition:all .5s ease;
}
.news-box .news-case .news-case-box ul li.news-text p{
    width: 450px;
    height: 52px;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    margin-bottom: 10px;
    transition:all .5s ease;
}
.news-box .news-case .news-case-box ul li .news-text span{
   
    width: auto;
    height: auto;
    font-size: 14px;
    color: #999;
   
}
.news-box .news-case .news-case-box:nth-child(1){
    background: #fff;
}
.news-box .news-case .news-case-box:nth-child(3){
    background: #fff;
}
.news-box .news-case .news-case-box:nth-child(5){
    background: #fff;
}
.news-box .news-case .news-case-box:nth-child(7){
    background: #fff;
}



.news-box .news-case .news-case-box ul li.news-text a h4:hover{
    color: #19bc64;
}
.news-box .news-case .news-case-box ul li.news-text p:hover{
    color: #19bc64;
}

.news-box .news-case .news-case-box ul li.news-img a img:hover{
    transform: scale(1.2);
}
.news-box .fen ul.page-list {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    height: 180px;
    box-sizing: border-box;
}
.news-box .fen .page-list li {
    height: 36px;
    line-height: 36px;
    padding: 0 4px;
}
.news-box .fen .page-list a{
    height: 36px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 7px 17px;
    line-height: 20px;
    cursor: pointer;
}
.news-box .fen .page-list .active a{
    background: #19bc64;
    border: 1px solid #19bc64;
    color: #fff;
}