/*
 * @Author: yunfour@163.com
 * @Date: 2015-01-31
 * @Memo: 页面级样式
 */

/*首页样式*/
/* p-top */
.banner-buttom {
    margin-top: -70px;
}

#p-top {
    margin: 0 auto;
    padding: 0 10px;
    width: 930px;
    text-align: right;
}

#p-top {
    background: none;
    width: auto;
    min-width: 990px;
    padding: 0;
}

#p-banner-1 {
    background: #EDEDED url('') repeat-x 50% 0px;
}

#p-top-banner .p-banner-small-1 {
    background: url('') no-repeat 0 80%;
}

#p-banner-2 {
    background: #EDEDED url('') repeat-x 50% 0px;
}

#p-top-banner .p-banner-small-2 {
    background: url('') no-repeat 0px 80%;
}

#p-banner-3 {
    background: #EDEDED url('') repeat-x 50% 0px;
}

#p-top-banner .p-banner-small-3 {
    background: url('') no-repeat 0px 50%;
}

#p-banner-4 {
    background: #EDEDED url('') repeat-x 50% 0px;
}

#p-top-banner .p-banner-small-4 {
    background: url('') no-repeat 0px 50%;
}

#p-banner-5 {
    background: #EDEDED url('') repeat-x 50% 0px;
}

#p-top-banner .p-banner-small-5 {
    background: url('') no-repeat 0px 50%;
}

.p-home-banner {
    width: 990px;
    padding: 0;
    margin: 0 auto;
    clear: both;
}

    .p-home-banner:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

#p-top-banner img, #p-top-banner h1, #p-top-banner h2, #p-top-banner h3 {
    padding: 0;
    margin: 0;
}

#p-top-banner h1, #p-top-banner h2, #p-top-banner h3 {
    position: relative;
}

#p-top-banner {
    background: #EFEFEF;
}

    #p-top-banner.p-container {
        margin: 0;
    }

    #p-top-banner.p-top-qh .p-container-body {
        clear: both;
        position: relative;
        height: 400px;
        border: 0 none;
        background: none;
        margin: 0;
    }

    #p-top-banner .p-top-qh-pane {
        position: relative;
        height: 400px;
        overflow: hidden;
        clear: both;
    }

        #p-top-banner .p-top-qh-pane h1 img, #p-top-banner .p-top-qh-pane h2 img {
            margin-top: 80px;
        }

    #p-top-banner .p-bannerqh {
        position: absolute;
        overflow: hidden;
    }

        #p-top-banner .p-bannerqh .p-home-banner {
            clear: none;
            height: 400px;
            overflow: hidden;
            width: 100%;
            margin: 0;
            float: left;
        }

            #p-top-banner .p-bannerqh .p-home-banner .p-banner1-1-1 {
                width: 990px;
                margin: 0 auto;
                text-align: left;
            }

    #p-top-banner .p-top-qh-nav {
        margin: -15px 100px 0 0;
        width: 500px;
        height: 20px;
        float: right;
        display: inline;
    }

        #p-top-banner .p-top-qh-nav a {
            width: 80px;
            height: 60px;
            position: relative;
            z-index: 2100;
            display: inline-block;
            text-decoration: none;
            padding: 0;
            margin: 3px 5px;
            font-size: 1px;
            outline: 0;
            border: 3px solid #EEE;
            border: 3px solid rgba(255,255,255,0.6);
            box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        }

            #p-top-banner .p-top-qh-nav a .p-top-qh-view {
                width: 80px;
                height: 60px;
            }

            #p-top-banner .p-top-qh-nav a.p-active {
                top: -5px;
            }

            #p-top-banner .p-top-qh-nav a:hover, #p-top-banner .p-top-qh-nav a.p-active {
                border: 3px solid #FFF;
                border: 3px solid rgba(255,255,255,0.9);
                box-shadow: 0 1px 3px rgba(0,0,0,0.85);
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.85);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.85);
            }

            #p-top-banner .p-top-qh-nav a .p-banner-small-alt {
                display: none;
                background: url(images/p-banner-small-bg.png) no-repeat 0 0;
                _background-image: url("images/p-banner-small-bg-ie6.png");
                cursor: pointer;
                position: absolute;
                text-align: left;
                width: 328px;
                height: 113px;
                top: -115px;
                left: -237px;
            }

            #p-top-banner .p-top-qh-nav a.p-active .p-banner-small-alt {
                top: -110px;
            }

            #p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-1, #p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-2, #p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-3 {
                display: block;
                border: 1px solid #FFF;
                width: 60px;
                height: 60px;
                margin: 18px 10px 5px 20px;
                _margin: 20px 6px 5px 12px;
                float: left;
            }

            #p-top-banner .p-top-qh-nav a .p-banner-small-alt h2 {
                font-weight: bold;
                color: #FFDF4E;
                text-shadow: 0 1px 0 rgba(0,0,0,.5);
                font-size: 12px;
                margin: 0;
                padding: 15px 20px 0 0;
            }

            #p-top-banner .p-top-qh-nav a .p-banner-small-alt p {
                font-size: 11px;
                color: #999;
                text-shadow: 0 1px 0 rgba(0,0,0,.5);
                margin: 0;
                padding: 0 20px 5px 0;
                line-height: 14px;
            }

            #p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover h2 {
                color: #FFC;
            }

            #p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover p {
                color: #CCC;
            }

    #p-top-banner a.p-top-qh-next, #p-top-banner a.p-top-qh-prev {
        display: none;
    }

.p-container {
    margin: 0 0 1.2em;
    width: 100%;
}

    .p-container .p-container-body h2, .p-container.p-alternate-two h2, .p-container.p-alternate-six h2 {
        background: none;
        border: none;
    }

.p-subtittle {
    position: absolute;
    left: -3000px;
    width: 500px;
}

.home-banner {
    min-width: 1220px;
    position: relative;
    margin-top: 80px;
}

.home-banner-page {
    display: block;
    width: 34px;
    height: 50px;
    position: absolute;
    top: 200px;
    z-index: 20;
}

.home-banner-page-pre {
    background: url(/images/common/icons.png) 0 0 no-repeat;
    left: 30px;
}

.home-banner-page-next {
    background: url(/images/common/icons.png) -53px 0 no-repeat;
    right: 30px;
}

.home-banner-bottom {
    height: 32px;
    min-width: 1220px;
    margin: 0;
    background: #4b4a48;
}

.home-banner-bottom-bd {
    height: 32px;
    width: 1220px;
    margin: 0 auto;
    line-height: 32px;
    font-size: 13px;
}

.home-banner-bottom-title {
    height: 32px;
    width: 95px;
    color: #fff;
    text-align: center;
    float: left;
}

    .home-banner-bottom-title a {
        font-size: 15px;
        color: #fff;
    }

.home-banner-bottom-page {
    display: block;
    width: 30.4px;
    margin: 0 1px 0 0;
    background: #706e6f;
    color: #fff;
    text-align: center;
    float: left;
}

a.home-banner-bottom-page:hover {
    text-decoration: none;
}

.home-banner-bottom-content {
    width: 950px;
    padding: 0 0 0 25px;
    float: left;
}

    .home-banner-bottom-content a {
        color: #fff;
    }

.home-banner-bottom-more {
    display: block;
    width: auto;
    color: #fff;
    float: left;
    font-size: 15px;
}

.home-wraper {
    height: auto;
    padding: 10px 0 0;
    margin: 0 auto;
}

.home-content {
    margin: 0 40px 0 0;
    border-top: 12px solid #c8000a;
    float: left;
    overflow: hidden;
    position: relative;
}

.home-content-title {
    height: 0px;
    padding: 0 30px;
    line-height: 63px;
    background: #555;
    opacity: 0.9;
    filter: alpha(opacity=90);
    font-size: 26px;
    color: #fff;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -63px;
}

.home-content-title2 {
    height: 220px;
    width: 320px;
    padding: 0 30px;
    line-height: 220px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -220px;
}

.home-content:hover .home-content-title {
    height: 75px;
    padding: 0 30px;
    line-height: 75px;
    background: #555;
    opacity: 0.9;
    filter: alpha(opacity=90);
    font-size: 26px;
    color: #fff;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
}

.pro-wraper {
    margin: 0;
    overflow-x: hidden;
    position: relative;
}

.pro-info {
    width: 1280px;
    height: 58px;
    padding: 10px 0 0;
    margin: 0 0 0 -640px;
    line-height: 58px;
    border-bottom: 2px solid #c5c5c5;
    position: absolute;
    left: 50%;
    top: 0;
}

.pro-info-title {
    height: 58px;
    width: auto;
    padding: 0 0 0 10px;
    line-height: 58px;
    color: #666;
    font-size: 24px;
    font-weight: 100;
    white-space: nowrap;
    float: left;
}

.pro-info-nav {
    width: 600px;
    font-size: 14px;
    text-align: right;
    position: absolute;
    right: 30px;
    bottom: 0;
}

    .pro-info-nav a {
        margin-left: 25px;
    }

.pro-detail {
    margin: 0;
    text-align: center;
}

.pro-foot {
    margin: 20px auto;
    width: 1280px;
    border-bottom: 2px solid #c5c5c5;
}

#scrollDiv {
    width: 950px;
    height: 32px;
    min-height: 32px;
    line-height: 32px;
    overflow: hidden;
    float: left;
}

    #scrollDiv li {
        height: 32px;
        padding-left: 10px;
        color: #ffffff;
        font-size: 15px;
    }

        #scrollDiv li a {
            color: #ffffff;
        }

.help-details {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

    .help-details .article {
        margin-top: 10px;
        background-color: #fff;
    }

    .help-details .title {
        padding: 20px;
        text-align: center;
        font-size: 24px;
    }

    .help-details .msg {
        color: #888;
        text-align: center;
    }

    .help-details .art-body {
        border-top: 1px solid #d7d7d7;
        max-width: 1240px;
        overflow: hidden;
        padding: 20px;
        font-size: 13px;
        color: #444;
        margin-top: 20px;
        line-height: 3;
    }

        .help-details .art-body p {
            color: #444;
            font-size: 13px;
            line-height: 25px;
        }