@charset "utf-8";
/* CSS Document */
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
    background: transparent;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

ul,
ul li, ol {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    color: #333;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
    background: transparent;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}




em, i {
    font-style: normal;
}

table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

body {
    font-family: "Microsoft YaHei",tahoma,arial,Hiragino Sans GB;
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin: 0 auto;
    word-break: break-all;
    min-width: 1200px;
    max-width: 1920px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}
/*浮动、位置*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after, .clear:before {
    content: "";
    clear: both;
    display: block;
}

.text_l {
    text-align: left;
}

.text_r {
    text-align: right;
}

.center {
    text-align: center;
}


/*单行溢出*/
.text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*2行溢出*/

.text-line2 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

img {
    border: 0;
    display: block;
    max-width: 100%;
}

.inline_block {
    display: inline-block !important;
}

/*背景*/
.bg_f4f4f4 {
    background: #f4f4f4;
}

.bg_f5f5f5 {
    background: #F5F5F5 !important;
}

.li_20 > li {
    width: 20% !important;
}

.li_25 > li {
    width: 25% !important;
}

.li_33 > li {
    width: 33.333333% !important;
}

.li_50 > li {
    width: 50% !important;
}


/*选中按钮*/
.IconsCK {
    display: inline-block;
    position: relative;
    width: .2rem;
    height: .2rem;
    vertical-align: middle;
}

    .IconsCK span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/icons/check_1.png) center no-repeat;
        background-size: 100% 100%;
    }




    .IconsCK.radio span {
        background: url(../images/icons/ck_4.png) center no-repeat;
        background-size: 100% 100%;
    }


/*头部样式*/
.header {
    background: rgba(0,0,0,.22);
}

.index__header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20;
    height: 90px;
}

.header_main .logo {
    float: left;
    height: 90px;
    width: 200px;
}

    .header_main .logo a {
        display: block;
        height: 90px;
    }

    .header_main .logo img {
        height: 66px;
        max-width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .header_main .logo a:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.header_main .rightBox {
    padding-left: 200px;
    text-align: right;
    font-size: 0;
}

.header_main .navList {
    display: inline-block;
    /*padding-right: 20px;*/
}

    .header_main .navList li {
        display: inline-block;
        margin-right: 34px;
    }

        .header_main .navList li a {
            padding: 0 22px;
            display: block;
            line-height: 90px;
            height: 90px;
            position: relative;
            font-size: 21.34px;
            color: #fff;
        }

            .header_main .navList li a:after {
                position: absolute;
                left: 0;
                right: 0;
                margin: 0 auto;
                content: "";
                bottom: 0;
                height: 4px;
                width: 100%;
                background-color: transparent;
            }

        .header_main .navList li.active a:after,
        .header_main .navList li:hover a:after {
            background-color: #fff;
        }

.BtnList {
    font-size: 0;
}

    .BtnList a {
        display: inline-block;
        font-size: 21.34px;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        line-height: 38px;
        text-align: center;
        padding: 0 10px;
        margin-right: 18px;
        color: #404040;
    }

        .BtnList a:last-child {
            margin-right: 0;
        }

.header_main .BtnList {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

    .header_main .BtnList:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        width: 1px;
        height: 60px;
        background: rgba(255,255,255,.47);
        margin-top: -30px;
    }

    .header_main .BtnList .btn {
        width: 80px;
        border-color: #fff;
        background-color: #fff;
    }

        .header_main .BtnList .btn.btn-active {
            border-color: #5b8de9;
            background-color: #5b8de9;
            color: #fff;
        }