body {
    overflow-x: hidden;
    background-color: #f8f8f8;
}
.swiper-container {
    height:3rem;
}

.banner-box {
    position: relative;
    width: 100vw;
    height: 480px;
    background-size: cover;
    background-position: center;
}

    .banner-box > .banner-content {
        position: absolute;
        left: 25%;
        top: 30%;
    }

        .banner-box > .banner-content > .banner-title-en {
            font-size: 24px;
            font-weight: normal;
            color: #FFFFFF;
            line-height: 28px;
        }

        .banner-box > .banner-content > .banner-title-cn {
            position: relative;
            font-size: 60px;
            font-weight: 300;
            color: #FFFFFF;
            line-height: 70px;
        }

            .banner-box > .banner-content > .banner-title-cn:after {
                content: "";
                position: absolute;
                left: 0px;
                bottom: -12px;
                width: 56px;
                height: 4px;
                background: #A40000;
            }

.content-mn {
    width:12rem;
    margin:0.8rem auto;
    margin-top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#3E3A39;
}
.content-mn > .nav-wrap{
    margin-right:0.2rem;
}
.content-mn >  .nav-wrap > li.nav-active {
    background-color:#A40000;
    color:#fff;
}
.content-mn > .nav-wrap > li {
    width:2rem;
    height:0.48rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    padding:0 0.2rem 0 0.3rem;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-size:0.16rem;
    cursor:default;
    background-color:#fff;
}


.content-mn > .nav-wrap > li img{
    width:0.07rem;
}
.content-mn > .main{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.nav-main{
    display:none;
    width:100%;
    line-height:0.24rem;
}
.show {
    display:block;
}
.pager {
    text-align: center;
    margin-top: 68px;
}

/* 最新资讯 */
.nav-news{
    position:relative;
}

    .nav-news .item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .nav-news a {
        margin: 10px;
        color: #3E3A39;
        width: 380px;
        box-shadow: 0 4px 30px 0 rgb(0 48 146 / 10%);
    }
.nav-news a:last-child{

}
    .nav-news .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
        .nav-news .item .img-wrap {
            width: 380px;
            height: 240px;
            overflow: hidden;
        }
        .nav-news .item .main-img {
            width: 380px;
            height: 240px;
            background-size: cover;
            background-position: center center;
            transition: all 0.3s;
        }
            .nav-news .item .main-img:hover {
                transform: scale(1.2);
            }
        .nav-news .item > .right {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 20px;
        }
            .nav-news .item > .right > .title {
                width: 100%;
                font-weight: 500;
                margin-bottom: 20px;
                font-size: 20px;
                color: #333333;
                line-height: 23px;
            }
            .nav-news .item > .right > .des {
                text-align: justify;
                font-size: 16px;
                font-weight: 400;
                color: #666666;
                line-height: 24px;
            }
            .nav-news .item > .right > .date {
                margin-top: 12px;
                font-size: 16px;
                font-weight: 300;
                color: #999999;
                line-height: 19px;
            }



@media screen and (min-width: 1200px) {
    .swiper-container{
        display:block;
    }
    .content-mn > .nav-wrap{
        display:block;
    }
}
@media screen and (max-width: 1200px) {

    .swiper-container {
        display: none;
    }
    .content-mn > .nav-wrap{
        display:none;
    }
    .content-mn{
        margin:0;
    }
    
    
    .content-mn{
        width:100%;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
    }
    .content-mn > .main{
        width:100%;
    }
    .nav-main{
        padding:0 0.15rem;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
    }
    .banner-box {
        height: 240px;
    }
        .banner-box > .banner-content {
            left: 50%;
            transform: translateX(-50%);
        }
        .banner-box > .banner-content > .banner-title-en {
            font-size: 16px;
        }

        .banner-box > .banner-content > .banner-title-cn {
            font-size: 30px;
            line-height: 50px;
            text-align: center;
        }

            .banner-box > .banner-content > .banner-title-cn:after {
                left: 50%;
                width: 34px;
                height: 2px;
                transform: translateX(-50%);
            }

    /** 分页插件 */
    .pager{
        text-align:center;
        margin-top:0rem;
        margin-bottom:0.24rem;
    }
    /** 新闻资讯 */
    .nav-news .item .img-wrap {
        width: 100%;
        height: auto;
    }
    .nav-news .item .main-img {
        width: 100%;
        height: 200px;
    }
        .nav-news .item .main-img:hover {
            transform: scale(1);
        }
    .nav-news a{
        margin-top:0.24rem;
        margin-bottom:0.24rem;
        border-bottom: 1px dashed #ccc;
    }
    .nav-news a:last-child{
        border-bottom: 0;
        padding-bottom: 0;
    }

    .nav-news .item > .right > .title{
        height: 0.24rem;
        line-height:0.24rem;
        font-size: 0.12rem;
        font-weight: 700;
        margin-bottom: 0.05rem;
    }
    .nav-news .item > .right > .des{
        font-size:0.10rem;
        color:#666;
        line-height:0.2rem;
    }
    .nav-news .item > .right > .date{
        font-size:0.10rem;
        line-height:1.5;
        margin-top:0.15rem;
    }
    
}