*,::after,::before{box-sizing:border-box}

.img-fluid{max-width:100%;height:auto}
.news{width:100%; float:left;margin:0; }
.news-content{width:1280px; margin: 180px auto 0;}
.newsContainer{ width:100%; float: left; margin: 0 0 40px;font-size: 0}
.news-item{width:48.8%;padding:0;margin: 10px 0.6% 30px; color: #111;font-weight:500;display: inline-block;vertical-align: top; }
.news-item{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.news-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
@media (min-width:581px){.news-item{-ms-flex:0 0 50%;flex:0 0 50%;}}
@media (max-width:580px){.news-item{-ms-flex:0 0 50%;flex:0 0 50%;}}
.news-box { width:100%; float: left; overflow: hidden;position: relative;padding:0;margin-top:0;margin-bottom:0;}
.news-box .news-box-img {position: relative;overflow: hidden;}
.news-box .pnews-box-img:after {content: " ";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);}
.news-box .news-box-img > img {-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);margin:0;display:block}
.news-box:hover .news-box-img:after {background:rgba(101, 101, 101, 0.4);}
.news-box:hover .news-box-img > img {-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); }
.news-box .news-boxinfo{width: 100%; float: left; padding:20px 10px 20px; box-sizing: border-box;}
.news-box .news-boxinfo p{margin:0 0 20px;font-size: 15px; letter-spacing:0.05em; line-height: 1.7em;color: #666666;text-align:justify;}
.news-box .news-boxinfo h2{margin:0 0 5px; font-size:17px;letter-spacing: 0.05em;font-weight: 500;position: relative;display: inline-block;}
.news-box .news-boxinfo h3{margin:0; font-size: 13px;line-height: 1.6em;}
.news-box .news-boxinfo h2::after {content: '';position: absolute;bottom:1px;left: 0;width: 0%;border-bottom:1px solid #a56433;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.news-box:hover .news-boxinfo h2:after{width: 100%;}
.newsall{float:none;width:100%;margin:0 0 20px; display:block;position:relative;}
.newsall ul { margin:0; padding:0; list-style:none;} 
.newsall li {margin:0 15px; padding:0;display: inline;text-align:center; line-height:2em;} 
.newsall a {font-size:16px;color:#171717;text-decoration: underline;text-decoration-color: transparent;-webkit-text-decoration-color: transparent;-moz-text-decoration-color: transparent;text-underline-offset:5px;text-decoration-thickness: 1px;}
.newsall a:hover {color: #7c784e;text-decoration: none;text-decoration: underline;text-underline-offset:5px;text-decoration-thickness: 1px;transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;-o-transition: .8s;}
.inpage a {color: #7c784e; font-weight:500;text-decoration: underline;text-underline-offset:5px;text-decoration-thickness: 1px}
.inpage a:hover {color: #7c784e;text-decoration: underline;text-decoration-color: transparent;-webkit-text-decoration-color: transparent;-moz-text-decoration-color: transparent;text-underline-offset:5px;text-decoration-thickness: 1px;} 

@media screen and (max-width: 1600px) {
.news-content{margin: 150px auto 0;}
.news-item{width:32.3%;margin: 10px 0.5% 30px}
.newsContainer{margin: 0 0 30px}	
}
@media screen and (max-width: 1200px) {
.news-content{width:92%;margin: 130px auto 0; }
.newsContainer{margin: 0 0 20px}	
.newsall{width:100%;}
.news-item{margin: 10px 0.5% 20px}
}
@media only screen and (max-width: 980px) {
.news-content{margin: 110px auto 0;}
.newsContainer{margin: 0 0 20px;}
.news-item{width: 49%;margin:10px .5%}
.newsall{margin:0 0 10px}
}
@media only screen and (max-width: 767px) {
.news-content{margin:90px auto 0;}
.newsContainer{margin: 0 0 10px;}
.news-item{width:100%;margin:0 0 10px;}
.newsall{margin:0 0 15px}
.newsall li {margin:0 8px} 
.news-box .news-boxinfo{padding:15px 10px}
.news-box .news-boxinfo p{margin:0 0 15px}
.news-box .news-boxinfo h2{margin:0 0 3px;}
}