﻿@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.slider-item img {
    width: 100%;
    height: 100%;
    background: url(../Images/lodding.gif) center no-repeat;
}

caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

i, cite, em, var, address, dfn {
    font-style: normal;
}

[hidefocus], summary {
    outline: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold;
}

del, ins, u, s, a, a:hover {
    text-decoration: none;
}

body, textarea, input, button, select, keygen, legend {
    font: 12px/1.14 tahoma,arial,\5b8b\4f53;
    color: #666;
    outline: 0;
}


.clearfix, .container, .g-layout, .u-form-item {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after, .container:before, .container:after, .g-layout:before, .g-layout:after, .u-form-item:before, .u-form-item:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after, .container:after, .g-layout:after, .u-form-item:after {
        clear: both;
    }

.f-db {
    display: block;
}

.f-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.f-dn, .hide {
    display: none;
}

.f-fl, .l {
    float: left;
}

.f-fr, .r {
    float: right;
}

.f-dn, .hide {
    display: none;
}

.m-logo {
    width: 294px;
    height: 104px;
    overflow: hidden;
    line-height: 200px;
    background: url(../Images/823-home-page_04.png) no-repeat transparent;
    outline: 0;
    position: absolute;
    left: 0;
    text-indent: -9999em;
    top: 0px;
}

.container {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.wide-screen .container {
    width: 1200px;
}

.g-body-main {
    float: right;
    width: 745px;
}

.wide-screen .g-body-main {
    width: 945px;
}

.g-body-sub {
    float: left;
    width: 240px;
}

.g-layout {
    margin-top: 15px;
    width: 100%;
    _zoom: 1;
}

.g-area {
    width: 465px;
}

.g-3c2 {
    width: 725px;
    float: left;
}

.g-3c {
    width: 220px;
    float: right;
}

.u-line {
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-top: 1px solid #f1f1f1;
}

.u-fs20 {
    font-size: 20px;
    font-family: \5FAE\8F6F\96C5\9ED1;
}

.w150 {
    width: 150px;
}

.ma-4, .mt-4 {
    margin-top: -4px;
}

.ma-4, .mr-4 {
    margin-right: -4px;
}

.ma-4, .mb-4 {
    margin-bottom: -4px;
}

.ma-4, .ml-4 {
    margin-left: -4px;
}

.ma3, .mt3 {
    margin-top: 3px;
}

.ma3, .mr3 {
    margin-right: 3px;
}

.ma3, .mb3 {
    margin-bottom: 3px;
}

.ma3, .ml3 {
    margin-left: 3px;
}

.ma4, .mt4 {
    margin-top: 4px;
}

.ma4, .mr4 {
    margin-right: 4px;
}

.ma4, .mb4 {
    margin-bottom: 4px;
}

.ma4, .ml4 {
    margin-left: 4px;
}

.ma6, .mt6 {
    margin-top: 6px;
}

.ma6, .mr6 {
    margin-right: 6px;
}

.ma6, .mb6 {
    margin-bottom: 6px;
}

.ma6, .ml6 {
    margin-left: 6px;
}

.ma9, .mt9 {
    margin-top: 9px;
}

.ma9, .mr9 {
    margin-right: 9px;
}

.ma9, .mb9 {
    margin-bottom: 9px;
}

.ma9, .ml9 {
    margin-left: 9px;
}

.ma12, .mt12 {
    margin-top: 12px;
}

.ma12, .mr12 {
    margin-right: 12px;
}

.ma12, .mb12 {
    margin-bottom: 12px;
}

.ma12, .ml12 {
    margin-left: 12px;
}

.ma15, .mt15 {
    margin-top: 15px;
}

.ma15, .mr15 {
    margin-right: 15px;
}

.ma15, .mb15 {
    margin-bottom: 15px;
}

.ma15, .ml15 {
    margin-left: 15px;
}

.ma16, .mt16 {
    margin-top: 16px;
}

.ma16, .mr16 {
    margin-right: 16px;
}

.ma16, .mb16 {
    margin-bottom: 16px;
}

.ma16, .ml16 {
    margin-left: 16px;
}

.ma22, .mt22 {
    margin-top: 22px;
}

.ma22, .mr22 {
    margin-right: 22px;
}

.ma22, .mb22 {
    margin-bottom: 22px;
}

.ma22, .ml22 {
    margin-left: 22px;
}

.ma30, .mt30 {
    margin-top: 30px;
}

.ma30, .mr30 {
    margin-right: 30px;
}

.ma30, .mb30 {
    margin-bottom: 30px;
}

.ma30, .ml30 {
    margin-left: 30px;
}

.ma50, .mt50 {
    margin-top: 50px;
}

.ma50, .mr50 {
    margin-right: 50px;
}

.ma50, .mb50 {
    margin-bottom: 50px;
}

.ma50, .ml50 {
    margin-left: 50px;
}

.pa3, .pt3 {
    padding-top: 3px;
}

.pa3, .pr3 {
    padding-right: 3px;
}

.pa3, .pb3 {
    padding-bottom: 3px;
}

.pa3, .pl3 {
    padding-left: 3px;
}

.pa6, .pt6 {
    padding-top: 6px;
}

.pa6, .pr6 {
    padding-right: 6px;
}

.pa6, .pb6 {
    padding-bottom: 6px;
}

.pa6, .pl6 {
    padding-left: 6px;
}

.pa7, .pt7 {
    padding-top: 7px;
}

.pa7, .pr7 {
    padding-right: 7px;
}

.pa7, .pb7 {
    padding-bottom: 7px;
}

.pa7, .pl7 {
    padding-left: 7px;
}

.pa8, .pt8 {
    padding-top: 8px;
}

.pa8, .pr8 {
    padding-right: 8px;
}

.pa8, .pb8 {
    padding-bottom: 8px;
}

.pa8, .pl8 {
    padding-left: 8px;
}

.pa9, .pt9 {
    padding-top: 9px;
}

.pa9, .pr9 {
    padding-right: 9px;
}

.pa9, .pb9 {
    padding-bottom: 9px;
}

.pa9, .pl9 {
    padding-left: 9px;
}

.pa12, .pt12 {
    padding-top: 12px;
}

.pa12, .pr12 {
    padding-right: 12px;
}

.pa12, .pb12 {
    padding-bottom: 12px;
}

.pa12, .pl12 {
    padding-left: 12px;
}

.pa17, .pt17 {
    padding-top: 17px;
}

.pa17, .pr17 {
    padding-right: 17px;
}

.pa17, .pb17 {
    padding-bottom: 17px;
}

.pa17, .pl17 {
    padding-left: 17px;
}

.m-nav {
    *zoom: 1;
}

    .m-nav:before, .m-nav:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .m-nav:after {
        clear: both;
    }

.m-navbar {
    overflow: visible;
    background-color: #413b39;
    height: 25px;
    line-height: 25px;
}

    .m-navbar .container {
        background-color: #413b39;
    }

.m-navbar-major {
    background: url(../Images/823-home-page_02.png) 0 -150px repeat-x;
    height: 0px;
}

    .m-navbar-major .container {
        background-color: #4b4443;
        height: 0px;
    }

.m-nav {
    line-height: 25px;
    float: left;
}

.m-nav-right {
    float: right;
}

.m-nav li {
    float: left;
    color: #afaaaa;
}

.m-nav .divider-vertical {
    height: 25px;
    padding: 0;
    margin: 0 3px;
    border-left: 1px solid #4a4340;
}

.m-nav a {
    display: block;
    padding: 0 10px;
    outline: 0;
    cursor: pointer;
    color: #afaaaa;
    text-decoration: none;
    _float: left;
}

    .m-nav .active a, .m-nav a:focus, .m-nav a:hover {
        background-color: #494241;
        color: #fff;
    }

.m-nav-ico a {
    padding: 0 5px;
}

.m-nav-major {
    font: 500 14px/34px \5FAE\8F6F\96C5\9ED1;
    height: 35px;
}

    .m-nav-major li {
        height: 35px;
    }

    .m-nav-major a {
        color: #fff;
        padding: 0 21px;
        display: block;
        height: 35px;
        _float: left;
    }

        .m-nav-major .active a, .m-nav-major a:hover {
            color: #fff;
            background: #312c2b;
        }

.i-ico {
    background-image: url(../Images/common.png);
    _background: url(../Images/common.gif);
    background-repeat: no-repeat;
    padding-right: 20px;
    _padding-right: 15px;
    margin-right: 3px;
    padding-bottom: 2px;
}

    .i-ico.i-werchat {
        background-position: -300px -55px;
    }

    .i-ico.i-weibo {
        background-position: -267px -55px;
    }

.nav li {
    margin: 0;
    display: block;
    *zoom: 1;
}

.nav .pull-right {
    float: right;
}

.nav_item li {
    float: left;
    height: 35px;
}

    .nav_item li a {
        color: #fff;
        padding: 0 21px;
        display: block;
        height: 35px;
        _float: left;
    }

    .nav_item li.selected a {
        background: #312c2b;
    }

    .nav_item li a:hover {
        color: #fff;
        background: #312c2b;
        text-decoration: none;
    }

.tab-hd .tab-title {
    color: #4f4f4f;
    font-size: 18px;
    font-family: "\5FAE\8F6F\96C5\9ED1",Arial;
    font-weight: normal;
}

.tab-hd .tab-navs a {
    color: #6a6a6a;
    margin: 0 5px;
    _margin: 0 2px;
}

    .tab-hd .tab-navs a:hover, .tab-hd .tab-navs .selected a, .tab-hd .tab-navs a.selected {
        color: #ff8400;
    }

.tab-bd .tab-panel.hide {
    display: none;
}

.navbar {
    overflow: visible;
    background-color: #413b39;
    height: 25px;
    line-height: 25px;
    *zoom: 1;
}

    .navbar:before, .navbar:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .navbar:after {
        clear: both;
    }

    .navbar .nav li {
        float: left;
        z-index: 999;
        color: #afaaaa;
    }

    .navbar .nav .active {
        text-decoration: none;
        background-color: #494241;
    }

        .navbar .nav .active a {
            color: #fff;
        }

    .navbar .nav li a {
        display: block;
        color: #afaaaa;
        text-decoration: none;
        outline: 0;
        padding: 0 10px;
        cursor: pointer;
        _float: left;
    }

        .navbar .nav li a:focus, .navbar .nav li a:hover {
            background-color: #494241;
            color: #fff;
        }

    .navbar .nav .divider-vertical {
        height: 25px;
        padding: 0;
        margin: 0 3px;
        border-left: 1px solid #4a4340;
    }

    .navbar .nav li.menu-bar .menu-toggle {
        padding: 0 10px;
    }

        .navbar .nav li.menu-bar .menu-toggle a {
            float: left;
            padding: 0;
        }

            .navbar .nav li.menu-bar .menu-toggle a:hover {
                background-image: none;
            }

    .navbar .nav li.menu-bar .menu-item a {
        color: #fff;
        background-color: none;
        _float: none;
    }

    .navbar .nav li.menu-bar.hover .menu-toggle {
        background-color: #746c6a;
    }

        .navbar .nav li.menu-bar.hover .menu-toggle a {
            color: #afaaaa;
            background-color: #746c6a;
        }

        .navbar .nav li.menu-bar.hover .menu-toggle .caret {
            background-position: -60px 7px;
            _background-position: -60px 5px;
        }

    .navbar .nav li.menu-bar.hover .menu-item {
        background-color: #827977;
        opacity: 1;
    }

    .navbar .nav.pull-right {
        float: right;
    }

        .navbar .nav.pull-right li.menu-bar .menu-item a {
            text-decoration: none;
        }

    .navbar .pull-right li.menu-bar .menu-toggle {
        padding: 0 0 0 10px;
        width: 70px;
    }

    .navbar .pull-right li .menu-item {
        right: 0;
        left: auto;
        padding: 0;
        width: 80px;
    }

    .navbar .pull-right li .caret {
        background-position: 0 -114px;
        background-position: 0 -116px\9;
        padding-left: 8px;
        _margin-right: -5px;
    }

    .navbar .pull-right li.menu-bar.hover .menu-toggle .caret {
        background-position: 0 -114px;
    }

.u-menu {
    position: relative;
    z-index: 999;
    line-height: 25px;
    cursor: default;
    float: left;
}

.u-menu-toggle {
    padding: 0 10px;
}

    .u-menu-toggle a {
        float: left;
        padding: 0;
        color: #afaaaa;
    }

        .u-menu-toggle a:hover {
            color: #afaaaa;
            background: 0;
        }

.u-menu-caret {
    background: url(../Images/common.png) 0 7px no-repeat;
    _background: url(../Images/common.gif) 0 5px no-repeat;
background: url(../Images/ico.png) left center no-repeat;
    padding-left: 2px;
    margin-left: 4px;
}

.u-menu-item {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    padding: 5px 10px;
    background-color: #827977;
    word-wrap: break-word;
    word-break: normal;
}

    .u-menu-item a {
        color: #fff;
        display: block;
        float: none;
        outline: 0;
        padding: 0 10px;
        cursor: pointer;
        white-space: nowrap;
    }

        .u-menu-item a:hover {
            color: #fff;
            background-color: #494241;
            _zoom: 1;
        }

.u-menu-hover .u-menu-item, .u-menu-ico-hover .u-menu-item, .u-menu-1-hover .u-menu-item, .u-menu-2-hover .u-menu-item {
    display: block;
}

.u-menu-hover .u-menu-toggle, .u-menu-ico-hover .u-menu-toggle, .u-menu-1-hover .u-menu-toggle {
    background-color: #746c6a;
}

    .u-menu-hover .u-menu-toggle .u-menu-caret {
        background-position: -60px 7px;
        _background-position: -60px 5px;
    }

.u-menu-caret-1 {
    background-position: 0 -108px;
    background-position: 0 -116px \9;
    padding-left: 8px;
    _margin-right: -5px;
}

.u-menu-hover .u-menu-toggle .u-menu-caret-1 {
    background-position: 0 -108px;
    background-position: 0 -116px; \9
}

.u-menu-right {
    float: right;
}

    .u-menu-right .u-menu-item {
        right: 0;
        left: auto;
    }

.u-menu-ico .u-menu-toggle {
    padding: 0 5px;
}

.u-menu-ico .u-menu-item {
    padding: 10px;
}

.u-menu-1 .u-menu-toggle {
    padding: 0 0 0 10px;
    width: 70px;
}

.u-menu-1 .u-menu-item {
    padding: 0;
    width: 80px;
}

.u-menu-2 {
    float: right;
}

    .u-menu-2 .u-menu-toggle {
        position: relative;
        z-index: 2;
        *zoom: 1;
        line-height: 33px;
        font-size: 14px;
        _width: 85px;
        padding: 0 0px;
    }

        .u-menu-2 .u-menu-toggle a {
            color: #fff;
            font-family: \5FAE\8F6F\96C5\9ED1;
        }

        .u-menu-2 .u-menu-toggle .u-menu-caret-1 {
            background-position: 0 -112px;\9
        }

    .u-menu-2 .u-menu-item {
        z-index: 1;
        left: auto;
        right: 0;
        _right: -1px;
        min-width: 223px;
        _width: 223px;
        padding: 0;
        margin-top: -1px;
        border: 1px solid #e99605;
        background-color: #fff;
        font-size: 12px;
        font-family: tahoma,\5B8B\4F53;
    }

.u-menu-2-hover .u-menu-toggle {
    background-color: #fff;
    border-color: #e99605;
    border-bottom: 0;
}

    .u-menu-2-hover .u-menu-toggle a, .u-menu-2-hover .u-menu-toggle a:hover {
        color: #555;
    }

.u-menu-2 .u-menu-hd {
    padding: 5px 6px 5px 9px;
    border-bottom: 1px solid #eee;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    zoom: 1;
}

    .u-menu-2 .u-menu-hd a, .u-menu-2 .u-menu-bd a {
        color: #666;
        padding: 0;
    }

        .u-menu-2 .u-menu-hd a:hover {
            color: #666;
            background: 0;
            text-align: right;
            text-decoration: underline;
        }

.u-menu-2 .u-menu-bd {
    margin: 5px 0;
    width: 219px;
    overflow: hidden;
}

    .u-menu-2 .u-menu-bd .f-fl {
        border-right: 1px solid #eee;
    }

    .u-menu-2 .u-menu-bd a {
        line-height: 28px;
        width: 109px;
        text-align: center;
        display: inline-block;
        display: block;
    }

        .u-menu-2 .u-menu-bd a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #66aed2;
        }

.caret {
    background: url(../Images/common.png) 0 7px no-repeat;
    _background: url(../Images/common.gif) 0 5px no-repeat;
    padding-left: 2px;
    margin-left: 4px;
    content: "";
}

.menu-bar {
    position: relative;
    cursor: pointer;
    z-index: 999;
}

    .menu-bar .menu-item {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        padding: 5px 10px;
        background-color: #fff;
    }

        .menu-bar .menu-item a {
            white-space: nowrap;
            display: block;
        }

    .menu-bar.hover .menu-item {
        display: block;
    }

.third-tsina i, .third-tqq i {
    background: url(../Images/common.png) repeat-x;
    padding-right: 20px;
    margin-right: 3px;
    padding-bottom: 2px;
}

.third-tsina i {
    background-position: -295px 0;
}

.third-tsina:hover i {
    background-position: -295px -25px;
}

.third-tqq i {
    background-position: -327px 0;
}

.third-tqq:hover i {
    background-position: -327px -25px;
}

.drop-down {
    position: relative;
    border: 1px solid #524a48;
    border-right: 0;
    width: 64px;
    height: 32px;
    _height: 33px;
    *zoom: 1;
    z-index: 998;
}

    .drop-down .drop-toggle {
        position: relative;
        z-index: 2;
        display: block;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        color: #333;
        background: #f7f5f5;
        line-height: 32px;
        height: 32px;
        border-right: 1px solid #f7f5f5;
    }

        .drop-down .drop-toggle a {
            color: #555;
            text-decoration: none;
        }

    .drop-down .drop-menu {
        position: absolute;
        z-index: 1;
        top: 100%;
        left: -1px;
        display: none;
        float: left;
        min-width: 100px;
        *width: 100px;
        padding: 5px 0;
        margin-top: -1px;
        list-style: none;
        background-color: #fff;
        border: 1px solid #e99605;
    }

        .drop-down .drop-menu a {
            display: block;
            padding: 3px 22px 3px 17px;
            clear: both;
            font-weight: normal;
            line-height: 20px;
            color: #555;
            white-space: nowrap;
            *zoom: 1;
        }

        .drop-down .drop-menu .selected a {
            background-color: #e3e3e3;
        }

            .drop-down .drop-menu a:hover, .drop-down .drop-menu .selected a:hover {
                text-decoration: none;
                color: #fff;
                background-color: #0078b4;
            }

    .drop-down.hover {
        border-color: #e99605;
    }

        .drop-down.hover .drop-toggle {
            background: #fff;
            border-color: #e99605;
            border-bottom-color: #fff;
        }

            .drop-down.hover .drop-toggle .caret {
                background-position: -60px 7px;
            }

        .drop-down.hover .drop-menu {
            display: block;
        }

.side-menu {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}

    .side-menu li {
        display: block;
        padding: 15px 0;
        height: 53px;
        border-top: 1px solid #5c5757;
        border-bottom: 1px solid #363030;
        position: relative;
        visibility: visible;
        z-index: 9999;
        *vertical-align: middle;
    }

    .side-menu .menu-1 {
        border-top: 0;
    }

    .side-menu .menu-5 {
        border-bottom-color: #4b4646;
    }

        .side-menu .menu-5 .m-arrow {
            display: none;
        }

    .side-menu .m-type {
        position: relative;
    }

    .side-menu .m-icon, .side-menu .m-arrow {
        display: block;
        height: 16px;
        width: 16px;
        top: 4px;
        left: 35px;
        _left: -35px;
        position: absolute;
        background: url(../Images/common.png) no-repeat;
        _background: url(../Images/common.gif) no-repeat;
    }

    .side-menu .m-arrow {
        left: auto;
        right: 30px;
        background-position: -74px -22px;
    }

    .side-menu .menu-1 .m-icon {
        background-position: -362px 0;
    }

    .side-menu .menu-2 .m-icon {
        background-position: -362px -30px;
    }

    .side-menu .menu-3 .m-icon {
        background-position: -362px -60px;
    }

    .side-menu .menu-4 .m-icon {
        background-position: -362px -90px;
    }

    .side-menu .menu-5 .m-icon {
        background-position: -362px -120px;
    }

    .side-menu .m-type h3 {
        text-indent: 70px;
        font: 16px "\5FAE\8F6F\96C5\9ED1",Arial;
        color: #f8f8f8;
        margin-bottom: 14px;
        _margin-bottom: 10px;
    }

        .side-menu .m-type h3 a {
            color: #f8f8f8;
        }

    .side-menu .m-hot {
        padding-left: 30px;
    }

        .side-menu .m-hot a {
            color: #838383;
            margin: 0 5px;
        }

    .side-menu .m-ext {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        width: 960px;
        min-height: 424px;
        _height: 424px;
        background-color: #827977;
        *zoom: 1;
    }

        .side-menu .m-ext:before, .side-menu .m-ext:after {
            display: table;
            content: "";
            line-height: 0;
        }

        .side-menu .m-ext:after {
            clear: both;
        }

    .side-menu .menu-2 .m-ext {
        top: -85px;
    }

    .side-menu .menu-3 .m-ext {
        top: -170px;
    }

    .side-menu .menu-4 .m-ext {
        top: -255px;
    }

    .side-menu .menu-5 .m-ext {
        top: -340px;
    }

    .side-menu li.hover .m-ext {
        display: block;
    }

    .side-menu li.hover {
        background-color: #827977;
        border-bottom-color: #827977;
        border-top-color: #827977;
    }

        .side-menu li.hover .m-hot a {
            color: #fff;
        }

            .side-menu li.hover .m-hot a:hover {
                color: #ff8400;
            }

        .side-menu li.hover.menu-5 .m-icon {
            background-position: -342px -120px;
        }

        .side-menu li.hover.menu-4 .m-icon {
            background-position: -342px -90px;
        }

        .side-menu li.hover.menu-3 .m-icon {
            background-position: -342px -60px;
        }

        .side-menu li.hover.menu-1 .m-icon {
            background-position: -342px 0;
        }

        .side-menu li.hover.menu-2 .m-icon {
            background-position: -342px -30px;
        }

    .side-menu .m-ext .ext-hot {
        width: 740px;
        min-height: 404px;
        _height: 404px;
        padding-bottom: 20px;
        float: left;
        line-height: 18px;
    }

        .side-menu .m-ext .ext-hot .item {
            border-bottom: 1px dashed #9b9492;
            margin: 0 20px;
            padding: 18px 0 0;
            width: 700px;
            overflow: hidden;
        }

            .side-menu .m-ext .ext-hot .item.item-no {
                border-bottom: 0;
            }

            .side-menu .m-ext .ext-hot .item a {
                white-space: nowrap;
                color: #fff;
            }

            .side-menu .m-ext .ext-hot .item h4 {
                width: 50px;
                float: left;
                font-size: 14px;
            }

                .side-menu .m-ext .ext-hot .item h4 a {
                    color: #f7c300;
                }

            .side-menu .m-ext .ext-hot .item .item-list {
                float: left;
                width: 650px;
                *padding-bottom: 15px;
            }

                .side-menu .m-ext .ext-hot .item .item-list a {
                    float: left;
                    margin: 0 15px 15px 15px;
                }

                    .side-menu .m-ext .ext-hot .item .item-list a:hover {
                        color: #ff8400;
                    }

    .side-menu .m-ext .ext-ads {
        float: right;
        width: 220px;
        height: 424px;
        overflow: hidden;
        background: #8b827f;
        color: #fff;
        position: relative;
    }

        .side-menu .m-ext .ext-ads a {
            color: #fff;
        }

        .side-menu .m-ext .ext-ads dl {
            margin-bottom: 20px;
        }

        .side-menu .m-ext .ext-ads dt {
            border-bottom: 1px solid #78716f;
            line-height: 42px;
            margin: 0 10px 16px 10px;
            text-indent: 20px;
        }

        .side-menu .m-ext .ext-ads dd {
            margin: 0 10px;
            line-height: 30px;
        }

            .side-menu .m-ext .ext-ads dd a {
                float: left;
                margin: 0 20px;
                width: 60px;
            }

                .side-menu .m-ext .ext-ads dd a.icon-hot {
                    background: url(../Images/common.png) -317px -180px no-repeat;
                    _background: url(../Images/common.gif) -317px -180px no-repeat;
                    color: #f7c300;
                }

                .side-menu .m-ext .ext-ads dd a:hover {
                    color: #ff8400;
                }

        .side-menu .m-ext .ext-ads .img-ad {
            position: absolute;
            bottom: 10px;
            left: 10px;
        }

            .side-menu .m-ext .ext-ads .img-ad img {
                width: 200px;
                height: 70px;
                display: block;
                margin-top: 5px;
            }

.dropup, .dropdown {
    position: relative;
    cursor: pointer;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

    .dropdown-toggle:active, .open .dropdown-toggle {
        outline: 0;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    _width: 160px;
    padding: 5px 0;
    list-style: none;
    background-color: #f7f5f5;
    border: 1px solid #ccc;
    border-top: 0;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #fff;
    }

    .dropdown-menu a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333;
        white-space: nowrap;
        *zoom: 1;
    }

        .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-submenu:hover a, .dropdown-submenu:focus a {
            text-decoration: none;
            color: #fff;
            background-color: #0078b4;
        }

    .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #0081c2;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#08c,#0077b3);
    }

    .dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus {
        color: #999;
    }

        .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient ( enabled =   false
		);
            cursor: default;
        }

.open {
    *z-index: 1000;
}

    .open .dropdown-menu {
        display: block;
    }

.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover .dropdown-menu {
        display: block;
    }

.dropup .dropdown-submenu .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.u-cate {
    position: relative;
    z-index: 9999;
    float: left;
    width: 240px;
    height: 0px;
    color: #fff;
    background-color: #39312f;
}

.u-cate-hd {
    font: 500 14px/34px 'Lucida Grande',\5FAE\8F6F\96C5\9ED1;
    text-align: center;
}

    .u-cate-hd b {
        background-image: url(../Images/common.png);
        _background-image: url(../Images/common.gif);
        background-position: -112px 0;
        background-repeat: no-repeat;
        padding-left: 12px;
        margin-left: 5px;
    }

.u-cate-hover .u-cate-hd b {
    background-position: -112px -25px;
}

.u-cate-bd {
    position: absolute;
    top: 100%;
    _top: 35px;
    left: 0;
    display: none;
    width: 240px;
    height: 424px;
    background-color: #eceaea;
    z-index: 9999;
    line-height: normal;
}

    .u-cate-bd li {
        display: block;
        padding: 15px 0;
        height: 53px;
        border-top: 1px solid #5c5757;
        border-bottom: 1px solid #363030;
        position: relative;
        visibility: visible;
        z-index: 9999;
        *vertical-align: middle;
    }

.u-cate-type {
    position: relative;
}

    .u-cate-type h2 {
        text-indent: 70px;
        font: 16px \5FAE\8F6F\96C5\9ED1;
        color: #635f5f;
        margin-bottom: 14px;
        _margin-bottom: 10px;
    }

        .u-cate-type h2 a {
            color: #635f5f;
        }

            .u-cate-type h2 a:hover {
                color: #ff8400;
            }

.u-cate-icon, .u-cate-arrow {
    position: absolute;
    top: 4px;
    left: 35px;
    _left: -35px;
    display: block;
    height: 16px;
    width: 16px;
    background: url(../Images/common.png) no-repeat;
    _background: url(../Images/common.gif) no-repeat;
}

.u-cate-arrow {
    left: auto;
    right: 30px;
    background-position: -74px -22px;
}

.u-cate-bd li.u-cate-menu-1-hover, .u-cate-bd li.u-cate-menu-2-hover, .u-cate-bd li.u-cate-menu-3-hover, .u-cate-bd li.u-cate-menu-4-hover, .u-cate-bd li.u-cate-menu-5-hover {
    background-color: #827977;
    border-bottom-color: #827977;
    border-top-color: #827977;
}

.u-cate-bd li:hover{background-color: #827977;}

.u-cate-bd li:hover a{color:#ddd;}

.u-cate-bd li.u-cate-menu-1 {
    border-top: 0;
}

.u-cate-bd li.u-cate-menu-5 {
    border-bottom: 0;
}

.u-cate-menu-5 .u-cate-arrow {
    display: none;
}

.u-cate-menu-1 .u-cate-icon {
    background-position: -362px 0;
}

.u-cate-menu-1-hover .u-cate-icon {
    background-position: -342px 0;
}

.u-cate-menu-2 .u-cate-icon {
    background-position: -362px -30px;
}

.u-cate-menu-2-hover .u-cate-icon {
    background-position: -342px -30px;
}

.u-cate-menu-3 .u-cate-icon {
    background-position: -362px -60px;
}

.u-cate-menu-3-hover .u-cate-icon {
    background-position: -342px -60px;
}

.u-cate-menu-4 .u-cate-icon {
    background-position: -362px -90px;
}

.u-cate-menu-4-hover .u-cate-icon {
    background-position: -342px -90px;
}

.u-cate-menu-5 .u-cate-icon {
    background-position: -362px -120px;
}

.u-cate-menu-5-hover .u-cate-icon {
    background-position: -342px -120px;
}

.u-cate-hot {
    padding-left: 30px;
}

    .u-cate-hot a {
        color: #838383;
        margin: 0 5px;
    }

.u-cate-txt {
    margin: 0 5px;
    color: #838383;
}

.u-cate-menu-1-hover .u-cate-hot a, .u-cate-menu-2-hover .u-cate-hot a, .u-cate-menu-3-hover .u-cate-hot a, .u-cate-menu-4-hover .u-cate-hot a, .u-cate-menu-5-hover .u-cate-hot a, .u-cate-subCon a {
    color: #fff;
}

    .u-cate-menu-1-hover .u-cate-hot a:hover, .u-cate-menu-2-hover .u-cate-hot a:hover, .u-cate-menu-3-hover .u-cate-hot a:hover, .u-cate-menu-4-hover .u-cate-hot a:hover, .u-cate-menu-5-hover .u-cate-hot a:hover, .u-cate-subCon a:hover {
        color: #ff8400;
    }

.u-cate-ext {
    position: absolute;
    left: 100%;
    top: 0;
    width: 760px;
    min-height: 424px;
    _height: 424px;
    background-color: #827977;
    display: none;
    *zoom: 1;
}

.u-cate-menu-2 .u-cate-ext {
    top: -85px;
}

.u-cate-menu-3 .u-cate-ext {
    top: -170px;
}

.u-cate-menu-4 .u-cate-ext {
    top: -255px;
}

.u-cate-menu-5 .u-cate-ext {
    top: -340px;
}

.u-cate-menu-1-hover .u-cate-ext, .u-cate-menu-2-hover .u-cate-ext, .u-cate-menu-3-hover .u-cate-ext, .u-cate-menu-4-hover .u-cate-ext, .u-cate-menu-5-hover .u-cate-ext {
    display: block;
}

.u-cate-subView {
    width: 740px;
    min-height: 404px;
    _height: 404px;
    padding-bottom: 20px;
    float: left;
    line-height: 18px;
}

.u-cate-subItem {
    border-bottom: 1px dashed #9b9492;
    margin: 0 20px;
    padding: 18px 0 0;
    width: 700px;
    overflow: hidden;
}

.u-cate-subItemfix {
    border-bottom: 0;
}

.u-cate-subItem h3 {
    width: 50px;
    float: left;
    font-size: 14px;
    color: #f7c300;
}

    .u-cate-subItem h3 a {
        color: #f7c300;
        cursor: default;
    }

.u-cate-subCon {
    float: left;
    width: 650px;
    *padding-bottom: 15px;
}

    .u-cate-subCon a {
        float: left;
        margin: 0 15px 15px;
        white-space: nowrap;
    }

.u-cate-ads {
    display: none;
    float: right;
    width: 220px;
    height: 424px;
    overflow: hidden;
    background: #8b827f;
    color: #fff;
    position: relative;
}

    .u-cate-ads dl {
        margin-bottom: 20px;
    }

    .u-cate-ads dt {
        border-bottom: 1px solid #78716f;
        line-height: 42px;
        margin: 0 10px 16px 10px;
        text-indent: 20px;
    }

    .u-cate-ads dd {
        margin: 0 10px;
        line-height: 30px;
    }

        .u-cate-ads dd a {
            float: left;
            margin: 0 20px;
            width: 60px;
            color: #fff;
        }

            .u-cate-ads dd a:hover {
                color: #ff8400;
            }

            .u-cate-ads dd a.icon-hot {
                background: url(../Images/common.png) -317px -180px no-repeat;
                _background: url(../Images/common.gif) -317px -180px no-repeat;
                color: #f7c300;
            }

.u-cate-adimg {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

    .u-cate-adimg img {
        width: 200px;
        height: 70px;
        margin-top: 5px;
    }

.u-cate-show .u-cate-hd b {
    display: none;
}

.u-cate-show .u-cate-bd, .u-cate-hover .u-cate-bd {
    display: block;
}

.u-cate-show .u-cate-ads {
    display: block;
}

.u-cate-show .u-cate-ext {
    width: 960px;
}

.m-hd {
    height: 38px;
    line-height: 38px;
    border-bottom: 3px solid #e99605;
}

    .m-hd h2, .m-hd ul {
        float: left;
        display: inline;
    }

    .m-hd h2 {
        color: #4f4f4f;
        font-size: 18px;
        font-family: \5FAE\8F6F\96C5\9ED1;
        font-weight: normal;
    }

    .m-hd .more {
        float: right;
        margin-left: 5px;
    }

    .m-hd li {
        display: inline;
        *zoom: 1;
    }

        .m-hd li a {
            padding: 2px 5px 3px;
            *padding: 3px 5px 1px;
            _padding: 2px 5px;
            text-align: center;
        }

        .m-hd li span {
            margin: 0 3px;
            color: #a8a8a8;
        }

        .m-hd li.selected a {
            background: #e99605;
            color: #fff;
        }

.m-hd-rt ul {
    float: right;
}

.m-hd-bg {
    border: 1px solid #e7dfdf;
    border-bottom: 3px solid #e99605;
    background-color: #f6f5f5;
}

    .m-hd-bg h2 {
        text-indent: 6px;
    }

    .m-hd-bg li, .m-hd-bg li a {
        float: left;
    }

        .m-hd-bg li a {
            margin-top: -5px;
            padding: 5px 15px 0;
            position: relative;
        }

    .m-hd-bg .more {
        margin: 0 15px;
    }

    .m-hd-bg li.selected a {
        font-weight: 700;
    }

.m-hd-nbr {
    border-right: 0;
}

.m-hd-re .more {
    float: left;
}

.m-hd-re .btn {
    float: right;
    height: 38px;
    line-height: 38px;
    display: block;
    background-color: #e99605;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
}

    .m-hd-re .btn:hover {
        background-color: #ea9f1d;
    }

.m-bd-brbl {
    border-right: 1px solid #e7dfdf;
    border-bottom: 1px solid #e7dfdf;
    border-left: 1px solid #e7dfdf;
}

.m-bd-bbl {
    border-bottom: 1px solid #e7dfdf;
    border-left: 1px solid #e7dfdf;
}

.m-bd-bg {
    background-color: #f6f5f5;
}

.m-bd-con {
    display: none;
}

.dom-display .current {
    display: block;
}

.m-hd-large {
    border: 1px solid #cdcdcf;
    border-bottom: 1px solid #ebebed;
    height: 80px;
}

    .m-hd-large h2 {
        font-size: 30px;
        line-height: 80px;
        text-indent: 30px;
    }

.m-bd-large {
    border: 1px solid #cdcdcf;
    border-top: 0;
}

.m-hd-01 {
    border-top: 3px solid #e99605;
    border-left: 1px solid #e7dfdf;
    border-right: 1px solid #e7dfdf;
    border-bottom: 0;
    background-color: #f6f5f5;
}

    .m-hd-01 h2 {
        text-indent: 10px;
    }

.m-bd-01 {
    border-top: 0;
    border-left: 1px solid #e7dfdf;
    border-right: 1px solid #e7dfdf;
    border-bottom: 1px solid #e7dfdf;
    background-color: #f6f5f5;
}

.m-hd-02 {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

    .m-hd-02 h2 {
        position: absolute;
        bottom: -2px;
        border-bottom: 3px solid #f8a609;
    }

.m-imglist li {
    float: left;
    _display: inline;
    overflow: hidden;
}

.m-imglist p {
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.imglist-photo {
    _float: right;
}

    .imglist-photo li {
        position: relative;
        float: left;
    }

.imglist-cover {
    width: 100%;
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.Gradient ( GradientType = 0,StartColorStr = '#B3000000',EndColorStr = '#B3000000' );
    -moz-transition-property: all;
    -moz-transition-duration: .2s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: all;
    -o-transition-duration: .2s;
    -o-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
}

    .imglist-cover em {
        font-weight: normal;
    }

    .imglist-cover span {
        font-size: 12px;
        color: #ccc;
    }

:root .imglist-cover {
    filter: progid:DXImageTransform.Microsoft.Gradient ( GradientType = 0,StartColorStr = '#00000000',EndColorStr = '#00000000' ); \9
}

.imglist-photo a, .imglist-photo a:hover {
    color: #fff;
}

.imglist-155in945 {
    margin-top: 10px;
    margin-right: -3px;
}

    .imglist-155in945 li {
        width: 155px;
        height: 155px;
        margin-right: 3px;
        margin-bottom: 3px;
    }

    .imglist-155in945 .imglist-cover {
        top: 155px;
        height: 55px;
        padding: 50px 0;
    }
    .imglist-155in945 img {
        width:100%;
        height: 100%;
       
    }

    .imglist-155in945 .imglist-big .imglist-cover {
        top: 313px;
        padding: 100px 0;
        height: 113px;
    }

    .imglist-155in945 .on .imglist-cover, .imglist-155in945 .imglist-big.on .imglist-cover {
        top: 0;
    }

    .imglist-155in945 li.imglist-big {
        width: 313px;
        height: 313px;
    }

.imglist-115in725 {
    padding: 5px 5px 0;
}

    .imglist-115in725 li {
        width: 115px;
        margin: 2px;
    }



.m-lis {
    height: 504px;
}

.m-list li {
    overflow: hidden;
    color: #666;
}

.list-odd {
    background-color: #f5f5f5;
}

.list-line li.line-item {
    padding: 0 16px;
    height: 32px;
    overflow: hidden;
}

.list-line h3 {
    line-height: 32px;
    width: 426px;
    height: 32px;
    overflow: hidden;
    font-size: 12px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-box {
    position: relative;
    *display: none;
}

.list-line i {
    float: right;
    width: 22px;
    height: 14px;
    margin-top: 4px;
    margin-right: -10px;
    overflow: hidden;
}

.line-img {
    float: left;
    width: 110px;
    height: 110px;
}

.line-attr {
    float: left;
    margin-left: 18px;
    line-height: 22px;
}

.line-box span {
    position: absolute;
    right: 0;
    top: 2px;
    color: #fe781f;
    font-size: 12px;
}

.line-box b {
    font-family: Constantia,Georgia;
    font-size: 24px;
    margin: 0 2px;
}

.line-btn {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 65px;
    height: 24px;
    line-height: 22px;
    background-color: #f2733a;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .line-btn:hover {
        color: #fff;
        background-color: #f38a5b;
    }

.list-line li.on {
    height: 152px;
}

    .list-line li.on h3 {
        font-size: 14px;
        font-weight: 700;
    }

        .list-line li.on h3 a {
            color: #4560af;
        }

    .list-line li.on .line-box {
    height: 94px;
        *display: block;
    overflow: hidden;
    }

input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    vertical-align: middle;
}

.u-form-item {
    padding: 0 5px 20px 70px;
    zoom: 1;
}

.u-label {
    float: left;
    width: 70px;
    margin-left: -70px;
    padding-top: 10px;
    text-align: right;
    font-size: 12px;
}

.u-input {
    width: 240px;
    padding: 5px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ccc;
    border-top-color: #c6c6c6;
    color: #595959;
    font-size: 12px;
}

.u-input-half {
    width: 120px;
}

.u-input:focus {
    border-color: #337996;
}

.u-ipwd {
    font-family: tahoma;
}

.u-checkbox {
    margin-right: 5px;
}

.u-radio-text {
    display: inline-block;
    *zoom: 1;
    margin: 10px 7px 0 7px;
    *margin: 10px 5px 0 5px;
}

.u-select-text {
    display: inline-block;
    *zoom: 1;
    margin: 10px 0 0 4px;
    vertical-align: baseline;
}

.u-textarea {
    width: 320px;
    height: 79px;
    padding: 5px;
    line-height: 15px;
    border: 1px solid #ccc;
    border-top-color: #c6c6c6;
    overflow: auto;
    font-family: Arial;
    font-size: 12px;
}

    .u-textarea:focus {
        border-color: #337996;
    }

.u-btn-reg {
    background: url(../Images/reg.png) no-repeat 0 0;
    width: 225px;
    height: 35px;
    line-height: 35px;
    display: block;
    cursor: pointer;
    text-indent: center;
    height: 35px;
    width: 224px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-indent: -9999px;
    border: 0;
}

    .u-btn-reg:hover {
        background-position: 0 -35px;
    }

.u-form-explain {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
}

.u-form-code-explain {
    margin-left: 21px;
}

.u-authcode {
    width: 65px;
    float: left;
    _margin-left: 3px;
}

.u-checkcode-img {
    float: left;
    border: 1px solid #cdcdcd;
    margin: -1px 10px 0;
    _position: relative;
}

.u-checkcode-link {
    float: left;
    line-height: 1.3em;
}

.u-pw-Strength {
    width: 183px;
    margin-top: 3px;
    height: 14px;
    background-color: #ffd099;
    position: relative;
    overflow: hidden;
}

.u-pw-bar {
    width: 0;
    height: 14px;
    overflow: hidden;
    background-color: #f60;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: width .4s linear;
    transition: all .4s linear;
}

.u-pw-weak .u-pw-bar {
    width: 61px;
}

.u-pw-medium .u-pw-bar {
    width: 122px;
}

.u-pw-strong .u-pw-bar {
    width: 183px;
}

.u-pw-letter {
    position: absolute;
    left: 0;
    top: 0;
}

    .u-pw-letter span {
        display: inline;
        float: left;
        height: 14px;
        width: 60px;
        font-size: 12px;
        text-align: center;
        line-height: 14px;
        color: #fff;
        border-right: 1px solid #fff;
    }

.m-aup {
    margin-left: -40px;
}

.m-aup-img {
    float: left;
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin-right: 24px;
}

.m-aup-upload {
    height: 80px;
    padding-top: 100px;
}

.u-aup-tip {
    line-height: 1.4;
    margin-bottom: 35px;
}

.u-aup-btn {
    display: inline-block;
    *zoom: 1;
    overflow: hidden;
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #909090;
}

    .u-aup-btn:hover {
        color: #fff;
    }

.i-aup-error {
    color: #f00;
}

.m-aup-ext {
    width: 382px;
    padding: 0 40px 0 155px;
    background-color: #fff;
    position: relative;
}

.m-aup-photo {
    width: 380px;
    height: 380px;
    border: 1px solid #ddd;
    line-height: 380px;
    overflow: hidden;
    text-align: center;
    background-color: #777;
}

    .m-aup-photo span {
        _height: 100%;
        _writing-mode: tb-rl;
        _vertical-align: middle;
    }

    .m-aup-photo img {
        background-color: #fff;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

.m-aup-re {
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.u-aup-rebtn {
    color: #ff8400;
}

.m-aup-vi {
    float: left;
    margin-right: 20px;
}

    .m-aup-vi p {
        line-height: 20px;
    }

.m-aup-vi180 {
    width: 180px;
    height: 180px;
    overflow: hidden;
}

.m-aup-vi64 {
    width: 64px;
    height: 64px;
    overflow: hidden;
}

.m-aup-vi30 {
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.m-aup-oper {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
}

.jcrop-vline, .jcrop-hline {
    background: #fff url(../Images/jcrop.gif);
    font-size: 0;
    position: absolute;
    *zoom: 1;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
    left: 0;
}

    .jcrop-vline.right {
        right: 0;
        left: auto;
    }

.jcrop-hline {
    height: 1px !important;
    width: 100%;
    top: 0;
}

    .jcrop-hline.bottom {
        bottom: 0;
        top: auto;
    }

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    width: 7px !important;
    height: 7px !important;
    font-size: 1px;
    *zoom: 1;
}

    .jcrop-handle.ord-n {
        left: 50%;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-s {
        bottom: 0;
        left: 50%;
        margin-bottom: -4px;
        margin-left: -4px;
    }

    .jcrop-handle.ord-e {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 50%;
    }

    .jcrop-handle.ord-w {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 50%;
    }

    .jcrop-handle.ord-nw {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-ne {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 0;
    }

    .jcrop-handle.ord-se {
        bottom: 0;
        margin-bottom: -4px;
        margin-right: -4px;
        right: 0;
    }

    .jcrop-handle.ord-sw {
        bottom: 0;
        left: 0;
        margin-bottom: -4px;
        margin-left: -4px;
    }

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
    background: #fff;
    filter: alpha(opacity = 70) !important;
    opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px;
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
    background: #000;
    filter: alpha(opacity = 70) !important;
    opacity: .7 !important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px;
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
    background: #fff;
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none;
}

.ui-form-item {
    margin: 0;
    padding: 0;
    position: relative;
}

.ui-form-label {
    text-align: left;
    height: auto;
    line-height: 12px;
    padding: 0;
    display: block;
    padding-bottom: 8px;
    margin: 0;
    width: auto;
    float: none;
}

.fm-link {
    position: absolute;
    top: 0;
    right: 0;
}

.ui-input {
    width: 216px;
    padding: 7px 3px;
    border: 1px solid #31271a;
    height: 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
}

    .ui-input:focus {
        border-color: #337996;
    }

.i-text-authcode {
    width: 65px;
    float: left;
    margin-right: 4px;
}

.checkcode-img {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    margin-top: 1px;
    margin-right: 0;
    cursor: pointer;
    margin-left: 3px;
}

.checkcode-link {
    float: right;
    text-align: right;
    line-height: 1.4;
}

.ui-check {
    margin-right: 3px;
    vertical-align: middle;
}

.ui-btn-cnt {
    margin: 10px 0;
    zoom: 1;
}

a.ui-button-reg {
    color: #fa0;
    font-size: 14px;
    font-weight: 600;
}

.font-alpha, .font-alpha:hover {
    zoom: 1;
    filter: alpha(opacity = 60);
    opacity: .6;
}

.ui-login-aside {
    width: 284px;
    overflow: hidden;
    color: #fff;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.Gradient ( GradientType = 0,StartColorStr = '#9F000000',EndColorStr = '#9F000000' );
}

:root .ui-login-aside {
    filter: progid:DXImageTransform.Microsoft.Gradient ( GradientType = 0,StartColorStr = '#00000000',EndColorStr = '#00000000' ); \9
}

.ui-form-title {
    padding: 5px;
    border-bottom: 1px solid #BBB;
    margin: 10px 20px 5px;
    position: relative;
}

    .ui-form-title h1 {
        font-size: 16px;
        font-weight: 500;
    }

.ui-login-aside a, .ui-login-aside a:hover {
    color: #fff;
}

    .ui-login-aside a:hover {
        text-decoration: underline;
    }

.ui-form-title #il-link {
    position: absolute;
    right: 13px;
    top: 10px;
    z-index: 20;
}

.error-box {
    margin: 10px auto 0 auto;
    padding: 5px 5px 5px 25px;
    width: 192px;
    line-height: 1.3;
    background: #ffffd0 url(../Images/form.png) no-repeat -380px 5px;
    border: 1px solid #ffad77;
    color: #f00;
}

.login-form-cnt {
    position: relative;
    padding: 10px 30px 10px 30px;
    _zoom: 1;
}

.ui-form-hide {
    display: none;
}

.pagination {
    margin-top: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

    .pagination .pagination-page {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .pagination .pagination-page .page-prev, .pagination .pagination-page .page-next {
            float: left;
            margin-right: 3px;
            padding: 1px 6px;
            color: #565656;
            height: 22px;
            line-height: 22px;
            text-decoration: none;
            border: 1px solid #e1e1e1;
        }

        .pagination .pagination-page a.page {
            border: 1px solid #e1e1e1;
            float: left;
            margin-right: 3px;
            padding: 1px 9px;
            color: #999;
            height: 22px;
            line-height: 22px;
            text-decoration: none;
        }

        .pagination .pagination-page .page-cur {
            border: 1px solid #e1e1e1;
            padding: 1px 9px;
            background-color: #515151;
            color: #fff;
            margin-right: 3px;
            float: left;
            height: 22px;
            line-height: 22px;
        }

        .pagination .pagination-page .page-split {
            padding: 1px 6px;
            float: left;
            height: 22px;
            line-height: 22px;
        }

.slider-wrapper {
    position: relative;
    width: 100%;
    height: 800px;
}

.slider-item {
    height: 800px;
    overflow: hidden;
    *zoom: 1;
}

    .slider-item a {
        display: block;
        height: 800px;
    }

.slider-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    opacity: .7;
    filter: alpha(opacity = 70);
    width: 100%;
    z-index: 8;
}

    .slider-caption p {
        display: none;
        height: 40px;
        padding: 0;
        line-height: 40px;
        text-indent: 30px;
        font-size: 14px;
    }

    .slider-caption a {
        display: inline !important;
    }

.slider-wrapper .slider-directionNav {
    display: none;
    _display: block;
}

.slider-wrapper:hover .slider-directionNav {
    display: block;
}

.slider-directionNav a {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 80px;
    background: url(../Images/home_control.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    top: 40%;
    opacity: .5;
    filter: alpha(opacity = 50);
}

    .slider-directionNav a:hover {
        opacity: .8;
        filter: alpha(opacity = 80);
    }

    .slider-directionNav a.prev {
        left: 20px;
    }

    .slider-directionNav a.next {
        background-position: -40px 0;
        right: 20px;
    }

.slider-controlNav {
	position:relative;
text-align:center;
width:100px;
bottom:30px;
    z-index: 10;
}

    .slider-controlNav a {
        position: relative;
        z-index: 9;
        cursor: pointer;
        display: block;
        width: 14px;
        height: 14px;
        background: url(../Images/bullets.png) -16px 0 no-repeat;
        _background-image: url(../Images/bullets.gif);
        overflow: hidden;
        line-height: 200px;
        float: left;
        margin: 0 5px;
    }

        .slider-controlNav a.on {
            background-position: 0 0;
        }

.theme-default, .theme-default .slider-item {
    width: 100%px;
}

    .theme-default .slider-caption {
        width: 100%;
    }

    .theme-default .slider-controlNav {
        margin:0 auto;
    }

    .theme-default .slider-directionNav a.next {
        right: 20px;
    }

.m-automail {
    position: absolute;
    z-index: 10010;
    display: none;
    background-color: #fff;
    color: #333;
    border: 1px solid #dcdddd;
    padding: 1px;
    overflow: hidden;
}

.m-automail-title {
    padding: 5px 10px;
    display: block;
    white-space: nowrap;
}

.m-automail-panel li a {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    color: #333;
}

    .m-automail-panel li a:hover, .m-automail-panel li.cur a {
        color: #333;
        background-color: #e6e6e6;
    }

.side-tool {
    width: 78px;
    position: fixed;
    _position: absolute;
    right: 0;
    z-index: 9999;
    background-color: #f6f5f5;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    _zoom: 1;
}

* html, * html body {
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

.stool {
    width: 78px;
    height: 78px;
    display: block;
    line-height: 200px;
    overflow: hidden;
    border-bottom: solid 2px #f6f5f5;
    overflow: hidden;
    background: url(../Images/side-tool.png) no-repeat top center;
}

    .stool.st-1 {
        background-position: 0 0;
    }

        .stool.st-1:hover {
            background-position: -78px 0;
        }

    .stool.st-2 {
        background-position: 0 -79px;
    }

        .stool.st-2:hover, .st-menu.open .st-2 {
            background-position: -78px -79px;
        }

    .stool.st-3 {
        background-position: 0 -158px;
    }

        .stool.st-3:hover {
            background-position: -78px -158px;
        }

    .stool.st-4 {
        background-position: 0 -237px;
    }

        .stool.st-4:hover {
            background-position: -78px -237px;
        }

.st-recent-container {
    width: 298px;
    position: absolute;
    top: 81px;
    right: 84px;
    border: 1px solid #dbdbdb;
    background: #FFF;
    display: none;
}

.str-item-container {
    width: 280px;
    height: 203px;
    padding: 0 9px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: -1px;
    overflow: hidden;
}

.no-str-items {
    margin-top: 100px;
    font-size: 14px;
    text-align: center;
    color: #919191;
}

    .no-str-items b {
        color: #ff8400;
        font-weight: 500;
    }

.str-item {
    text-align: right;
    border-bottom: 1px dashed #e8e8e8;
    padding: 5px 0;
    height: 40px;
    overflow: hidden;
}

    .str-item .si-row {
        color: #afafaf;
        line-height: 19px;
        _line-height: 22px;
        overflow: hidden;
        zoom: 1;
    }

    .str-item .si-title {
        height: 19px;
        overflow: hidden;
        width: 240px;
        white-space: nowrap;
        text-align: left;
        padding: 0;
        font-size: 12px;
        float: left;
        font-weight: 500;
    }

    .str-item .close {
        font-weight: bold;
        font-size: 16px;
        font-family: tahoma;
        color: #505050;
        text-decoration: none;
        _font-size: 13px;
        _font-family: arial;
    }

        .str-item .close:hover {
            color: #c1c1c1;
        }

    .str-item em {
        border-bottom: 1px solid #ccc;
        color: #777;
        margin: 0 2px;
    }

    .str-item .si-info {
        float: left;
        width: 90px;
        text-align: left;
        text-indent: 4px;
    }

    .str-item .si-link {
        border-bottom: 1px solid #666;
    }

        .str-item .si-link:hover {
            border-bottom-color: #ff8400;
        }

.str-btns {
    margin-right: -1px;
    height: 38px;
    overflow: hidden;
}

    .str-btns a {
        border-right: 1px solid #e9e9e9;
        width: 75px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        float: left;
        overflow: hidden;
    }

        .str-btns a:hover {
            color: #ff8400;
        }

        .str-btns a.selected {
            background: #ff8400;
            color: #fff;
        }

    .str-btns .str-clear {
        width: 130px;
        padding-left: 16px;
        color: #919191;
        text-align: left;
    }

.str-arrow {
    background: url(../Images/side-tool.png) no-repeat 0 -315px;
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: -7px;
    top: 36px;
    _zoom: 1;
}

.st-menu.open .st-recent-container {
    display: block;
}




#sdcms_content2 img{width:1050px;text-align:center;float:left;margin:0 20px;}
