/* 
* @Author: anchen
* @Date:   2021-08-13 10:49:48
* @Last Modified by:   anchen
* @Last Modified time: 2021-08-18 14:47:59
*/

.wpo-breadcumb-area:before{
    background:none;
}
.wpo-breadcumb-area {
    background: url(/addons/WebSites/frontend/resources/img/hongfengzixun.jpg) no-repeat center top/cover;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    height: 460px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    min-height: 100px;
}

.wpo-breadcumb-area h2{
    font-size: 70px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 70px;
    padding: 50px 40px;
    text-align: left;
}



/* 锚点条 */
.article-nav {
    height:100%;
    width:100%;
    position: relative;
    /*background: url(/addons/WebSites/frontend/resources/img/组28.94af0cd8.png);
    background-repeat:no-repeat;
    background-size:101% 123%;
    -moz-background-size:101% 123%;
    background-position: center center;*/
    border-bottom: 1px solid #efefef;
}
.background-left,
.background-right {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
    background: url(/addons/WebSites/frontend/resources/img/i-flower-1.png);
    background-repeat:no-repeat;
    opacity:0.1;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
}
.background-left{
    left: 0;
    background-position-x: left;
    background-position-y: bottom;
    background-size:  auto !important;
}
.background-right{
    right: 0;
    background-position-x: right;
    background-position-y: top;
    background-size: auto !important;
}
.article-nav .nav-menu {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0 20px;
}
.article-nav .nav-menu li{
    list-style: none;
    display:block;
    padding: 0 20px;
    box-sizing: border-box;
}

.article-nav .nav-menu li a{
    color: #A92611;
    display: block;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 3px solid #fff;
}
.article-nav .nav-menu li.active a,
.article-nav .nav-menu li:hover a{
    border-bottom: 4px solid #AC1F24;
    color: #A92611;
}


/*  正文  */

.article-content{
    margin-top: 40px;
}
.post{
    background:url("/addons/WebSites/frontend/resources/img/empty-1.png");
}
.article-content .entry-meta {
    list-style: none;
    overflow: hidden;
    margin: 15px 0;
}
.article-content .entry-meta {
    color:#666;
}
.article-content .entry-meta ul{
    padding-left: 0;
    margin: 0;
}
.article-content .entry-meta li{
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
    font-weight: 500;
    font-size: 14px;
    font-size: 0.9333333333rem;
    float: left;
    text-transform: uppercase;
}

.article-content .entry-meta ul .riqi{
    color: red;
}

.article-content .entry-meta li + li{
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}
.article-content .entry-meta li i{
    position: relative;
    top: 2px;
    margin-right: 3px;
}
.desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color:#666;
    height: 165px;
}
.article-desc {
    position: relative;
}
.more {
    text-align: right;
    margin-bottom: 0;
    color:#666;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 5px;
}

.entry-meta a,.more a{
    color:#4f555a;
}
.format-standard{
    background-color: #f4f8fc;
    padding: 15px 25px 25px;
    border-radius:4px;
}
.article-content .post{
    margin-bottom: 20px;
}
.entry-details .thumb{
    /*height: 200px;*/
    overflow: hidden;
}
.entry-details img{
    width:100%;
    /*height: 100%;*/
    display: block;
}
.post h3 a{
    font-size: 24px !important;
    font-size: 2.2666666667rem;
    line-height: 1.2em;
    font-weight: 600;
    margin: -0.27em 0 0.7em;
    font-family: "Futura PT Demi";
    color:#232f4b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.post .entry-meta,
.post .entry-details{
    padding: 0 20px;
}

/* 相关文章 */
.article-link{
    padding:15px;
}
.article-link img{
    width: 100%;
    display: block;
    /*height: 100%;*/
}
.article-link h4{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}
.article-link ul{
    display:block;
}
.article-link li{
    list-style: none;
    display:block;
    margin-top: 15px;
}
.article-link .thumb {
    padding-right: 0 !important;
}
.article-title{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    padding-top: 5px;
    margin-bottom: 5px !important;
}
.article-title a{
    color: #666;
}
.article-date{
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #999999;
    line-height: 20px;
}
.none-desc {
    text-align: center;
}

/* 自适应设置 */

@media only screen and (max-width: 576px) {
    .about-banner.wpo-breadcumb-area {
        height: 150px;
    }
    .about-banner.wpo-breadcumb-area h2{
        font-size: 35px;
        line-height: 35px;
    }
    .article-nav .nav-menu li{
        padding: 0 15px;
    }
    .article-nav .nav-menu li a{
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 20px;
    }
    .background-left{
        background:none;
    }
    .background-right{
        width: 100%;
        background-position-x: center;
        background-position-y: center;
        background-size: cover !important;
    }
}

@media only screen and (min-width: 576px) {
    .about-banner.wpo-breadcumb-area {
        height: 210px;
    }
    .about-banner.wpo-breadcumb-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .article-nav .nav-menu li{
        padding: 0 15px;
    }
    .article-nav .nav-menu li a{
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 20px;
    }
    .background-left{
        background:none;
    }
    .background-right{
        width: 100%;
        background-position-x: center;
        background-position-y: center;
        background-size: cover !important;
    }
}

@media only screen and (min-width: 768px) {
    .about-banner.wpo-breadcumb-area {
        height: 270px;
    }
    .about-banner.wpo-breadcumb-area h2{
        font-size: 45px;
        line-height: 45px;
    }
    .article-nav .nav-menu li{
        padding: 0 25px;
    }
    .article-nav .nav-menu li a{
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 20px;
    }
    .background-left{
        width: 50%;
        height: 100%;
        z-index: -1;
        background: url(/addons/WebSites/frontend/resources/img/i-flower-1.png);
        background-repeat:no-repeat;
        left: 0;
        background-position-x: left;
        background-position-y: bottom;
        background-size:  auto !important;
    }
    .background-right{
        right: 0;
        background-position-x: right;
        background-position-y: top;
        background-size: auto !important;
    }
    .pagination-wrapper {
        text-align: center !important;
    }
}


@media only screen and (min-width: 992px) {
.about-banner.wpo-breadcumb-area {
    height: 330px;
}
.about-banner.wpo-breadcumb-area h2{
    font-size: 50px;
    line-height: 50px;
}
.article-nav .nav-menu li{
    padding: 0 35px;
}
.article-nav .nav-menu li a{
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 20px;
}
}


@media only screen and (min-width: 1200px) {
.about-banner.wpo-breadcumb-area {
    height: 400px;
}
.about-banner.wpo-breadcumb-area h2{
    font-size: 55px;
    line-height: 55px;
}
.article-nav .nav-menu li{
    padding: 0 55px;
}
.article-nav .nav-menu li a{
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 20px;
}
}

@media only screen and (min-width: 1400px) {
.about-banner.wpo-breadcumb-area {
    height: 460px;
}
.about-banner.wpo-breadcumb-area h2{
    font-size: 60px;
    line-height: 60px;
}
.article-nav .nav-menu li{
    padding: 0 75px;
}
.article-nav .nav-menu li a{
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 20px;
}
}