/*公共部分开始*/
body {
    font-family: "宋体";
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    outline: none;
}

    a em {
        font-style: normal;
        color: #ED2D24;
    }

img {
    border: none;
    max-height: 100%;
    max-width: 100%;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

    .pull-right:after,
    .pull-left:after {
        content: "";
        display: block;
        clear: both;
    }

table {
    table-layout: fixed; /*固定宽不变形*/
}

a:hover {
    text-decoration: underline;
}
/*正*/
.margin5 {
    margin-left: 5px;
    margin-right: 5px;
}

.margin10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin25 {
    margin-left: 25px;
    margin-right: 25px;
}

.margin30 {
    margin-left: 30px;
    margin-right: 30px;
}
/*top*/
.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop30 {
    margin-top: 30px;
}
/*负*/
.-margin5 {
    margin-left: -5px;
    margin-right: -5px;
}

.-margin10 {
    margin-left: -10px;
    margin-right: -10px;
}

.-margin15 {
    margin-left: -15px;
    margin-right: -15px;
}

.-margin20 {
    margin-left: -20px;
    margin-right: -20px;
}

.-margin25 {
    margin-left: -25px;
    margin-right: -25px;
}

.-margin30 {
    margin-left: -30px;
    margin-right: -30px;
}
/*公共部分结束*/
/*组建部分开始*/
/*components.right-control*/
.components.right-control {
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: auto;
    width: 70px;
    z-index: 999;
}

    .components.right-control .item {
        display: block;
        width: 68px;
        min-height: 26px;
        text-align: center;
        line-height: 68px;
        border: 1px solid #4D4D4D;
        background: #FFFFFF;
        color: #4D4D4D;
        padding: 12px 0px;
    }

        .components.right-control .item:not(:first-child) {
            margin-top: 10px;
        }

        .components.right-control .item:hover {
            text-decoration: none;
            background: #B30000;
            border: 1px solid #B30000;
            color: #FFFFFF;
        }

    .components.right-control div.font span:first-child {
        font-size: 30px;
        font-weight: bold;
        display: block;
        line-height: 20px;
    }

    .components.right-control div.image img:first-child {
        width: 68px;
        height: 68px;
    }

    .components.right-control .item div.font,
    .components.right-control .item div.image {
        position: relative;
    }

    .components.right-control .float {
        position: absolute;
        right: 75px;
        top: 0px;
        bottom: 0px;
        min-width: 60px;
        background: #FFFFFF;
        display: none;
    }

        .components.right-control .float.text {
            padding: 0px 10px;
            white-space: nowrap;
        }

        .components.right-control .float.img {
            min-width: 120px;
            min-height: 120px;
            top: -40px;
        }

    .components.right-control .item:hover .float {
        background: #00A200;
        display: block;
    }

    .components.right-control .item .title,
    .components.right-control .item .title {
        line-height: 26px;
        height: 26px;
        overflow: hidden;
        font-size: 12px;
        text-align: center;
    }
/*components.header-nav*/
.components.header-nav {
    text-align: center;
}

    .components.header-nav a {
        display: inline-block;
        line-height: 30px;
        padding: 0px 15px;
        color: #164EC0;
        border: 1px solid #164EC0;
        border-radius: 30px;
    }

        .components.header-nav a:hover {
            text-decoration: none;
            background: #164EC0;
            color: #FFFFFF;
        }

        .components.header-nav a:not(:first-child) {
            margin-left: 10px;
        }
/*components img*/
.components.img {
    padding: 10px 10px;
}

    .components.img .item {
        display: block;
        margin: 10px;
    }

        .components.img .item:hover {
            text-decoration: none;
        }

    .components.img img {
        display: block;
        width: 100%;
        margin: auto;
    }

    .components.img .title {
        display: block;
        padding: 0px 10px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #555555;
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
    }

    .components.img .item:hover {
        box-shadow: 0px 0px 20px #A5A5A5;
    }

        .components.img .item:hover .title {
            background: #B30000;
        }
/*components.label*/
.components.label {
    text-align: center;
    color: #999999;
    font-size: 14px;
}

    .components.label span.item:not(:first-child) {
        margin-left: 10px;
    }

    .components.label span.item .title:after {
        content: ":";
        margin-left: 3px;
        margin-right: 2px;
    }

    .components.label span.item .value {
        color: #999999;
    }
/*components.menu*/
.components.menu:after,
.components.menu .menus::after {
    content: "";
    display: block;
    clear: both;
}

.components.menu .group {
    position: relative;
    float: left;
    height: 40px;
    overflow: visible;
    margin: 40px 0px;
}

    .components.menu .group .sons {
        position: absolute;
        top: 40px;
        left: 0px;
        right: 0px;
        background: rgb(255 255 255 / 0.90);
        display: none;
        height: auto;
        overflow: hidden;
        z-index: 666;
    }

    .components.menu .group:hover .sons {
        display: block;
    }

.components.menu a.item,
.components.menu a.son {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #333333;
    display: block;
    float: left;
    font-size: 16px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.components.menu a.son {
    font-weight: normal;
}

    .components.menu a.item .text,
    .components.menu a.son .text {
        margin: 0px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .components.menu a.item:hover,
    .components.menu a.son:hover {
        text-decoration: none;
    }

    .components.menu a.item.active,
    .components.menu a.item:hover,
    .components.menu a.son.active,
    .components.menu a.son:hover {
        color: #B30000;
    }

.components.menu a.item div.icon {
    font-size: 40px;
}
/*components.pager-view*/
.components.pager-view a,
.components.pager-view img {
    display: block;
    width: 100%;
}
/*components.path*/
.components.path {
    font-size: 14px;
    padding: 2px 0px;
}

    .components.path:after {
        content: "";
        display: block;
        clear: both;
    }

    .components.path .pre {
        position: relative;
        margin-right: 10px;
    }

        .components.path .pre:after {
            content: ":";
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: -6px;
        }

    .components.path a.item {
        color: #333333;
        position: relative;
        font-size: 14px;
    }

        .components.path a.item:not(:last-child) {
            margin-right: 15px;
        }

            .components.path a.item:not(:last-child):after {
                content: ">";
                position: absolute;
                top: 0px;
                bottom: 0px;
                right: -13px;
            }
/*components.searcher*/
.components.searcher {
    border: 1px solid #B30000;
    overflow: hidden;
    height: 34px;
    min-width: 200px;
    border-radius: 0px 5px 5px 0px;
}

    .components.searcher.active {
        border: 1px solid #B30000;
    }

    .components.searcher .inner {
        height: 24px;
        padding: 5px 0px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .components.searcher input {
        border: none;
        background: none;
        width: 100%;
        height: 24px;
        line-height: 24px;
        outline: none;
    }

    .components.searcher .btn {
        display: block;
        width: 100%;
        height: 34px;
        text-align: center;
        line-height: 34px;
        font-weight: bold;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        background: #B30000;
    }

    .components.searcher.active .btn {
        color: #FFFFFF;
    }

    .components.searcher .btn:hover {
        text-decoration: none;
        color: #FFFFFF;
    }
/*components.side-nav*/
.components.side-nav {
    position: relative;
}

    .components.side-nav .side-header {
        height: 60px;
        line-height: 60px;
        background: #B30000;
        color: #FFFFFF;
        position: relative;
    }

        .components.side-nav .side-header .title {
            font-size: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #FFFFFF;
            text-align: center;
            display: block;
            text-align: center;
            font-weight: bold;
        }

            .components.side-nav .side-header .title:hover {
                text-decoration: none;
            }

        .components.side-nav .side-header .ico {
            font-size: 30px;
            color: #FFFFFF;
            text-align: center;
            float: left;
            display: inline-block;
            height: 80px;
            width: 90px;
        }

            .components.side-nav .side-header .ico img {
                float: left;
                width: 70px;
                height: 50px;
                margin: 15px 10px;
            }

    .components.side-nav .item {
        line-height: 60px;
        padding-left: 20px;
        display: block;
        color: #333333;
        font-size: 16px;
        text-align: left;
    }

        .components.side-nav .item:hover,
        .components.side-nav .item.active {
            background: #B1B1B1;
            position: relative;
            text-decoration: none;
            color: #FFFFFF;
        }

        .components.side-nav .item:before {
            content: "·";
            display: inline-block;
            vertical-align: middle;
            font-weight: bold;
            width: 10px;
            color: #AAAAAA;
            float: left;
            margin-right: 10px;
        }

        .components.side-nav .item.active:before,
        .components.side-nav .item:hover:before {
            color: #FFFFFF;
        }
/*components.slider*/
.components.slider {
    position: relative;
    background: #FFFFFF;
}

    .components.slider .swiper-slide {
        width: 100%;
    }

    .components.slider a.item {
        display: block;
        position: relative;
        overflow: hidden;
    }

        .components.slider a.item:hover {
            text-decoration: none;
        }

        .components.slider a.item img {
            display: block;
            margin: auto;
            width: 100%;
        }

        .components.slider a.item .title {
            text-align: center;
            background: #555555;
            font-size: 14px;
            color: #FFFFFF;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0px 10px;
        }

    .components.slider.has-title .pagination {
        position: absolute;
        z-index: 20;
        bottom: 40px;
        text-align: right !important;
        right: 5px !important;
        left: 5px !important;
    }

    .components.slider.has-title .swiper-pagination-switch {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #2558AD;
        margin: 0 5px;
        cursor: pointer;
    }

    .components.slider .pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        left: 0px;
        right: 0px;
        text-align: center;
    }

    .components.slider .swiper-pagination-switch {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #FFFFFF;
        margin: 0 5px;
        cursor: pointer;
    }

    .components.slider.has-title .swiper-active-switch,
    .components.slider .swiper-active-switch {
        background: #EE2627;
    }
/*components.swiper-group*/
.components.swiper-group a {
    text-decoration: none;
    font-size: 0px;
}

.components.swiper-group .title {
    background: #555555;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
}

.components.swiper-group a:hover .title {
    background: #B30000;
}
/*components.text*/
.components.text a.item {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333333;
    font-size: 14px;
    text-decoration:none;
}

    .components.text a.item:not(:first-child) {
        margin-top: 0px;
    }

    .components.text a.item .title {
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 50px;
        position: relative;
    }

    .components.text a.item span.time {
        position: absolute;
        right: 0px;
        width: 50px;
        top: 0px;
        bottom: 0px;
        text-align: center;
        color: #666666;
    }

    .components.text a.item:hover .text {
        text-decoration:underline;
    }

    .components.text a.item .title:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #AAAAAA;
        border-radius: 50%;
        margin: 0px 5px;
        margin-left: 10px;
        vertical-align: middle;
    }

    .components.text a.item:hover .title:before {
        background: #B30000;
    }

    .components.text a.item:hover span.time {
    }
/*components.turn-pager*/
.components.turn-pager {
    padding: 10px;
}

    .components.turn-pager .item {
        height: 23px;
        line-height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .components.turn-pager a {
        color: #333333;
    }
/*components img-card*/
.components.img-card {
    display: block;
    margin: 10px 10px;
    position: relative;
}

    .components.img-card img {
        display: block;
        width: 100%;
        margin: auto;
        height: 200px;
    }

    .components.img-card .title {
        display: block;
        position: absolute;
        top: 50%;
        transform: translate(0%,-50%);
        left: 0px;
        right: 0px;
        background: rgba(0, 0, 0, 0.5);
        color: #FFFFFF;
        font-size: 20px;
        text-align: center;
        padding: 15px 0px;
    }
/*components html*/
.components.html {
    line-height: 28px;
    color: #2a2a2a;
    font-size: 16px;
    min-height: 600px;
}

    .components.html p {
        margin: 0px 0px;
    }

    .components.html * {
        max-height: 100%;
        max-width: 100%;
    }
/*components pager*/
.components.pager {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}

    .components.pager ul {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .components.pager ul,
    .components.pager li {
        list-style: none;
    }

        .components.pager li.individual:hover,
        .components.pager li.current-page {
            background: #B30000;
        }

            .components.pager li.individual:hover span,
            .components.pager li.individual:hover a,
            .components.pager li.current-page span {
                color: #FFFFFF !important;
            }

    .components.pager li {
        display: inline-block;
        background: #EEEEEE;
        margin: 0px 3px;
        min-width: 30px;
        min-height: 30px;
    }

        .components.pager li span,
        .components.pager li a {
            display: inline-block;
            padding: 0 5px;
            margin: 5px;
            color: #333333;
        }

            .components.pager li a:hover {
                text-decoration: none;
            }

            .components.pager li span.value {
                color: #E43939;
                display: inline;
                padding: unset;
                margin: unset;
            }
/*components headline*/
.components.headline {
    background: #FFFFFF;
}

    .components.headline:after {
        content: "";
        display: block;
        clear: both;
    }

.components.headline {
    border: 1px dashed #CCCCCC;
    padding: 10px 10px;
}

    .components.headline a {
        display: block;
        padding-top: 5px;
    }

    .components.headline img {
        display: block;
        margin: auto;
        max-width: 100%;
    }
/*components panel*/
.components.panel {
    border: 1px solid #FFFFFF;
}

    .components.panel:after,
    .components.panel .panel-header:after,
    .components.panel .panel-body:after,
    .components.panel .panel-footer:after {
        content: "";
        display: block;
        clear: both;
    }

    .components.panel .panel-header {
        line-height: 40px;
        border-bottom: 1px solid #008C00;
    }

        .components.panel .panel-header .title {
            display: inline-block;
            position: relative;
            color: #00A200;
            font-weight: bold;
            background: #FFFFFF;
            min-width: 7em;
            text-align: left;
        }

            .components.panel .panel-header .title:before {
                margin-right: 5px;
            }

        .components.panel .panel-header .more {
            float: right;
            color: #666666;
            margin-right: 10px;
        }

            .components.panel .panel-header .more:hover {
                color: #008C00;
            }

    .components.panel .panel-body {
        background: #FFFFFF;
        padding: 20px 0px;
    }
/*components tab-panel*/

.components.tab-panel:after,
.components.tab-panel .panel-header:after,
.components.tab-panel .panel-body:after,
.components.tab-panel .panel-footer:after,
.components.tab-panel .body:after {
    content: "";
    display: block;
    clear: both;
}

.components.tab-panel .panel-header {
    line-height: 40px;
}

    .components.tab-panel .panel-header .title {
        display: inline-block;
        padding: 0px 10px;
        position: relative;
        font-weight: bold;
        color: #333333;
        min-width: 6em;
        text-align: center;
        background: #EEEEEE;
    }

        .components.tab-panel .panel-header .title:hover {
            text-decoration: none;
        }

        .components.tab-panel .panel-header .title.active {
            background: #B1853A;
            color: #FFFFFF;
        }

    .components.tab-panel .panel-header .more {
        background: #B1853A;
        color: #FFFFFF;
        padding: 0px 20px;
        padding-left: 25px;
        border-radius: 20px;
        display: none;
    }

        .components.tab-panel .panel-header .more.active {
            display: inline-block;
        }

.components.tab-panel .panel-body .body {
    display: none;
    background: #FFFFFF;
    padding: 10px 0px;
}

    .components.tab-panel .panel-body .body:first-child {
        display: block;
    }
/*components media*/
.components.media:after,
.components.media .media-item:after,
.components.media .media-item .media-header:after,
.components.media .media-item .media-body:after,
.components.media .media-item .media-footer:after {
    content: "";
    display: block;
    clear: both;
}

.components.media .media-item:not(:first-child) {
    margin-top: 10px;
}

.components.media .media-item .media-header {
    float: left;
}

.components.media .media-item .media-body {
    padding-left: 10px;
}

    .components.media .media-item .media-body .title {
        font-size: 18px;
        height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: top;
    }

        .components.media .media-item .media-body .title a {
            color: #000000;
        }

    .components.media .media-item .media-body .intro {
        font-size: 16px;
        color: #868686;
        line-height: 1.6;
    }

.components.media .media-item .media-footer .label {
    color: #AAAAAA;
    font-size: 0px;
    height: auto;
    overflow: hidden;
}

    .components.media .media-item .media-footer .label:not(:first-child) {
        margin-left: 10px;
    }

    .components.media .media-item .media-footer .label .pre,
    .components.media .media-item .media-footer .label .value {
        display: inline-block;
        vertical-align: middle;
        margin: 0px;
        padding: 0px;
        font-size: 14px;
    }
/*components ad*/
.components.ad a,
.components.ad img {
    display: block;
    margin: auto;
    width: 100%;
}
/*components swiper-group*/
.components.swiper-group {
    position: relative;
}


    .components.swiper-group .swiper-button-prev,
    .components.swiper-group .swiper-button-next {
        position: absolute;
        z-index: 666;
        top: 50%;
        margin-top: -30px;
        cursor: pointer;
        font-size: 60px;
        color: #A3A3A3;
    }

    .components.swiper-group .swiper-button-prev {
        left: -80px;
    }

    .components.swiper-group .swiper-button-next {
        right: -80px;
    }

        .components.swiper-group .swiper-button-prev:hover,
        .components.swiper-group .swiper-button-next:hover {
            color: #B30000;
        }
/*组建部分结束*/