@charset "utf-8"; /* CSS Document */
* {
    margin: 0;
    padding: 0;
}

body {
    font: "Microsoft YaHei UI Light", "微软雅黑","Microsoft YaHei UI" 12px;
    color: #000;
    background-color: #FFF;
}

#container {
    width: 100%;
}

.clear {
    clear: both;
}

li {
    list-style: none;
}

img {
    border: none;
}

a {
    text-decoration: none;
}
/*header*/
header {
    width: 100%;
}

#header-nav {
    background-color: #353535;
    width: 100%;
    height: 40px;
}

    #header-nav ul {
        width: 1000px;
        margin: 0 auto;
    }

    #header-nav li {
        float: right;
        text-align: center;
    }

    #header-nav a {
        color: #cccccc;
        text-decoration: none;
        display: block;
        width: 85px;
        padding-top: 10px;
    }

        #header-nav a:hover {
            background-color: #181818;
            color: #cccccc;
            width: 85px;
            display: block;
            height: 30px;
            padding-top: 10px;
        }

#header-logo {
    width: 1000px;
    margin: 0 auto;
}
/*nav*/
#nav {
    width: 100%;
    background: url(../images/nav-bg.png) left top repeat-x;
    height: 47px;
    font-size: 16px;
    padding-bottom: 2px;
}

    #nav ul {
        width: 1000px;
        margin: 0 auto;
    }

    #nav a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        border-right: solid 1px #740404;
    }

        #nav a:hover {
            background: #C40B0B;
        }
/*notice*/
#notice {
    width: 1000px;
    margin: 0 auto;
    padding-top: 34px;
    overflow: hidden;
}

#news {
    width: 735px;
    float: left;
}

#tab {
    border-bottom: solid 5px #EEEEEE;
    padding-bottom: 27px;
}

.door_container .TabTitle li {
    cursor: pointer;
}

.door_container {
    float: left;
}

    .door_container table {
        width: 770px;
    }

    .door_container td {
        padding: 0 10px;
    }

    .door_container h2 a {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        color: #333333;
        border-bottom: solid 5px #EFEFEF;
        display: block;
    }

        .door_container h2 a:hover {
            border-bottom: #A80202 solid 5px;
        }

    .door_container h2 {
    }

    .door_container ul {
        padding-top: 10px;
    }

    .door_container li {
        line-height: 2.5em;
        font-size: 14px;
        background: url(../images/news-li.jpg) left center no-repeat;
        padding-left: 15px;
        border-bottom: dashed 1px #CCCCCC;
        font-weight: bold;
        overflow: hidden;
    }

        .door_container li a {
            color: #555;
            text-decoration: none;
            letter-spacing: 0.3em;
        }

            .door_container li a:hover {
                color: #C50101;
            }

.none {
    display: none;
}

#tab li {
    float: left;
    font-size: 18px;
    width: 98px;
    text-align: center;
    font-weight: bold;
}

#tab p {
    float: right;
    padding-right: 26px;
    font-size: 14px;
    padding-top: 10px;
}

    #tab p a {
        color: #C50101;
        text-decoration: none;
    }

#tab li {
    color: #000;
    text-decoration: none;
    display: block;
    padding-bottom: 6px;
}

#tab .active {
    color: #000;
    border-bottom: #A80202 solid 5px;
}

.TabContent ul {
    width: 100%;
    padding-left: 10px;
    padding-top: 7px;
}

.TabContent li {
    line-height: 2.5em;
    font-size: 14px;
    background: url(../images/news-li.jpg) left center no-repeat;
    padding-left: 15px;
    border-bottom: dashed 1px #CCCCCC;
    margin-right: 26px;
    font-weight: 600;
    overflow: hidden;
}

    .TabContent li em {
        float: right;
        color: #999999;
        font-style: normal;
    }

    .TabContent li a {
        float: left;
        color: #555;
        text-decoration: none;
        letter-spacing: 0.3em;
    }

        .TabContent li a:hover {
            color: #C50101;
        }

#login {
    width: 230px;
    float: right;
    padding-top: 2px;
}

    #login h2 {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        border-bottom: solid 5px #EEEEEE;
    }

    #login input {
        
        width: 191px;
        margin-left: 10px;
        margin-top: 30px;
        line-height: 2.0em;
        height: 24px;
        border: solid 1px #E7E7E7;
    }

    #login .user {
        background: #FBFBFB url(../images/user.jpg) 3px center no-repeat;
        padding: 3px 0px 3px 32px;
    }
    #login .pass {
        background: #FBFBFB url(../images/pass.jpg) 3px center no-repeat;
        padding: 3px 0px 3px 32px;
    }

    #login a {
        color: #C50101;
        text-decoration: none;
        display: block;
        margin-top: 20px;
        margin-left: 10px;
    }

    #login .submit, #login .enroll {
        background-color: #8D8686;
        width: 68px;
        height: 30px;
        color: #FFF;
        border: none;
        margin-left: 30px;
    }

        #login .submit:hover, #login .enroll:hover, .btnhover {
            background-color: #C50101;
            cursor: pointer;
        }
.forgetpass {font-size:0.8em;
}
/*image*/

#image {
    width: 100%;
    background-color: #F6F6F6;
    margin-top: 30px;
    height: 350px;
    overflow: hidden;
}

#photo .last {
    margin-right: 0px;
}
/*
*/
#photo {
    width: 1000px;
    margin: auto;
}

    #photo img {
        padding-bottom: 20px;
    }

    #photo h2 {
        border-bottom: solid 5px #EFEFEF;
        padding-bottom: 10px;
        padding-top: 25px;
        color: #333333;
        font-size: 18px;
    }

    #photo a {
        color: #000;
        text-decoration: none;
        display: block;
        text-align: center;
        padding-bottom: 18px;
        margin-right: 10px;
        background-color: #fff;
        margin-top: 22px;
    }

        #photo a:hover {
            border-bottom: solid 3px #A80202;
        }
/*panel*/
#panel {
    width: 1000px;
    margin: 0 auto;
    padding: 15px 0;
    overflow: hidden;
}

.activity {
    width: 31%;
    float: left;
    padding: 0 1%;
}

.activity_title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border-bottom: solid 5px #EFEFEF;
    padding-bottom: 8px;
    color: #333333;
    padding-left: 10px;
    margin-bottom: 10px;
}

    .activity_title h2 {
        float: left;
        font-size: 18px;
    }

.more {
    float: right;
    color: #C50101;
}

.activity a:hover {
    text-decoration: underline;
}
/*#panel h2 a {float: right;font-size: 12px;color: #a80202;font-weight: normal;padding-right: 5px;letter-spacing: 0.2em;text-decoration: none;line-height: 30px;}*/
#panel li {
    font-size: 12px;
    background: url(../images/activity-li.jpg) left center no-repeat;
    padding-left: 10px;
    line-height: 2.5em;
overflow:hidden;
    border-bottom: dashed 1px #CCCCCC;
}

    #panel li em {
        float: right;
        color: #999999;
        font-style: normal;
    }

    #panel li a {
        color: #333333;
        text-decoration: none;
float: left;
        font-weight: bold;
    }

        #panel li a:hover {
            color: #C50101;
        }
/*content.html*/
#content {
    color: #454444;
    padding: 10px 0 20px 0;
    overflow: hidden;
    width: 1000px;
    margin: auto;
}

#newscontent {
    padding: 10px;
    line-height: 230%;
    height: auto !important;
    height: 500px;
    min-height: 500px;
}

    #newscontent h1 {
        font-size: 18px;
        text-align: center;
        margin-top: 10px;
        border-bottom: 0;
    }

    #newscontent h6 {
        font-weight: normal;
        font-size: 12px;
        color: #999999;
        border-bottom: #CCCCCC dotted 1px;
        border-top: #CCCCCC dotted 1px;
        text-align: center;
        padding: 3px 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #newscontent table td {
        vertical-align: middle;
        padding: 3px;
    }

    #newscontent .newscontent {
        font-size: 14px;
    }

        #newscontent .newscontent p {
            text-indent: 0em;
        }

        #newscontent .newscontent table p {
            text-indent: 0;
        }
/*list.html*/
#main {
    width: 1000px;
    margin: 0 auto;
}

    #main a {
        color: #000;
        text-decoration: none;
    }

        #main a:hover {
            color: #C50101;
        }

#submenu {
    width: 230px;
    background-color: #F6F6F6;
    float: left;
    height: 490px;
}

    #submenu h2 {
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-top: 20px;
    }

    #submenu ul {
    }

        #submenu ul li {
            width: 173px;
            margin: 15px auto;
            line-height: 2.0em;
            background-color: #646464;
        }

            #submenu ul li a {
                font-size: 14px;
                color: #fff;
                display: block;
                text-align: center;
                text-decoration: none;
                border-left: solid 5px #646464;
            }

                #submenu ul li a:hover {
                    border-left: solid 5px #C50101;
                    color: #fff;
                    text-decoration: none;
                }

#list {
    width: 770px;
    float: right;
}

#path {
    margin: 15px 10px;
    padding-left: 15px;
    border-bottom: #abba6d solid 1px;
    padding-bottom: 5px;
}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.icon-home {
    fill: #333;
    margin-right: 10px;
}

#newslist {
    padding-left: 15px;
    width: 750px;
}

    #newslist li {
        background: url(../images/news-li.jpg) no-repeat left center;
        padding-left: 10px;
        border-bottom: dashed 1px #CCCCCC;
        line-height: 2.0em;
        color: #333;
        font-size: 14px;
    }

        #newslist li span {
            float: right;
            color: #999999;
            font-size: 14px;
        }

.pager {
    margin-top: 15px;
}
/*footer*/
#footer {
    width: 100%;
    background-color: #333333;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 67px;
    padding-bottom: 110px;
    margin-top: 56px;
}

    #footer p {
        padding-bottom: 25px;
    }

    #footer a {
        color: #fff;
        text-decoration: none;
    }

        #footer a:hover {
            text-decoration: underline;
        }

.stepcarousel {
    MARGIN: 0px auto;
    OVERFLOW: scroll;
    WIDTH: 981px;
    POSITION: relative;
    HEIGHT: 270px;
}

    .stepcarousel .belt {
        LEFT: 0px;
        POSITION: absolute;
        TOP: 0px;
    }

#displaycssbelt {
    VISIBILITY: hidden;
}

#stocklevels {
    VISIBILITY: hidden;
}

.stepcarousel .panel {
    FLOAT: left;
    padding: 0px 5px;
    OVERFLOW: hidden;
    WIDTH: 240px;
}

.stock {
    CLEAR: both;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    WIDTH: 929px;
    BORDER-BOTTOM: #000 1px dashed;
}

.subfeature {
    DISPLAY: block;
    MARGIN: 0px;
    OVERFLOW: hidden;
}

.subfeature-txt {
    font-weight: bold;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 240px!important;
    LINE-HEIGHT: 17px;
    PADDING-TOP: 3px;
    POSITION: relative;
}