﻿.bg {
    margin-top: 80px;
    height: 180px;
    z-index: -1;
    position: relative;
}

    .bg > div {
        /*        background-image: url(/images/security/bg.png) !important;
*/

        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        zoom: 1;
    }

.banner {
    margin-top: -180px;
    min-height: 180px;
    position: relative;
}

    .banner .tt {
        margin-bottom: 220px;
        color: #f7f7f7;
        cursor: default;
    }

        .banner .tt > p {
            font-size: 28px;
        }

.line .tree {
    position: absolute;
    width: 140px;
    left: 0;
    top: 320px;
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    border-right: 1px solid #ebebeb;
    min-height: 800px;
    display: none;
}

    .line .tree > div.dvp {
        font-size: 16px;
        padding-right: 45px;
        position: relative;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        margin-right: -13px;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .line .tree > div.dvp.hover, .line .tree > div.dvp:hover {
            color: #ff5b21;
        }

        .line .tree > div.dvp span {
            background: url(/images/service/icon.png) no-repeat;
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            width: 45px;
            height: 40px;
            background-position: -60px -183px;
        }

        .line .tree > div.dvp.hover span, .line .tree > div.dvp:hover span {
            background-position: 6px -185px;
        }

    .line .tree > div.dvc {
        font-size: 14px;
        padding-right: 40px;
        position: relative;
        height: 30px;
        line-height: 30px;
        margin-right: -4.5px;
        cursor: pointer;
    }

        .line .tree > div.dvc span {
            background: url(/images/service/icon.png) no-repeat;
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            width: 20px;
            height: 30px;
            background-position: -37px -219px;
        }

        .line .tree > div.dvc.hover span, .line .tree > div.dvc:hover span {
            background-position: 11px -219px;
        }

    .line .tree.fixed {
        position: fixed;
        left: 0;
        top: 80px;
    }

.line .title {
    padding-top: 120px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ededed;
    font-size: 20px;
}

.line .content {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #ededed;
    font-size: 14px;
}

    .line .content:last-child {
        margin-bottom: 600px;
    }

    .line .content .img {
        float: left;
        width: 28.3%;
    }

        .line .content .img img {
            margin-top: 50px;
            max-width: 259px;
            width: 100%;
        }

            .line .content .img img:first-child {
                margin-top: 0;
            }

    .line .content .text {
        float: left;
        width: 71.7%;
        padding-left: 33px;
    }

        .line .content .text p {
            font-size: 14px;
            color: #777;
            line-height: 28px;
        }

            .line .content .text p.tt {
                font-size: 14px;
                color: #333;
                margin-top: 25px;
            }

                .line .content .text p.tt:first-child {
                    margin-top: 0;
                }

.foot1 {
    position: relative;
    z-index: 1;
}

.foot2 {
    position: relative;
    z-index: 1;
}

.listCon li .fdiv {
    width: 50%;
}

    .listCon li .fdiv p {
        width: 100%;
    }

.listCon li {
    display: none;
}

#ba055, #ba033 {
    padding-bottom: 40px;
}

.ys li {
    width: 100% !important;
    min-height: 0px !important;
    margin-bottom: 40px;
}

    .ys li span.tit {
        display: block;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .ys li span.con {
        display: block;
        /*margin-bottom: 15px;*/
        line-height: 20px;
    }

        .ys li span.con i.w {
            color: #666;
        }

        .ys li span.con i.d {
            color: #999;
        }

.about_nav li {
    cursor: pointer;
}

#ba044, #ba011, #ba022, #ba033, #ba055 {
    padding-top: 50px !important;
    padding-bottom: 50px;
}

.w1000 img {
    width: 100%;
    height: 480px;
}

.about_shipchem {
    padding: 15px 20px;
    margin: 0 0 10px 0;
    background-color: #EEEEEE;
    line-height: 25px;
    border-radius: 8px;
}

.about_shipchem span{
    font-weight:bold;
    color:#000000;
}

