body,font,h1,h2,h3,h4,h5,h6,li,ul,div,span {font-family: "微软雅黑", Arial}
.banner { margin-top:85px;}
.article-banner {width: 100%;height: 425px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.article-banner__content  {position: relative;z-index: 3;background: rgba(0, 0, 0, 0.4);padding: 15px 50px;top: 355px;}
.article-banner__title {max-width: 730px;color: #fff;font-weight: normal;letter-spacing: 0;line-height: 1.25;font-size: 28px;margin: 0;text-transform: capitalize;}
.featured-articles { text-align:center;}
.featured-articles__block {display: flex;align-items: center;justify-content: center;position: relative;float: left;height: 230px;width: 20%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;transition: background-size 2s ease-in;-moz-transition: background-size 2s ease-in;-ms-transition: background-size 2s ease-in;-o-transition: background-size 2s ease-in;-webkit-transition: background-size 2s ease-in;}
.featured-articles__title a {color: #ffffff; font-weight: normal; font-size: 14px;}
.featured-articles__block:hover .featured-articles__title a {color: #d1c387;}
.featured-articles__content { text-align: center; position: relative; z-index: 3; top: 100px; overflow: hidden; background: rgba(0, 0, 0, 0.5); font-size: 14px; width: 99%;}
.tint {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.5);}

.wrapper { position: relative; overflow: hidden; width: 1325px; padding: 60px; padding-top:0; margin:0 auto; background:#ffffff; }
.canvas { width: 100%; height: 100%; position: relative; transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.wrap--base { padding: 60px 0; position: relative; background: #fff; }
.category-header h3 { white-space: nowrap; flex-grow: 1; margin: 0; background:#f6f6f6; }
.category-header h3 span { display: inline-block; padding:5px 10px; background:#000000; color: #ffffff;}
.category-header h3 .more { font-size: 14px; background:url("/static/icon-more-bb.png") no-repeat scroll 0 1px / 30px 30px; padding-left:40px; float:right; color:#000000;}
.category-list { margin-top: 50px; margin-bottom: 50px; width: 1205px;}
.category-list .card {width: 383px; float:left; margin-bottom: 20px;}
.category-list .card img {border: 1px solid #eee;display: table-cell;height: 213px;line-height: 213px;overflow: hidden;text-align: center;vertical-align: middle;width: 383px;}
.category-list .card2 {width: 280px; float:left; margin-bottom: 20px;}
.category-list .card2 img {border: 1px solid #eee;display: table-cell;height: 155px;line-height: 155px;overflow: hidden;text-align: center;vertical-align: middle;width: 280px;}
.category-list .card3 {width: 590px; float:left; margin-bottom: 20px;}
.category-list .card3 img {border: 1px solid #eee;display: table-cell;height: 330px;line-height: 330px;overflow: hidden;text-align: center;vertical-align: middle;width: 590px;}
.category-list .card3 .card__content { min-height: 150px;}
.category-list .card3 .card__content p { height: 110px;}
.category-list .card__category { float: left;display: block;text-transform: uppercase;font-size: 12px;clear: both;margin-bottom: 2px;color: #333;font-weight: bold;}
.category-list .card__category-sub {float:right; color:#cccccc;}
.category-list .card__content  {background: #f6f6f6;padding: 15px 25px 15px; min-height: 320px; position: relative; }
.category-list .card__content p { height:150px;  overflow:hidden;text-overflow:ellipsis;}
.category-list .card__author { font-size: 1.2rem; text-transform: capitalize; color: #998632; display: block; margin: 0 0 15px; }
.links { margin-bottom:0;}
.links a { margin-right:20px; float: left; line-height: 32px;}
.m_r_25 {margin-right:25px;}


@media (max-width: 1440px) {
}

@media (max-width: 1080px) {

}

@media (max-width: 1020px) {

}

@media (max-width: 768px) {
    h2{font-size:20px;}
    .wrapper { width: 100%; padding: 10px;}
    .category-list { width: 100%;}
    .category-list .card2 {width: 48%; margin:0 7px;}
    .category-list .card2 img {width: 100%; height: 155px;line-height: 155px;}
    .m_r_25 {margin-right:auto;}
    .category-list .card, .category-list .card3 {width: 100%;}
    .category-list .card3 img,.category-list .card img { width: 100%;}
    .category-list .card3 .card__content p,.category-list .card__content p {height:60px}
    .category-list .card__content {min-height: 218px;}



}

@media (max-width: 480px) {

}