﻿
body {
    letter-spacing: 0.1rem;
    /*min-width: 1200px;*/
    overflow: auto;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto !important;
}

a {
    color: #333333;
}

    a:hover {
        color: #333333;
        text-decoration: none;
    }

ul li {
    list-style-type: none;
}

p {
    margin: 0;
}

.banner img {
    width: 100%;
}

.text {
    position: absolute;
    left: 10%;
    top: 14%;
    z-index: 2;
    z-index: 999;
    width: 34% !important;
    height: auto !important;
}

.all {
    background-color: #F5F5F5;
}

    /*暂时隐藏左右箭头*/
    .all .tintin-rotation-btn {
        display: none;
    }

/*菜单部分*/
.tqtz, .ywzn, .xxqj, .wsyyt, .sqlb {
    width: 20%;
    float: left;
    height: 5.75vw;
    padding: 1.04vw 4.69vw;
    line-height: 2;
}

.tqtz {
    background: url(../images/img_tz.png) right 3.6vw center no-repeat;
    background-color: #E64748;
    background-size: 2.1vw;
}

.ywzn {
    background: url(../images/img_zn.png) right 3.6vw center no-repeat;
    background-color: #DE972E;
    background-size: 2.1vw;
}

.xxqj {
    background: url(../images/img_qj.png) right 3.6vw center no-repeat;
    background-color: #3F7398;
    background-size: 2.1vw;
}

.wsyyt {
    background: url(../images/img_yyt.png) right 3.6vw center no-repeat;
    background-color: #247E8C;
    background-size: 2.1vw;
}

.sqlb {
    background: url(../images/img_lb.png) right 22% center no-repeat;
    background-color: #E64748;
    background-size: 2.1vw;
}

.menu-title {
    font-size: 1.05vw;
    font-weight: 700;
    color: #ffffff;
}

.menu-content {
    font-size: 0.73vw;
    color: #ffffff;
}
/*新闻部分*/
.news {
    background: white;
    margin-top: 8.08vw;
}

.title {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}

.classify {
    float: left;
    font-size: 1.8vw;
    color: #CD151D;
    height: 2.61vw;
    line-height: 2.61vw;
}

.fenge {
    float: left;
    color: rgb(223,223,223);
    font-size: 3.3vw;
    height: 2.61vw;
    line-height: 2.61vw;
    width: 40px;
    text-align: center;
}

.type-name {
    height: 2.61vw;
    line-height: 1.305vw;
    font-size: 0.95vw;
    font-family: "微软雅黑"
}

.chinese {
    color: rgb(51,51,51);
}

    .chinese span {
        font-weight: 600;
    }

.english span {
    color: rgb(174,174,174);
}

.english a {
    color: rgb(174,174,174);
}

.news-content {
    width: 78%;
    margin: 0 auto;
    padding: 8rem 0;
    display: table;
}

.news-left {
    width: 51%;
    float: left;
    height: 33.9vw;
}

.cover {
    width: 100%;
    height: 26.6vw;
}

.news-left-content {
    width: 100%;
    background-color: rgb(247,247,247);
    padding: 4% 7%;
    display: inline-block;
    height: 7.3vw;
}

.left-date {
    width: 74px;
    background-color: #CD151D;
    color: white;
    text-align: center;
    font-size: 1.2vw;
    padding-bottom: 6px;
    height: 3.95vw;
    float: left
}

.day {
    font-size: 1.8vw;
    height: 2.4vw;
}

.left-content {
    height: 7.5rem;
    width: calc(100% - 74px);
    float: left;
    padding-left: 3%;
    text-align: justify;
}

    .left-content .news-title {
        color: #cd151d;
        font-size: 0.95vw;
    }

.news-title {
    height: 1.8vw;
    line-height: 1.8vw;
    color: #333333;
    font-size: 1.05vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.left-introduction {
    color: rgb(51,51,51);
    font-size: 0.83vw;
}

.news-introduction {
    color: rgb(51,51,51);
    font-size: 0.83vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-center {
    width: 49%;
    float: left;
    height: 33.9vw;
}

    .news-center img {
        width: 25%;
        float: left;
    }

.center-title {
    font-size: 1.2vw;
    color: #333333;
    width: 155px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
}

    .center-title:first-child {
        margin-left: calc((100% - 310px) / 2)
    }

.red-title {
    color: #cd151d;
}

    .red-title::after {
        content: '';
        width: 45%;
        display: block;
        margin: 0 auto;
        border-bottom: 2px solid #cd151d;
    }

.date {
    width: 105px;
    float: left;
    padding-right: 35px;
    border-right: 1px solid #e2e2e2;
}

    .date .day {
        font-size: 2.6vw;
        height: 3.39vw;
    }

    .date .month {
        font-size: 0.83vw;
        text-align: center;
        color: #A2A2A2;
    }

.center-more {
    width: 16%;
    height: 1.98vw;
    background-color: #f7f7f7;
    font-size: 1.05vw;
    color: #333333;
    display: inline-block;
    text-align: center;
    line-height: 1.98vw;
    margin-left: 42%;
    margin-top: 0.79vw;
}

.center-cover {
    height: 9.9rem;
}

.center-content {
    width: calc(100% - 105px);
    float: left;
    padding-left: 35px;
}

.more {
    float: right;
    color: #CD151D;
    font-size: 0.82vw;
}

    .more img {
        width: 0.7vw;
        margin-left: 6px;
        float: none;
    }

.time {
    color: rgb(173,173,173);
}

.news-center ul li {
    float: left;
    padding: 1.05vw 0;
}

.news-right {
    width: 33%;
    float: right;
    font-size: 0.95vw;
}

.right-title-show {
    width: 82%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding-top: 7px;
}

.home-title {
    width: 80%;
}

.month {
    font-size: 0.9vw;
}
/*专题栏目*/
.special {
    background: white;
    padding-top: 2.61vw;
    margin: 2.09vw 0;
    display: inline-block;
    width: 100%;
}

.next {
    width: 2.6rem;
    height: 6rem;
    text-align: center;
    line-height: 6rem;
    background-color: rgb(205 21 29 / 10%);
    margin-top: 2.09vw;
    display: block;
    position: absolute;
    top: 0.69vw;
    z-index: 200;
    cursor: pointer;
}

.next-left {
    left: 0;
}

.next-right {
    right: 0;
}

.special-content {
    margin-left: 3.5rem;
}

    .special-content ul {
        margin-left: 0;
        padding-left: 0;
    }

        .special-content ul li {
            float: left;
            margin: 0 2rem;
        }

            .special-content ul li img {
                width: 100%;
                height: 100%;
            }

.warp-pic-list {
    position: relative;
    overflow: hidden;
    width: 86%;
    margin: 0 auto;
    height: 8.9vw;
    padding: 1.57vw 0;
}

/*轮播图片*/
.tintin-rotation ul {
    padding: 0;
    height: 31vw;
    margin: 0;
}

.tintin-rotation img {
    width: 100%;
    height: 31vw;
    background-size: cover;
    background-position: center;
}

.tintin-rotation ul li {
    width: 100%;
}

.tintin-rotation-btn {
    position: absolute
}

.tintin-rotation-btn {
    width: 100%;
    height: 43px;
    top: 49%;
    margin-top: -20px;
}

    .tintin-rotation-btn span {
        width: 78px;
        height: 78px;
        cursor: pointer;
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        position: relative
    }

    .tintin-rotation-btn span {
        display: block;
    }

    .tintin-rotation-btn .left_btn {
        background: url(../images/banner_left.png) no-repeat center center;
        float: left;
        left: 27px;
    }

    .tintin-rotation-btn .right_btn {
        background: url(../images/banner_right.png) no-repeat center center;
        float: right;
        right: 27px;
    }

.fwrx, .contact {
    border-radius: 10px 0px 0px 10px;
    font-size: 0.83vw;
    color: #ffffff;
    width: 164px;
    text-align: center;
    position: absolute;
    right: 0;
}

.fwrx {
    height: 80px;
    background: #cd151d;
    line-height: 30px;
    padding-top: 10px;
    top: 24.5vw;
}

.contact {
    height: 60px;
    background: #ed9331;
    line-height: 60px;
    font-weight: bold;
    top: 30.73vw;
}

    .contact img {
        padding-right: 14px;
    }

.fwrx img {
    padding-right: 10px;
    margin-top: -3px;
}

.fwrx p:last-child {
    font-weight: bold;
}

.mobile-more {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    ul {
        padding: 0;
    }

    .all {
        background-color: white;
    }

    .tintin-rotation ul {
        height: 47vw;
    }

    .tintin-rotation img {
        height: 47vw;
    }

    .text {
        top: 28%;
    }

    .fwrx {
        top: 33vw;
        height: 13.5vw;
        width: 24%;
        font-size: 3vw;
        line-height: 5vw;
    }

    .contact {
        width: 24%;
        top: 49vw;
        height: 8vw;
        font-size: 3vw;
        line-height: 8vw;
    }

        .contact img {
            width: 7vw;
        }

    .tqtz, .ywzn, .xxqj, .wsyyt, .sqlb {
        width: 11%;
        height: 11vw;
        padding: 0;
        border-radius: 20px;
        background-position-x: 2vw;
        margin: 4vw 4.4vw;
        background-size: 7vw;
        text-align: center;
    }

    .menu-title {
        position: relative;
        top: 11vw;
        font-size: 3vw;
        color: #333333;
        width: 192%;
        margin-left: -46%;
        margin-top: 1vw;
        font-weight: 400;
    }

    .menu-content, .news-left, .special, footer, .center-more {
        display: none !important;
    }

    .news-content {
        width: 91%;
        padding: 0;
    }

    .center-title {
        font-size: 3.5vw;
        width: auto;
        font-weight: 700;
        height: 11vw;
        line-height: 11vw;
    }

        .center-title::after {
            height: 2vw;
            background: linear-gradient(90deg,rgba(205,21,29,0.20), #cd151d 98%);
            border-bottom: 0;
            width: 98%;
            margin-top: -4.7vw;
        }

    .red-title {
        color: #333333;
        font-size: 4.8vw;
    }

    .news-center {
        width: 100%;
        height: 91vw;
    }

    .center-title:first-child {
        margin-left: 0;
        margin-right: 6vw;
    }

    .date .day {
        font-size: 7vw;
        height: auto;
        max-height: 9vw;
    }

    .date .month {
        font-size: 2.5vw;
        text-align: left;
    }

    .news-center ul li {
        border-top: 0.5px solid #efefef;
    }

    .news-title {
        font-size: 3vw;
        height: 7vw;
        line-height: 7vw;
        padding: 0;
    }

    .news-introduction {
        font-size: 2vw;
    }

    .news-center ul li {
        padding: 3vw 0;
    }

    .mobile-more {
        font-size: 3.5vw;
        height: 11vw;
        line-height: 11vw;
        float: right;
        background: url(../images/mobile-more.png) no-repeat right center;
        padding-right: 4vw;
        background-size: 2.4vw;
    }

        .mobile-more a {
            color: #CECECE;
        }

    .first-more {
        display: block !important;
    }

    .center-content {
        padding-left: 4vw;
    }

    .news {
        margin-top: 23vw;
    }
}
