@charset "UTF-8";
/*!
 * news.css
*/
.news-list {background: #ffffff;padding: 30px;box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.news-list li {padding: 30px 0; border-bottom: 1px solid #ffffff; -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1); transition: all .66s cubic-bezier(.17,.84,.44,1); position: relative; }
.news-list li:first-child {padding-top: 0;}
.news-list li h4 {margin: 0 0 10px;font-size: 18px;}
.news-list li h4 a {position: relative;color: #3dac49;text-shadow: none;background-image:-webkit-linear-gradient(45deg, #3dac49, #177170 50%, #1f8d85); -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.news-list li:after {content: ''; width: 0; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0; -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1); transition: all .66s cubic-bezier(.17,.84,.44,1); }
.news-list li:hover::after {width: 100%;background-color: #3dac49;}
.news-list li:hover a {text-decoration: none;}
.news-list li .media-left {padding-right: 20px;}
.news-list li .media-left>a {display: block; width:160px;overflow: hidden;}
.news-list li .media-left .media-object {max-width:100%;transition: all 0.5s ease-out;}
.news-list li.media:hover .media-left .media-object { transform: matrix(1.24,0,0,1.24,0,0); }
.news-list li p {font-size: 16px;}
.news-list li p.des {color: #999;margin-bottom: 10px;font-size: 13px;}
.news-list li p.info {margin-bottom: 0px;font-size: 16px;color: #999;}
.news-list li .media-body p.info {margin: 0;}
.news-list li p.info span {margin-left: 10px;}
.news-list li p.info span:first-child {margin: 0;}
.news-list li p.info i {color: #999;}
.news-list>.details-title {margin-bottom:30px;padding-bottom: 20px;border-bottom: 1px solid #cecece;}
.news-list>.details-title>.info {color:#999;font-size:16px;}
.news-list>.content * { max-width: 100% !important;line-height: 1.8;font-size: 16px; word-wrap: break-word !important; }
.news-list>.next-news {margin-top: 30px;padding-top: 30px;border-top: 1px solid #cecece;}
.news-list>.next-news a {display:inline-block;width: 49%;}

.cate {padding: 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); background-color: #fff }
.cate>.search-form>.input-search {position: relative;}
.cate>.search-form>.input-search>.input-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    border: none;
    background-image: -webkit-linear-gradient(-90deg, #3dac49, #177170 50%, #1f8d85);
}

.cate>.search-form>.input-search>.form-control {background-color: #ffffff; color: #9e9e9e; border-color: #3dac49; border-radius: 0; }
.cate>h3>a {display:block;margin-top:35px;padding-bottom: 10px;font-size:20px;color: #3dac49;text-decoration: none;text-align: center;}
.cate>.catelist {margin: 0px 0 0;padding: 0px 0 0;}
.cate>.catelist>li {margin-top:0;border-top: 1px solid #eaeaea;}
.cate>.catelist>li>a {padding: 15px 0;padding-left: 26px;position: relative;display: block;color: #333333;transition: color 0.2s;-webkit-transition: color 0.2s;font-size: 16px;border-left: 4px solid transparent;text-decoration: none;}
.cate>.catelist>li>a.active {border-color: #3dac49;color: #3dac49;}

.input-search-btn+.form-control {padding-right: 50px;}

@media (max-width: 991px) {
    .news-list li h4 {font-size:18px;margin-bottom: 10px;}
}

@media (max-width: 767px) {
    .news-list li {padding: 20px 0}
    .news-list li .media-left {padding-right: 10px}
    .news-list li .media-left .media-object {width: 100px}
    .news-list li h4 {font-size: 16px;margin-bottom: 5px}
    .news-list li p {font-size: 14px}
    .news-list li p.des {margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical     }
    .news-list li:after {width: 100%}
    .news-list li p.info {margin-left: 0px}
}

@media (max-width: 479px) {
    .news-list li .media-left {display:table-cell}
}

@media (max-width: 349px) {
    .news-list li .media-left {width:100%}
    .news-list li .media-left {padding: 0; width: 30%; display: table-cell; padding-right: 10px}
    .news-list li .media-left .media-object {width: auto;max-width: 100%}
    .news-list li .media-body {margin-top: 15px}
}