/*news*/
.frame_news {display: flex; flex-wrap: wrap;}
.news-list {
    width: 31.205674%;
    margin: 0 3.191489% 40px 0;
    border: 1px solid #e7e7e7;
}
.frame_news > .news-list:nth-child(3n+3) {margin: 0 0 40px 0;}

.news-list > div:first-child {
    position: relative;
    overflow: hidden;
    line-height: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.news-list > div:first-child > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.news-list > div:first-child img {
    /*width: 100%;*/transform: scale(1.0); max-height: 100%;
    transition: all 0.4s ease-out 0s;
}

.news-list > div:first-child:hover img {
    transform: scale(1.1);
}

.news-list > div:first-child:hover .news-date {
    background: #95b128;
}

.news-list > div:last-child {
    padding: 30px 20px;
    font-size: 16px;
    line-height: 24px;
}

.news-date {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #000000;
    padding: 9px 7px 0 7px;
    color: #ffffff;
    font-size: 17px;
    line-height: 100%;
    transition: all 0.4s ease-out 0s;
}

.news-date span {
    display: block;
    font-size: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 100%;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.news-title {
    font-size: 18px;
    line-height: 1.7;
    position: relative;
    color: #000000;
    padding-bottom: 14px;
    margin-bottom: 22px;
}

.news-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10%;
    height: 3px;
    background: #95b128;
    display: block;
}

.news-btn {
    text-align: right;
}

.news-btn a {
    display: inline-block;
    width: 132px;
    line-height: 37px;
    text-align: center;
    background: #fff;
    color: #fff;
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid #95b128;
    text-decoration:none!important;
}

.news-btn a:hover {
    background: #95b128;
    color: #fff!important;
}

/*news-detail*/
.news-detail-top {
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}

.news-detail-top > div:first-child {
    width: 80px;
    position: relative;
}

.news-detail-top > div:last-child {
    width: calc(100% - 80px - 38px);
    margin-left: 38px;
    position: relative;
    font-size: 30px;
    line-height: 100%;
    color: #000;
    padding-bottom: 22px;
}

.news-detail-top > div:last-child:after {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #95b128;
    position: absolute;
}

.news-date2 {
    position: relative;
    top: auto;
    left: auto;
}

.news-back-btn { background: #f3f3f3; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding: 0 10px; text-align: right;}
.news-back-btn a {display: block; line-height: 66px; background: #fff; text-align: center; width:154px; color: #9f9f9f; font-size: 18px; margin: 0 0 0 auto; transition: all 0.4s ease-out 0s;}
.news-back-btn a:hover { background: #9f9f9f; color: #fff; width: 100%;}

.pro_community{margin-left: 118px;margin-bottom: 20px;}
@media only screen and (max-width: 992px) {
    .news-list {width: 32%; margin: 0 2% 40px 0;}
    .frame_news > .news-list:nth-child(3n+3) {margin: 0 0 40px 0;}
    .news-list > div:last-child {padding: 25px 15px;}
    .news-title {line-height: 1.5;}
    .news-title::after {width: 15%;}
    .pro_community{margin-left: 0;}
}
@media only screen and (max-width: 768px) {
    /*.news-title {font-size: 24px;}
    .news-list > div { width:100% !important;}
    .news-list > div:last-child {padding: 20px 0 0 0;}
    .news-detail-top > div { width:100% !important;}
    .news-detail-top > div:last-child { margin-left:0px; margin-top: 15px; font-size: 24px; padding-bottom: 15px; }
    .news-date2 { width:auto; height: auto; padding: 8px; text-align: left; display: inline-block;}
    .news-date2 span { display: inline-block; vertical-align: middle; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid rgba(255,255,255,.5); border-bottom-width: 0;}*/
    .news-list, .frame_news > .news-list:nth-child(3n+3) {width: 48%; margin: 0 4% 40px 0;}
    .frame_news > .news-list:nth-child(2n+2) {margin: 0 0 40px 0;}
}
@media only screen and (max-width: 576px) {
    .news-list, .frame_news > .news-list:nth-child(3n+3) {width: 48.5%; margin: 0 3% 40px 0;}
    .frame_news > .news-list:nth-child(2n+2) {margin: 0 0 40px 0;}
    .news-list > div:last-child {padding: 20px 10px;}
}
@media only screen and (max-width: 430px) {
    .news-list, .frame_news > .news-list:nth-child(3n+3), .frame_news > .news-list:nth-child(2n+2) {width: 100%; max-width: 440px; margin: 0 auto 40px auto;}
}