@charset "utf-8";
/* CSS Document */
/* ===============Common=============== */
* {
    scrollbar-3dlight-color: #D4D0C8; /*- 最外左 -*/
    scrollbar-highlight-color: #fff; /*- 左二 -*/
    scrollbar-face-color: #E4E4E4; /*- 面子 -*/
    scrollbar-arrow-color: #666; /*- 箭头 -*/
    scrollbar-shadow-color: #808080; /*- 右二 -*/
    scrollbar-darkshadow-color: #D7DCE0; /*- 右一 -*/
    scrollbar-base-color: #D7DCE0; /*- 基色 -*/
    scrollbar-track-color: #808080; /*- 滑道 -*/
}

body {
    font-family: "微软雅黑",Arial,Tahoma;
    font-size: 14px;
    color: #2c3237;
    text-align: left;
    background: #fff;
    overflow-x: auto;
}

body, ul, ol, li, dl, dt, dd, img, div, table, tr, td, p, h1, h2, h3, h4, h5, h6, input, form {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, input {
    font-size: 12px;
    font-weight: 400;
}

ul, ol, li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

img {
    border: 0;
    margin: 0;
}

.fl {
    float: left;
}

.flheader a {
    color: #fff;
    display: inline-block;
    float: left;
    margin-left: 15px
}

.fr {
    float: right;
}

a {
    color: #2c3237;
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        color: #ef8200;
    }

.clear {
    clear: both;
    *display: inline;
    overflow: hidden;
}

.clearfix:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.dotted-line {
    border-style: dashed;
    height: 1px;
    border: none;
    border-top: 1px solid #999;
}

.mar {
    width: 100%;
}

input {
    border: 1px solid #CCC;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    color: #333;
    font-size: 14px;
    outline: none;
}

    input:hover {
        outline: none;
    }

textarea {
    font-family: "微软雅黑",Arial,Tahoma;
    border: 1px solid #CCC;
    padding: 6px;
    color: #333;
    line-height: 18px;
    font-size: 14px;
}


/* =============================Index====================== */
#index {
    font-family: "微软雅黑",Arial,Tahoma;
    font-size: 14px;
    color: #2c3237;
    text-align: left;
    height: 100%;
    width: 100%;
    background: #f5f5f5 url(../Images/bg.jpg) top repeat-x;
}

#index_m {
    font-family: "微软雅黑",Arial,Tahoma;
    font-size: 14px;
    color: #2c3237;
    text-align: left;
    height: 100%;
    width: 100%;
    background: #f5f5f5 url(../Images/bg.jpg) top repeat-x;
}

.index {
    width: 1200px;
    margin: 0 auto;
}

.indexForManage {
    width: 100%;
    margin: 0 auto;
}

.header {
    height: 52px;
    /*min-width: 1100px;*/
}

    .header a.logo {
        width: 246px;
        height: 52px;
        float: left;
    }

.menuForMain {
    width: auto;
    z-index: 999;
    position: relative;
    margin-left: 25px;
    float: left;
}

    .menuForMain ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .menuForMain ul li {
            float: left;
            position: relative;
        }

            .menuForMain ul li li {
                margin-left: 0px;
            }

            .menuForMain ul li a h3 {
                color: #fff;
                font-size: 16px;
                height: 52px;
                line-height: 52px;
                padding: 0 25px;
                background: url(../Images/menu_nav.jpg) right center no-repeat;
            }

            .menuForMain ul li a {
                display: block;
                text-align: center;
                text-decoration: none;
                height: 52px;
                line-height: 52px;
            }

                .menuForMain ul li a:hover, .menuForMain ul li a.s {
                    display: block;
                    text-align: center;
                    text-decoration: none;
                    height: 52px;
                    line-height: 52px;
                }

                    .menuForMain ul li a:hover h3, .menuForMain ul li a.s h3, .menuForMain ul li:hover a h3, .menuForMain ul li:hover ul li a h3 {
                        color: #ffc7c8;
                        font-size: 16px;
                        height: 52px;
                        line-height: 52px;
                    }

            .menuForMain ul li ul {
                display: none;
                z-index: 999;
            }

            .menuForMain ul li:hover a {
                background: #911d22;
            }

            .menuForMain ul li:hover ul {
                display: block;
                top: 52px;
                left: 0;
                width: 140px;
                position: absolute;
            }

                .menuForMain ul li:hover ul li a {
                    display: block;
                    background: #000;
                    color: #fff;
                    opacity: 0.75;
                    height: 48px;
                    line-height: 48px;
                    width: 114px;
                }

                    .menuForMain ul li:hover ul li a:hover {
                        background: #a62528;
                        color: #fff;
                        opacity: 0.75;
                    }

.header .t {
    height: 52px;
    line-height: 55px;
    color: #fff;
    font-size: 14px;
    float: right;
    text-align: right;
}

    .header .t span {
        margin-right: 0px;
    }

    .header .t a.cn {
        width: 21px;
        height: 22px;
        display: inline-block;
        float: left;
        background: #fff;
        border-right: 1px solid #fff;
        text-align: center;
        line-height: 20px;
        color: #d03335;
        font-size: 14px;
        margin: 17px 0 0 25px;
    }

    .header .t a.en {
        width: 24px;
        height: 22px;
        display: inline-block;
        float: left;
        text-align: center;
        line-height: 22px;
        color: #fff;
        font-size: 14px;
        font-family: Verdana, Geneva, sans-serif;
        margin: 17px 0 0 0;
    }

    .header .t a.cn:hover {
        background: #4d4a49;
        color: #fff;
        border-right: 1px solid #d03335;
    }

    .header .t a.en:hover {
        background: #fff;
        color: #d03335;
        border-left: 1px solid #d03335;
    }

    .header .t a.qt {
        color: #fff;
        display: inline-block;
        float: left;
        margin: 0 30px 0 40px;
    }

    .header .t a.qtop {
        color: #fff;
        display: inline-block;
        font-weight: bold;
        float: left;
        margin: 0 0px 0 15px;
    }

    .header .t a.qtk {
        color: #fff;
        display: inline-block;
        float: left;
        margin: 0 0 0 40px;
    }

    .header .t a.qt:hover {
        color: #ffc1c2;
    }

    .header .t a.qtk:hover {
        color: #ffc1c2;
    }

.container {
    width: 1200px;
    margin: 0 auto;
}

.containerForManage {
    width: 100%;
    margin: 0 auto;
}

.container .list li .banner {
    position: relative;
    z-index: 9;
}

    .container .list li .banner img {
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        height: 295px;
        width: 270px;
        overflow: hidden;
    }

.container .list li .tit {
    margin-top: -50px;
    background: rgba(47,49,42,0.5);
    width: 100%;
    height: 45px;
    display: block;
    z-index: 888;
    position: relative;
    line-height: 45px;
    font-size: 14px;
}

    .container .list li .tit a {
        display: block;
        color: #fff;
        position: relative;
        width: 260px;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-indent: 12px;
        font-size: 16px;
    }

        .container .list li .tit a:hover {
            color: #e5e5e5;
        }

.container .list li .lst {
    margin: 14px 15px;
}

    .container .list li .lst a {
        padding: 0 10px;
    }

.container .list {
    border-top: 0px solid #e5e5e5
}

    .container .list li {
        width: 100%;
        border-bottom: 1px dashed #dedede;
        color: #4c4948;
    }

        .container .list li:nth-of-type(odd) {
            background: #ffffff;
        }

        .container .list li:nth-of-type(even) {
            background: #f0f0f0;
        }

        .container .list li:hover {
            background-color: #d4d4d4;
        }

        .container .list li td {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    .container .list .date {
        width: 90px;
        padding-right: 20px;
        color: #999999;
    }

        .container .list .date h3 {
            font-size: 30px;
            text-align: center;
            font-weight: bold;
            line-height: 22px;
            font-family: Arial,Helvetica,sans-serif;
        }

        .container .list .date h5 {
            font-size: 14px;
            text-align: center;
            font-weight: bold;
            line-height: 32px;
        }

    .container .list .title {
        padding-right: 20px;
    }

        .container .list .title a {
            width: 350px;
            line-height: 22px;
            font-size: 18px;
            font-weight: bold;
            display: block
        }

            .container .list .title a:hover {
                color: #c30d23;
            }

    .container .list .to {
        width: 200px;
        padding-right: 20px;
        line-height: 22px;
        font-size: 14px;
    }

    .container .list .address {
        width: 100px;
        padding-right: 30px;
        line-height: 16px;
        font-size: 14px;
    }

    .container .list .button {
        width: 120px;
        padding-right: 20px;
    }

        .container .list .button p {
            text-align: center;
        }

        .container .list .button input {
            width: 110px;
            margin-bottom: 4px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            background: #c30d23;
            color: #fff;
            padding: 0 0px;
            text-align: center;
            font-size: 14px;
            font-family: "微软雅黑";
            height: 30px;
            line-height: 30px;
            box-shadow: none;
            border: none;
            cursor: pointer;
        }

            .container .list .button input:hover {
                background: #ef8200;
            }

    .container .list .img img {
        width: 160px;
        height: 90px;
        overflow: hidden;
        background-size: 100%;
    }

    .container .list .button .hide {
        width: 110px;
        margin: 0 auto 4px auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        background: #d4d4d4;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-family: "微软雅黑";
        height: 30px;
        line-height: 28px;
        box-shadow: none;
        border: 1px solid #f2f2f2;
        cursor: default;
        display: block;
    }

    .container .list li.top table {
        background: url(../Images/meeting_top.png) no-repeat 0px 0px;
        background-size: 35px
    }
/* =============================List====================== */
.tit01 {
    background: #919295;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
}

.tastyle01 {
    border-collapse: collapse;
}

    .tastyle01 td {
        padding: 10px 15px;
        font-size: 16px;
        border: 1px solid #fff;
    }

        .tastyle01 td td {
            padding: 0;
            font-size: 16px;
            border: 0px solid #fff;
        }

    .tastyle01 .w1 {
        width: 20%;
    }

    .tastyle01 .w2 {
        width: 30%;
    }

    .tastyle01 .w3 {
        width: 5%;
    }

    .tastyle01 .w4 {
        width: 18%;
    }

    .tastyle01 .w5 {
        width: 22%;
    }

    .tastyle01 .w6 {
        width: 50%;
    }

    .tastyle01 .w7 {
        width: 4%;
    }

    .tastyle01 .w8 {
        width: 12%;
    }

    .tastyle01 .w9 {
        width: 8%;
    }

    .tastyle01 .w10 {
        width: 80%;
    }

    .tastyle01 .w11 {
        width: 18.3%;
    }

    .tastyle01 .w12 {
        width: 40%;
    }

    .tastyle01 .c1 {
        background: #f1f1f1;
    }

    .tastyle01 .c2 {
        background: #f7f7f7;
    }

    .tastyle01 .c3 {
        background: #e9e9e9;
    }

    .tastyle01 .c4 {
        background: #ececec;
    }

    .tastyle01 .c5 {
        background: #21abda;
        color: #fff;
    }

    .tastyle01 .c7 {
        background: #8fc840;
        color: #fff;
    }

    .tastyle01 .c8 {
        background: #e0f0e9;
        color: #fff;
    }

    .tastyle01 .c6 {
        background: #f6f6f6;
        border: 1px solid #cacaca;
    }

.tastyle02 {
    border-collapse: collapse;
}

    .tastyle02 td {
        padding: 10px 15px;
        font-size: 16px;
        border: 1px solid #000;
    }

    .tastyle02 .w1 {
        width: 20%;
    }

.btnDiv {
    background: #e5e5e5;
    padding: 25px 0;
    text-align: center;
}

.tastyle03 {
    border-collapse: collapse;
}

    .tastyle03 td {
        padding: 10px 15px;
        font-size: 16px;
    }

    .tastyle03 tr td:nth-of-type(1) {
        width: 30%;
    }

    .tastyle03 tr td:nth-of-type(2) {
        width: 20%;
    }

    .tastyle03 tr td:nth-of-type(3) {
        width: 25%;
    }

    .tastyle03 tr td:nth-of-type(4) {
        width: 25%;
    }

/*blue*/
.gbtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/gbtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
}

    .gbtn:hover {
        background: #6ad9ff;
    }

/*red*/
.rbtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/rbtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
}

    .rbtn:hover {
        background: #f8639c;
    }

/*green*/
.lbtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/lbtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
}

    .lbtn:hover {
        background: #ade561;
    }

/*gray*/
.obtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/obtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
}

    .obtn:hover {
        background: #b9b9b9;
    }

/*blue black*/
.sbtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/sbtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
}

    .sbtn:hover {
        background: #9ba9c4;
    }

/*orange*/
.rbtn2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/rbtn2.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
}

    .rbtn2:hover {
        background: #ff8a85;
    }

/*yellow*/
.abtn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/abtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #bf7100;
}

    .abtn:hover {
        background: #f3d8b2;
    }

.lmenu {
    width: 246px;
    background: #32323a;
    height: calc(100vh - 52px);
    overflow-y: auto;
}

    .lmenu li a {
        display: block;
        height: 42px;
        line-height: 42px;
        color: #c6c6c6;
        font-size: 13px;
        text-indent: 10px;
        border-bottom: 1px solid #4e4e52;
    }

        .lmenu li a:hover, .lmenu li a.s {
            background: url(../Images/lm_hover.jpg) repeat-y;
            color: #fff;
        }

.loc {
    height: 40px;
    background: #f6f6f6;
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
}

    .loc p {
        line-height: 40px;
        text-indent: 20px;
    }

.info {
    margin: 12px auto;
}

    .info .tit {
        height: 40px;
        width: 100%;
        line-height: 40px;
        border-top: 2px solid #ce6f72;
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
        text-indent: 20px;
        color: #464646;
        font-size: 16px;
        background: #FFF;
        font-weight: bold;
    }

    .info .con {
        width: 100%;
        min-height: 600px;
        border: 1px solid #e8e8e8;
    }

        .info .con ul {
            margin: 30px 200px;
        }

        .info .con li {
            padding: 12px 0;
            margin-left: 90px
        }

    .info .feedback {
        width: 100%;
        min-height: 600px;
        border: 1px solid #e8e8e8;
        background: #FFF;
    }

        .info .feedback ul {
            margin-top: 20px;
            margin-left: 20px;
            font-size: 20px;
            font-weight: 600;
        }

        .info .feedback li {
            padding: 12px 0;
            font-size: 16px;
            font-weight: 500;
            padding-top: 5px;
        }

            .info .feedback li input {
                margin-left: 30px;
                margin-right: 4px;
            }

                .info .feedback li input[type=text] {
                    margin-left: 20px;
                    margin-top: 10px;
                }

.page {
    background: #fff bottom repeat-x;
    display: block;
    height: 48px;
    width: 100%;
    padding-top: 10px;
}

    .page .total {
        float: left;
        color: #656565;
        padding-left: 20px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        font-weight: bold;
    }

        .page .total span {
            color: #cf3335;
            font-family: Arial;
        }

#nav {
    float: right;
    margin-top: 5px;
}

    #nav li {
        margin-right: 5px;
        float: left;
        height: 24px;
        line-height: 24px;
        font-family: Arial;
    }

    #nav a {
        color: #979797;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        border: 1px solid #bababa;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-weight: bold;
        padding: 0 8px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #nav li a:hover {
        font-weight: bold;
        color: #d36263;
        border: 1px solid #ec8e8f;
        padding: 0 8px;
        background: #f6a3a4;
    }

    #nav .current {
        border: #d36263 1px solid;
        font-weight: bold;
        color: #fff;
        background: #df5254;
        height: 24px;
        line-height: 24px;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        padding: 0 8px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #nav .disabled {
        border: #bababa 1px solid;
        font-weight: bold;
        color: #979797;
        background: #fff;
        height: 24px;
        line-height: 24px;
        display: inline-block;
        text-align: center;
        padding: 0 8px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

.rbox {
    width: calc(100% - 246px);
    height: calc(100% - 52px);
}

#right .con .b1 {
    height: 47px;
}

.check_fl {
    text-align: left;
}

    .check_fl input {
        display: inline-block;
        float: left;
        position: relative;
        top: 1px;
        margin-right: 2px;
        margin-left: 40px;
    }

        .check_fl input:first-child {
            margin-left: 0;
        }

    .check_fl span {
        display: inline-block;
        float: left;
    }

.position {
    background: #1883D5;
    height: 30px;
    border: 1px dashed #10BEF0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 30px;
}

.clause_content {
    width: 750px;
    margin: 0 auto;
}

    .clause_content h3 {
        font-size: 30px;
        display: block;
        color: #888075;
        text-align: center;
        line-height: 100px;
        font-weight: 300;
    }

    .clause_content h4 {
        font-size: 30px;
        display: block;
        color: #888075;
        text-align: center;
        line-height: 100px;
        font-weight: 300;
    }

    .clause_content h5 {
        font-size: 22px;
        display: block;
        color: #888075;
        text-align: center;
        line-height: 100px;
        font-weight: 300;
    }

    .clause_content h6 {
        font-size: 16px;
        display: block;
        color: #888075;
        text-align: left;
        line-height: 30px;
        font-weight: 300;
        margin-left: 50px;
    }

    .clause_content .xian {
        width: 100%;
        height: 1px;
        display: block;
        background: #d3c6b4;
    }

    .clause_content .xinxi {
        width: 50%;
        display: inline-block;
        float: left;
        font-size: 14px;
        color: #888075;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .clause_content .xinxi p.d {
            line-height: 30px;
            height: 30px;
            background: url('../images/dian-red.png') no-repeat 3px;
            text-indent: 20px;
        }

        .clause_content .xinxi p.e {
            line-height: 30px;
            height: 30px;
            background: url('../images/dian-hui.png') no-repeat 20px;
            text-indent: 40px;
        }

    .clause_content label {
        font-size: 14px;
        line-height: 30px;
        color: #888075;
        width: 215px;
        display: inline-block;
        float: left;
        text-align: right;
        height: 40px;
        margin-right: 20px;
    }

    .clause_content input {
        border: none;
        border-radius: 3px;
        border: 1px solid #e2e0dd;
        width: 300px;
        height: 40px;
        font-size: 14px;
        line-height: 30px;
        color: #888075;
        display: inline-block;
        float: left;
        margin-left: 10px;
        margin-top: 20px;
    }

    .clause_content .xinhao {
        color: red;
    }

    .clause_content .left {
        font-size: 14px;
        line-height: 30px;
        color: #888075;
        width: 215px;
        display: inline-block;
        float: left;
        text-align: right;
        height: 40px;
        margin-top: 25px;
    }

    .clause_content .label-input {
        width: 535px;
        display: inline-block;
    }

        .clause_content .label-input label {
            width: auto;
            display: inline-block;
            float: left;
            text-align: left;
            line-height: 40px;
            text-indent: 10px;
            margin-top: 20px;
            margin-left: 8px;
        }

        .clause_content .label-input input {
            width: 14px;
            display: inline-block;
            float: left;
            margin-top: 0;
        }

    .clause_content button {
        width: 220px;
        height: 40px;
        border-radius: 3px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        float: left;
        border: none;
        font-size: 18px;
    }

        .clause_content button.disable {
            background: #808080;
            color: #fff;
            margin-left: 225px;
        }

        .clause_content button.confirm {
            background: #B90A40;
            color: #fff;
            margin-left: 225px;
        }

        .clause_content button.cancel {
            background: #F6E7D3;
            color: #888076;
            margin-left: 20px;
        }

        .clause_content button.return {
            background: #B90A40;
            color: #fff;
            margin-left: 425px;
        }

/* =============================MAIN====================== */
#main {
    font-family: "微软雅黑",Arial,Tahoma;
    font-size: 14px;
    color: #2c3237;
    text-align: left;
    height: 100%;
    width: 100%;
    background: #fff url(../Images/homeImg/top.jpg) top repeat-x;
}

.header02 {
    height: 30px;
    min-width: 1100px;
}

    .header02 .t {
        height: 30px;
        line-height: 28px;
        color: #fff;
        font-size: 14px;
        float: right;
        text-align: right;
    }

        .header02 .t span {
            margin-right: 0px;
        }

        .header02 .t a {
            color: #fff;
            display: inline-block;
            float: left;
            margin-left: 15px;
        }

            .header02 .t a:hover {
                color: #ef8200;
            }

            .header02 .t a.cn {
                width: 18px;
                height: 20px;
                display: inline-block;
                float: left;
                background: #c30d23;
                border-right: 1px solid #c30d23;
                text-align: center;
                line-height: 18px;
                color: #fff;
                font-size: 14px;
                margin: 5px 0 0 15px;
                -webkit-border-radius: 4px 0 0 4px;
                -moz-border-radius: 4px 0 0 4px;
                -ms-border-radius: 4px 0 0 4px;
                -o-border-radius: 4px 0 0 4px;
            }

            .header02 .t a.en {
                width: 21px;
                height: 20px;
                display: inline-block;
                float: left;
                background: #7c7c7c;
                border-left: 1px solid #7c7c7c;
                text-align: center;
                line-height: 18px;
                color: #fff;
                font-size: 13px;
                font-family: Verdana, Geneva, sans-serif;
                margin: 5px 0 0 0;
                -webkit-border-radius: 0 4px 4px 0;
                -moz-border-radius: 0 4px 4px 0;
                -ms-border-radius: 0 4px 4px 0;
                -o-border-radius: 0 4px 4px 0;
            }

            .header02 .t a.cn:hover {
                border-right: 1px solid #f2f2f2;
            }

            .header02 .t a.en:hover {
                border-left: 1px solid #f2f2f2;
            }

.mainmenu {
    width: 600px;
    height: 50px;
    margin-top: 20px;
}

    .mainmenu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .mainmenu ul li {
            float: right;
        }

            .mainmenu ul li a h3 {
                color: #000;
                font-size: 16px;
                height: 50px;
                line-height: 50px;
                padding: 0 30px;
            }

            .mainmenu ul li a {
                display: block;
                text-align: center;
                text-decoration: none;
                height: 50px;
                line-height: 50px;
                margin: 0px 1px;
            }

                .mainmenu ul li a:hover, .mainmenu ul li a.s {
                    display: block;
                    text-align: center;
                    text-decoration: none;
                    height: 50px;
                    line-height: 50px;
                }

                    .mainmenu ul li a:hover h3, .mainmenu ul li a.s h3, .mainmenu ul li:hover a h3, .mainmenu ul li:hover ul li a h3 {
                        color: #c30d23;
                        font-size: 16px;
                        height: 50px;
                        line-height: 50px;
                        border-bottom: 3px solid #c30d23;
                    }

.mainnav {
    margin: 50px 0 0 0;
}

    .mainnav li {
        width: 400px;
        display: inline-block;
        float: left;
        margin-bottom: 40px;
    }

        .mainnav li:hover a {
            cursor: default;
        }

        .mainnav li a.a1 .nav {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 0 5px 0 16px;
            background: url(../Images/homeImg/icon_11.png) no-repeat;
        }

        .mainnav li a.a1:hover .nav {
            background: url(../Images/homeImg/icon_11_hover.png) no-repeat;
            cursor: default;
        }

        .mainnav li a.a2 .nav {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 0 5px 0 16px;
            background: url(../Images/homeImg/icon_13.png) no-repeat;
        }

        .mainnav li a.a2:hover .nav {
            background: url(../Images/homeImg/icon_13_hover.png) no-repeat;
            cursor: default;
        }

        .mainnav li a.a3 .nav {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 0 5px 0 16px;
            background: url(../Images/homeImg/icon_12.png) no-repeat;
        }

        .mainnav li a.a3:hover .nav {
            background: url(../Images/homeImg/icon_12_hover.png) no-repeat;
            cursor: default;
        }

        .mainnav li a.a4 .nav {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 0 5px 0 16px;
            background: url(../Images/homeImg/icon_08.png) no-repeat;
        }

        .mainnav li a.a4:hover .nav {
            background: url(../Images/homeImg/icon_08_hover.png) no-repeat;
            cursor: default;
        }

        .mainnav li a.a5 .nav {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 0 5px 0 16px;
            background: url(../Images/homeImg/icon_10.png) no-repeat;
        }

        .mainnav li a.a5:hover .nav {
            background: url(../Images/homeImg/icon_10_hover.png) no-repeat;
            cursor: default;
        }

        .mainnav li a.a6 .nav {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 0 5px 0 16px;
            background: url(../Images/homeImg/icon_09.png) no-repeat;
        }

        .mainnav li a.a6:hover .nav {
            background: url(../Images/homeImg/icon_09_hover.png) no-repeat;
            cursor: default;
        }

        .mainnav li a.a1:hover h3, .mainnav li a.a4:hover h3 {
            color: #c30d23;
            cursor: default;
        }

        .mainnav li a.a2:hover h3, .mainnav li a.a5:hover h3 {
            color: #0098bc;
            cursor: default;
        }

        .mainnav li a.a3:hover h3, .mainnav li a.a6:hover h3 {
            color: #ef8200;
            cursor: default;
        }

        .mainnav li a:hover p {
            color: #a3a3a3;
            cursor: default;
        }

        .mainnav li .txt {
            width: 252px;
            margin-left: 15px;
            overflow: hidden;
        }

            .mainnav li .txt h3 {
                font-size: 18px;
                color: #000;
                font-family: "微软雅黑";
                line-height: 20px;
                margin-bottom: 10px;
            }

            .mainnav li .txt p {
                font-size: 14px;
                color: #b5b5b5;
                font-family: "微软雅黑";
                line-height: 19px;
                overflow: hidden;
            }

.scroll01 {
    width: 560px;
    margin: 0 25px 0 15px;
}

    .scroll01 .tit {
        height: 30px;
        line-height: 30px;
        border-bottom: 2px solid #CCC;
        width: 100%;
        margin-bottom: 10px;
    }

        .scroll01 .tit h3 {
            font-size: 16px;
            color: #000;
            font-family: "微软雅黑";
            height: 30px;
            line-height: 30px;
            border-bottom: 2px solid #C00;
            display: inline-block;
            padding: 0 6px 0 3px;
        }

#scrollDiv01 {
    width: 560px;
    overflow: hidden;
    margin: 0px;
    height: 455px;
    min-height: 50px;
}

    #scrollDiv01 li {
        display: block;
        border-bottom: 1px dashed #CCC;
        height: 90px;
    }

        #scrollDiv01 li .l {
            width: 390px;
            padding-top: 10px;
        }

            #scrollDiv01 li .l a {
                font-size: 14px;
                color: #000;
                font-family: "微软雅黑";
                height: 35px;
                display: block;
                line-height: 35px;
                width: 360px;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

                #scrollDiv01 li .l a:hover {
                    color: #999
                }

            #scrollDiv01 li .l p {
                font-size: 14px;
                color: #b5b5b5;
                font-family: "微软雅黑";
                line-height: 25px;
            }

        #scrollDiv01 li .r {
            width: 170px;
            padding-top: 10px;
        }

            #scrollDiv01 li .r .con {
                width: 180px;
                height: 38px;
                margin-top: 14px;
                color: #fff;
                float: right;
            }

                #scrollDiv01 li .r .con a.ll {
                    background: url(../Images/homeImg/icon_16.png) no-repeat;
                    display: inline-block;
                    width: 89px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    text-indent: 16px;
                }

                    #scrollDiv01 li .r .con a.ll:hover {
                        background: url(../Images/homeImg/icon_16_hover.png) no-repeat;
                    }

                #scrollDiv01 li .r .con a.rr {
                    background: url(../Images/homeImg/icon_17.png) no-repeat;
                    display: inline-block;
                    width: 90px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    text-indent: 10px;
                }

                    #scrollDiv01 li .r .con a.rr:hover {
                        background: url(../Images/homeImg/icon_17_hover.png) no-repeat;
                    }

                #scrollDiv01 li .r .con a.gray01 {
                    background: url(../Images/homeImg/icon_18.png) no-repeat;
                    display: inline-block;
                    width: 89px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    cursor: text;
                    text-indent: 16px;
                }

                #scrollDiv01 li .r .con a.gray02 {
                    background: url(../Images/homeImg/icon_19.png) no-repeat;
                    display: inline-block;
                    width: 90px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    cursor: text;
                    text-indent: 10px;
                }

                #scrollDiv01 li .r .con a.gray01:hover {
                    background: url(../Images/homeImg/icon_18.png) no-repeat;
                    cursor: default;
                }

                #scrollDiv01 li .r .con a.gray02:hover {
                    background: url(../Images/homeImg/icon_19.png) no-repeat;
                    cursor: default;
                }

.scroll02 {
    width: 560px;
    margin: 0 10px 0 30px;
}

    .scroll02 .tit {
        height: 30px;
        line-height: 30px;
        border-bottom: 2px solid #CCC;
        width: 100%;
        margin-bottom: 10px;
    }

        .scroll02 .tit h3 {
            font-size: 16px;
            color: #000;
            font-family: "微软雅黑";
            height: 30px;
            line-height: 30px;
            border-bottom: 2px solid #C00;
            display: inline-block;
            padding: 0 6px 0 3px;
        }

#scrollDiv02 {
    width: 560px;
    overflow: hidden;
    margin: 0px;
    height: 455px;
    min-height: 50px;
}

    #scrollDiv02 li {
        display: block;
        border-bottom: 1px dashed #CCC;
        height: 90px;
    }

        #scrollDiv02 li .l {
            width: 390px;
            padding-top: 10px;
        }

            #scrollDiv02 li .l a {
                font-size: 14px;
                color: #000;
                font-family: "微软雅黑";
                height: 35px;
                display: block;
                line-height: 35px;
                width: 360px;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

                #scrollDiv02 li .l a:hover {
                    color: #999
                }

            #scrollDiv02 li .l p {
                font-size: 14px;
                color: #b5b5b5;
                font-family: "微软雅黑";
                line-height: 25px;
            }

        #scrollDiv02 li .r {
            width: 170px;
            padding-top: 10px;
        }

            #scrollDiv02 li .r .con {
                width: 180px;
                height: 38px;
                margin-top: 14px;
                color: #fff;
                float: right
            }

                #scrollDiv02 li .r .con a.ll {
                    background: url(../Images/homeImg/icon_16.png) no-repeat;
                    display: inline-block;
                    width: 89px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    text-indent: 16px;
                }

                    #scrollDiv02 li .r .con a.ll:hover {
                        background: url(../Images/homeImg/icon_16_hover.png) no-repeat;
                    }

                #scrollDiv02 li .r .con a.rr {
                    background: url(../Images/homeImg/icon_17.png) no-repeat;
                    display: inline-block;
                    width: 90px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    text-indent: 10px;
                }

                    #scrollDiv02 li .r .con a.rr:hover {
                        background: url(../Images/homeImg/icon_17_hover.png) no-repeat;
                    }

                #scrollDiv02 li .r .con a.gray01 {
                    background: url(../Images/homeImg/icon_18.png) no-repeat;
                    display: inline-block;
                    width: 89px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    cursor: text;
                    text-indent: 16px;
                }

                #scrollDiv02 li .r .con a.gray02 {
                    background: url(../Images/homeImg/icon_19.png) no-repeat;
                    display: inline-block;
                    width: 90px;
                    color: #fff;
                    font-family: "微软雅黑";
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    line-height: 38px;
                    height: 38px;
                    float: left;
                    cursor: text;
                    text-indent: 10px;
                }

                #scrollDiv02 li .r .con a.gray01:hover {
                    background: url(../Images/homeImg/icon_18.png) no-repeat;
                    cursor: default;
                }

                #scrollDiv02 li .r .con a.gray02:hover {
                    background: url(../Images/homeImg/icon_19.png) no-repeat;
                    cursor: default;
                }

#scrollDiv01 .small {
    width: 135px;
    height: 76px;
    overflow: hidden;
    float: right;
    margin-top: -5px;
}

#scrollDiv02 .small {
    width: 135px;
    height: 76px;
    overflow: hidden;
    float: right;
    margin-top: -5px;
}

.footer {
    background: #666;
    border-top: 0px solid #333;
    min-height: 120px;
    width: 100%;
    margin-top: 40px;
}

    .footer p {
        line-height: 100px;
        color: #999;
        font-family: "微软雅黑";
        font-size: 14px;
        text-align: center;
    }

@media (max-width: 991px) {
    .footer {
        width: 1200px;
    }
}

/* slide */
.slide-main {
    height: 330px;
    position: relative;
    overflow: hidden;
    min-width: 1200px
}

.slide-login {
    height: 330px;
    position: relative;
    overflow: hidden
}

.prev, .next {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 222;
    top: 150px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    _border: 1px solid none;
}

.prev {
    left: 50px;
}

.next {
    right: 50px;
}

    .prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }

.item {
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    z-index: 124;
    top: 290px;
    left: 0;
    text-align: center;
}

    .item a {
        display: inline-block;
        width: 24px;
        height: 5px;
        margin-right: 11px;
        background: #333;
        opacity: 0.6;
        -moz-opacity: 0.6;
        filter: alpha(opacity=60);
        overflow: hidden;
    }

        .item a.cur {
            background: #d5d5d5;
        }

.slide-box, .slide {
    display: block;
    width: 100%;
    height: 330px;
    overflow: hidden;
    text-align: center;
    background: #dddddd;
}

.slide-box {
    position: relative;
}

.slide {
    display: none;
    height: 330px;
    position: relative;
    z-index: 8;
    width: 100%;
}
/*#bgstyled img{background-size:330px;overflow:hidden;height:330px;margin:0 auto}*/
#bgstyled img {
    width: 1920px;
    height: 330px;
    position: absolute;
    left: calc(50% - 960px);
}

.slide a {
    display: block;
    width: 100%;
    height: 330px;
    cursor: pointer;
}

.banAnimate .obj-a {
    display: block;
    animation-name: baoAni;
    -webkit-animation: baoAni 0.4s linear 0s normal none;
    -moz-animation: baoAni 0.4s linear 0s normal none;
    animation: baoAni 0.4s linear 0s normal none;
}

@-webkit-keyframes baoAni {
    from {
        opacity: 0;
        left: 60%;
    }

    to {
        opacity: 1;
        left: 50%;
    }
}

@-moz-keyframes baoAni {
    from {
        opacity: 0;
        left: 60%;
    }

    to {
        opacity: 1;
        left: 50%;
    }
}

@keyframes baoAni {
    from {
        opacity: 0;
        left: 60%;
    }

    to {
        opacity: 1;
        left: 50%;
    }
}

.banAnimate .obj-b {
    display: block;
    animation-name: saAni;
    -webkit-animation: saAni 0.4s linear 0s normal none;
    -moz-animation: saAni 0.4s linear 0s normal none;
    animation: saAni 0.4s linear 0s normal none;
}

@-webkit-keyframes saAni {
    from {
        opacity: 0;
        -webkit-transform: scale(0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1,1);
    }
}

@-moz-keyframes saAni {
    from {
        opacity: 0;
        -moz-transform: scale(0,0);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1,1);
    }
}

@keyframes saAni {
    from {
        opacity: 0;
        transform: scale(0,0);
    }

    to {
        opacity: 1;
        transform: scale(1,1);
    }
}

.watch-code.code-show {
    display: block;
    animation-name: scode;
    -webkit-animation: scode 0.3s linear 0s normal none;
    -moz-animation: scode 0.3s linear 0s normal none;
    animation: scode 0.3s linear 0s normal none;
}

@-webkit-keyframes scode {
    from {
        opacity: 0;
        -webkit-transform: scale(1,0);
        transform-origin: left bottom;
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform-origin: left bottom;
    }
}

@-moz-keyframes scode {
    from {
        opacity: 0;
        -moz-transform: scale(1,0);
        transform-origin: left bottom;
    }

    to {
        opacity: 1;
        -moz-transform: scale(1,1);
        transform-origin: bottom bottom;
    }
}

@keyframes scode {
    from {
        opacity: 0;
        transform: scale(1,0);
        transform-origin: left bottom;
    }

    to {
        opacity: 1;
        transform: scale(1,1);
        transform-origin: left bottom;
    }
}

.banAnimate .obj-c, .banAnimate .obj-e {
    display: block;
    animation-name: saAnic;
    -webkit-animation: saAnic 0.3s linear 0s normal none;
    -moz-animation: saAnic 0.3s linear 0s normal none;
    animation: saAnic 0.3s linear 0s normal none;
}

@-webkit-keyframes saAnic {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes saAnic {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes saAnic {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.banAnimate .obj-d, .banAnimate .obj-f {
    display: block;
    animation-name: saAnid;
    -webkit-animation: saAnid 0.3s linear 0s normal none;
    -moz-animation: saAnid 0.3s linear 0s normal none;
    animation: saAnid 0.3s linear 0s normal none;
    min-width: 1200px
}

@-webkit-keyframes saAnid {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes saAnid {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes saAnid {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* =============================20170822====================== */
.about01 {
    width: 100%;
}

    .about01 .tit {
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #CCC;
        width: 100%;
        margin: 14px 0 20px 0;
    }

        .about01 .tit h3 {
            font-size: 22px;
            color: #000;
            font-family: "微软雅黑";
            height: 40px;
            line-height: 40px;
            border-bottom: 2px solid #C00;
            display: inline-block;
            padding: 0 6px 0 3px;
        }

    .about01 .txt p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .about01 .txt h3 {
        color: #369bd2;
        font-size: 18px;
        padding-left: 30px;
        display: inline-block
    }

    .about01 .txt h5 {
        color: #838383;
        font-size: 16px;
        line-height: 25px;
        display: inline-block
    }

.menuForMain2 {
    z-index: 999;
    position: relative;
    margin-left: 0;
    float: left;
}

    .menuForMain2 ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .menuForMain2 ul li {
            float: left;
            position: relative;
        }

            .menuForMain2 ul li li {
                margin-left: 0px;
            }

            .menuForMain2 ul li a h3 {
                color: #fff;
                font-size: 14px;
                height: 28px;
                line-height: 28px;
                width: 70px;
                margin: 0;
            }

            .menuForMain2 ul li a {
                display: block;
                text-align: center;
                text-decoration: none;
                height: 28px;
                line-height: 28px;
            }

                .menuForMain2 ul li a:hover, .menuForMain2 ul li a.s {
                    display: block;
                    text-align: center;
                    text-decoration: none;
                    height: 28px;
                    line-height: 28px;
                }

                    .menuForMain2 ul li a:hover h3, .menuForMain2 ul li a.s h3, .menuForMain2 ul li:hover a h3, .menuForMain2 ul li:hover ul li a h3 {
                        color: #ffc7c8;
                        height: 28px;
                        line-height: 28px;
                    }

            .menuForMain2 ul li ul {
                display: none;
                z-index: 999;
            }

            .menuForMain2 ul li:hover a {
                background: #911d22;
                z-index: 999;
            }

            .menuForMain2 ul li:hover ul {
                display: block;
                top: 28px;
                left: 0;
                width: 80px;
                position: absolute;
            }

                .menuForMain2 ul li:hover ul li a {
                    display: block;
                    background: #000;
                    color: #fff;
                    opacity: 0.85;
                    height: 35px;
                    line-height: 35px;
                    width: 70px;
                    position: relative;
                    z-index: 999;
                }

                    .menuForMain2 ul li:hover ul li a:hover {
                        background: #a62528;
                        color: #fff;
                        opacity: 0.85;
                    }

.abbanner img {
    overflow: hidden;
    background-size: 100%;
}


#innerpage .curpage {
    border: #d36263 1px solid;
    font-weight: bold;
    color: #fff;
    background: #df5254;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#innerpage .disabled {
    border: #bababa 1px solid;
    font-weight: bold;
    color: #979797;
    background: #fff;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/* =============================20171024====================== */
.tastyle01-1 {
    border-collapse: collapse;
}

    .tastyle01-1 td {
        padding: 2px 6px;
        font-size: 16px;
        border: none;
        -webkit-border-radius: 5px;
    }

/* =============================print====================== */
.printbox {
    width: 300px;
    height: 420px;
    display: flex;
    align-items: center;
    border: 1px dotted red;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

    .printbox .printcont {
        position: absolute;
        left: 20px;
        top: 180px;
        width: 260px;
    }

.printboxNew {
    width: 300px;
    height: 420px;
    display: flex;
    align-items: center;
    border: 1px dotted red;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

    .printboxNew .printcont {
        position: absolute;
        width: 300px;
    }

.pIdentity {
    font-size: 25px;
    text-align: center;
}

.pName {
    font-size: 30px;
    text-align: center;
}

.pAffiliation {
    font-size: 16px;
    text-align: center;
}

.pCountry {
    font-size: 24px;
    text-align: center;
}

.pBarCode {
    text-align: center;
    margin: 20px auto;
}

.dQrCode {
    /*    border: 1px solid #000;
    border-radius: 8px;*/
    padding: 5px 3px 5px 5px;
    width: 75px;
    height: 90px;
    display: inline-block;
    text-align: center;
}

.localeEnlarge {
    background: url("/Images/locale_enlarge.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeEnlarge:hover {
        background: url("/Images/locale_enlarge_hover.jpg");
        background-size: 100% 100%;
    }

.localeReduce {
    background: url("/Images/locale_reduce.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeReduce:hover {
        background: url("/Images/locale_reduce_hover.jpg");
        background-size: 100% 100%;
    }

/*.localeBold{background:url("/Images/locale_bold.jpg");background-size:100% 100%;border-radius:5px;display:inline-block;width:22px;height:22px;box-shadow:2px 2px rgba(0,0,0,0.2);border:1px solid #CCC;}*/
.localeBold {
    background: url("/Images/locale_bold.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeBold:hover {
        background: url("/Images/locale_bold_hover.jpg");
        background-size: 100% 100%;
    }

.localeItalic {
    background: url("/Images/locale_italic.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeItalic:hover {
        background: url("/Images/locale_italic_hover.jpg");
        background-size: 100% 100%;
    }

.localeBold2 {
    background: url("/Images/locale_bold_hover.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.localeItalic2 {
    background: url("/Images/locale_italic_hover.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.localeUp {
    background: url("/Images/locale_up.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeUp:hover {
        background: url("/Images/locale_up_hover.jpg");
        background-size: 100% 100%;
    }

.localeDown {
    background: url("/Images/locale_down.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeDown:hover {
        background: url("/Images/locale_down_hover.jpg");
        background-size: 100% 100%;
    }

.localeLeft {
    background: url("/Images/locale_left.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeLeft:hover {
        background: url("/Images/locale_left_hover.jpg");
        background-size: 100% 100%;
    }

.localeRight {
    background: url("/Images/locale_right.jpg");
    background-size: 100% 100%;
    border-radius: 5px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

    .localeRight:hover {
        background: url("/Images/locale_right_hover.jpg");
        background-size: 100% 100%;
    }

@media print {
    #printbody {
        width: 100%;
        margin: 0cm;
        padding: 0;
        -webkit-print-color-adjust: exact;
    }



    .printboxNew {
        width: 100mm;
        height: 140mm;
        border: none;
        box-sizing: border-box;
    }

        .printboxNew .printcont {
            top: 45mm;
            left: 3mm;
        }

        .printboxNew p {
            width: 98%;
            height: 20%;
        }


    .printbox {
        width: 83mm;
        height: 95mm;
        border: none;
        box-sizing: border-box;
        margin-left: 109mm;
        text-align: center;
    }

        .printbox .printcont {
            top: 52mm;
            left: 3mm;
        }

        .printbox p {
            width: 98%;
            height: 20%;
        }

    .btnDiv {
        display: none;
    }

    #fontChange {
        display: none;
    }

    #printbody2 {
        width: 100%;
        margin: 1cm 0.1cm 0 0.1cm;
        padding: 0;
        -webkit-print-color-adjust: exact;
        font-size: 11px;
    }

        #printbody2 .tastyle01 {
            width: 92%;
            margin-left: 26px
        }

            #printbody2 .tastyle01 td {
                padding: 4px 20px;
                font-size: 12px;
                background: #fff;
                border: 1px solid #BEBEBE
            }

                #printbody2 .tastyle01 td c8 {
                    font-size: 14px;
                }
}

@page {
    margin: 0
}

@page pseudo-class {
    size: A4 portrait;
    margin-left: 4.6cm;
}

.concurrentEvent {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #333;
    margin: 0 auto;
    width: 800px;
}

    .concurrentEvent tr td {
        border: 1px solid #333;
        box-sizing: border-box;
        height: 28px;
        line-height: 28px;
        font-size: 16px;
    }

    .concurrentEvent tr th {
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .concurrentEvent tr td:nth-of-type(1) {
        width: 40px;
        text-align: center;
    }

    .concurrentEvent tr td:nth-of-type(2) {
        width: 600px;
        text-align: left;
        text-indent: 5px;
    }

    .concurrentEvent tr td:nth-of-type(3) {
        width: 40px;
        text-align: center;
    }

    .concurrentEvent tr td:nth-of-type(4) {
        width: 120px;
        text-align: left;
        text-indent: 5px;
    }

.concurrentPay1 {
    margin-left: 200px;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 5px;
    font-weight: 600;
}

.concurrentPay2 {
    margin-left: 200px;
    font-size: 14px;
    line-height: 1.4;
    color: #777;
}

.selectOption tr td {
    font-size: 16px;
    border: 1px solid #fff;
    border-collapse: collapse;
}

    .selectOption tr td:nth-of-type(1) {
        width: 15px;
        text-align: left;
    }

    .selectOption tr td:nth-of-type(2) {
        width: 130px;
        text-align: left;
        text-indent: 5px;
    }

    .selectOption tr td:nth-of-type(3) {
        width: 15px;
        text-align: left;
    }

    .selectOption tr td:nth-of-type(4) {
        width: 130px;
        text-align: left;
        text-indent: 5px;
    }

    .selectOption tr td:nth-of-type(5) {
        width: 15px;
        text-align: left;
    }

    .selectOption tr td:nth-of-type(6) {
        width: 130px;
        text-align: left;
        text-indent: 5px;
    }

    .selectOption tr td:nth-of-type(7) {
        width: 15px;
        text-align: left;
    }

    .selectOption tr td:nth-of-type(8) {
        width: 130px;
        text-align: left;
        text-indent: 5px;
    }

    .selectOption tr td:nth-of-type(9) {
        width: 15px;
        text-align: left;
    }

    .selectOption tr td:nth-of-type(10) {
        width: 130px;
        text-align: left;
        text-indent: 5px;
    }

.selectOption .z1 {
    margin-left: 5px;
    margin-top: 5px;
}

/* ===============leftmenu=============== */
.listMenu ul li {
    border-bottom: 0;
}

    .listMenu ul li a.inactive {
        background: url(../Images/leftmenuImg/off.png) no-repeat 210px 18px;
    }

        .listMenu ul li a.inactive:hover {
            background: url(../Images/leftmenuImg/off_hover.png) no-repeat 210px 18px;
        }

    .listMenu ul li a.inactives {
        background: #4d4a49 url(../Images/leftmenuImg/on.png) no-repeat 210px 18px;
    }

        .listMenu ul li a.inactives:hover {
            background: #4d4a49 url(../Images/leftmenuImg/on_hover.png) no-repeat 210px 18px;
        }

    .listMenu ul li ul {
        display: none;
    }

        .listMenu ul li ul li {
            border-left: 0;
            border-right: 0;
        }

            .listMenu ul li ul li ul {
                display: none;
            }

            .listMenu ul li ul li a {
                padding-left: 10px;
                color: #ebf5ff;
                border-bottom: 1px solid #4e4e52;
                height: 40px;
                line-height: 40px;
            }

                .listMenu ul li ul li a.inactive {
                    background: #288ae1 url(../Images/leftmenuImg/off.png) no-repeat 210px 18px;
                }

                    .listMenu ul li ul li a.inactive:hover {
                        background: #0c89fd url(../Images/leftmenuImg/off_hover.png) no-repeat 210px 18px;
                        color: #fff;
                    }

                .listMenu ul li ul li a.inactives {
                    background: #288ae1 url(../Images/leftmenuImg/on.png) no-repeat 210px 18px;
                }

                    .listMenu ul li ul li a.inactives:hover {
                        background: #0c89fd url(../Images/leftmenuImg/on_hover.png) no-repeat 210px 18px;
                        color: #fff;
                    }

            .listMenu ul li ul li ul li {
                background-color: #57cfe7;
            }

                .listMenu ul li ul li ul li a {
                    color: #ebf5ff;
                    padding-left: 40px;
                    background: #4e4e52;
                    height: 35px;
                    line-height: 35px;
                }

                    .listMenu ul li ul li ul li a:hover {
                        background: #0c89fd;
                        color: #fff;
                    }

a .icon02 {
    display: inline-block;
    width: 14px;
    height: 40px;
    background: url(../Images/leftmenuImg/icon02.png) center no-repeat;
    float: left;
    margin-left: 20px;
}

a:hover .icon02 {
    display: inline-block;
    width: 14px;
    height: 40px;
    background: url(../Images/leftmenuImg/icon02h.png) center no-repeat;
    float: left;
    margin-left: 20px;
}

a:hover .icon02 {
    display: inline-block;
    width: 14px;
    height: 40px;
    background: url(../Images/leftmenuImg/icon02h.png) center no-repeat;
    float: left;
    margin-left: 20px;
}

.lookup {
    margin-left: 50px;
}

.booking {
    /*margin:0 auto;*/
    width: 100%;
}

    .booking tr {
        height: 40px;
        position: relative;
    }

        .booking tr td:nth-of-type(1) {
            width: 25%;
            text-align: right;
        }

        .booking tr td:nth-of-type(odd) span {
            margin-left: 20px;
        }
/* ========== 向他人推荐 验证码格式 =============*/
.sr {
    height: 54px;
    width: 300px;
    border: 1px solid #dddddd;
    display: block;
    background: #fff;
}

    .sr .c {
        padding: 10px;
    }

        .sr .c input {
            border: 0px solid #ccc;
            height: 36px;
            width: 330px;
            color: #aeaeae;
            font-size: 16px;
            font-family: "微软雅黑";
            line-height: 36px;
        }
/* ========== 快速注册  start =============*/
#meetingAttendenceForm {
    margin-bottom: 10px;
}

.container.acenter .topbox {
    padding-left: 325px;
}

#meetingAttendenceForm .inputbox {
    position: relative;
    border: 1px solid #95B8E7;
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border-radius: 5px 5px 5px 5px;
    width: 550px;
}

#meetingAttendenceForm .fastbtn {
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    border: 0px solid #ccc;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: url(../Images/gbtn.jpg) center repeat-x;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
    background: #6ad9ff;
}

#ctnForm .w50 {
}

#attendenceNotice {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.pagetitle {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    margin-top: 50px;
    text-align: center;
}

.pagetitle2 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

#regbox #frmForm {
    padding-left: 325px;
}

.tastyle01 input[type=checkbox] {
    height: 30px;
    vertical-align: top;
    margin-right: 5px;
}
/* ========== 快速注册  end =============*/

.invoicetitle {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    display: block;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

.invoiceoperate {
    text-align: right;
    font-size: 12px;
    color: blue;
    border-bottom: 1px solid #ccc;
}

.fileDiv {
    width: 100%;
    margin: auto;
    overflow: hidden; /* 防止内容溢出容器 */
    padding: 25px 0;
    text-align: center;
    font-size: 14px;
}

/* 会议数据总览 start*/
.databoard_container {
    margin: 0 auto;
    padding: 20px;
}

    .databoard_container h1 {
        text-align: center;
        margin-bottom: 20px;
    }

    .databoard_container .section {
        margin-bottom: 16px;
    }

.title-container {
    display: flex;
    align-items: center; /* 垂直居中 */
    font-size: 16px; /* 标题字体大小 */
}

.title-prefix {
    width: 3px; /* 竖杆宽度 */
    height: 1.2em; /* 竖杆高度，1.2em 为示例，可根据需要调整 */
    background-color: #596fff; /* 竖杆颜色 */
    margin-right: 6px; /* 竖杆与文字之间的间距 */
}

.title-text {
    text-align: center; /* 文字居中 */
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.databoard_container .section h4 {
    margin-bottom: 5px;
    font-size: 15px;
    color: #333;
}

.databoard_container .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem; /* 设置元素之间的间隔 */
}

    .databoard_container .stats div {
        flex: 1; /* 每个元素占据相同的空间 */
        background: #f1f1f1;
        padding: 10px;
        margin: 5px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-radius: 5px;
    }

        .databoard_container .stats div h3 {
            margin: 10px 0;
            font-size: 24px;
            color: #333;
        }

.databoard_container stats div p {
    margin: 0;
    font-size: 14px;
    color: #777;
}
/* 会议数据总览 end*/
.contentDiv .easyui-linkbutton {
    font-weight: bold;
}