@charset "utf-8";


.news-list {padding: 30px 0 60px;}
.news-list ul.list li {display: flex;align-items: center;}
.news-list ul.list li + li {margin-top: 20px;}
.news-list ul.list li .pic {width: 306px;overflow: hidden;}
.news-list ul.list li .pic img {width: 100%;}
.news-list ul.list li .txt {flex: 1;margin-left: 40px;}
.news-list ul.list li .txt h5 {color: #000;font-size: 24px;font-weight: 700;line-height: 1;}
.news-list ul.list li .txt h6 {margin-top: 10px;color: #757575;font-size: 16px;line-height: 1;}
.news-list ul.list li .txt p {color: #4A4A4A;font-size: 18px;line-height: 24px;margin-top: 15px;}
.news-list ul.list li a.more {width: 170px;line-height: 48px;margin-left: 65px;border: 1px solid #6E4527;border-radius: 25px;text-align: center;color: #6E4527;transition: all .5s ease;font-size: 18px;text-transform: uppercase;font-weight: 700;}

.news-list ul.list li a.more:hover {background: #6E4527;color: #fff;}


/*----page----*/
#pagesize{margin:50px 0 0;text-align:center;}
#pagesize ul{font-size:0;}
#pagesize ul li{display:inline-block;vertical-align:top;}
#pagesize ul li a{line-height:28px;width:28px;height:28px;margin:0 15px;display:inline-block;background:transparent;font-size:18px;color: #000;border-radius: 1px;transition:all 0.3s ease 0s;}
#pagesize ul li.tit a{width: auto;background: none;padding: 0 15px;color: #8E8E8E;}
#pagesize ul li.tit a i {margin-left: 1px;}
#pagesize ul li a:hover{background: #6E4527;box-shadow: 0 1px 0 0 #fff;color: #fff !important;}
#pagesize ul li span{line-height:28px;width:28px;height:28px;margin:0 2px;display:inline-block;font-size:14px;}
#pagesize ul li a.active{background: #6E4527;color:#fff;}
#pagesize ul li a.disabled{display: none;}

@media screen and (max-width:768px) {
#pagesize{margin:25px 0 0;}
#pagesize ul li a{padding:6px 10px;font-size:13px;}
#pagesize ul li span{padding:6px 10px;font-size:13px;}

}


@media screen and (max-width: 1550px) {
.news-list ul.list li .txt {margin-left: 35px;}
.news-list ul.list li .txt h5 {font-size: 22px;}
.news-list ul.list li .txt h6 {font-size: 15px;}
.news-list ul.list li .txt p {font-size: 17px;line-height: 22px;}
.news-list ul.list li a.more {width: 150px;line-height: 44px;margin-left: 50px;font-size: 17px;}
}
 
@media screen and (max-width: 1440px) {
}
                                          
@media screen and (max-width: 1367px) {
.news-list ul.list li .txt {margin-left: 30px;}
.news-list ul.list li .txt h5 {font-size: 20px;}
.news-list ul.list li .txt h6 {font-size: 14px;}
.news-list ul.list li .txt p {font-size: 16px;line-height: 20px;}
.news-list ul.list li a.more {width: 130px;line-height: 40px;margin-left: 35px;font-size: 16px;}
} 
                                    
@media screen and (max-width: 1280px) {
}
                                
@media screen and (max-width: 992px) {
.news-list ul.list li .txt h5 {font-size: 18px;}
.news-list ul.list li .txt h6 {margin-top: 5px;}
.news-list ul.list li .txt p {margin-top: 10px;}
.news-list ul.list li {flex-direction: column;}
.news-list ul.list li .pic { width: 70%;}
.news-list ul.list li .txt {margin-left: 0;margin-top: 20px;text-align: center;}
.news-list ul.list li a.more {line-height: 36px;margin-left: 0;font-size: 15px; margin-top: 20px;}
}
                                
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
.news-list ul.list li .pic { width: 100%;}
}

@media screen and (max-width: 400px) {
}