body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Microsoft Yahei', Verdana, Arial, Helvetica, sans-serif;
    color: #222;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
    min-width:1200px;
}


a {
    text-decoration: none;
}


.header-mask {
    top: 0;
    left: 0;
    height: 75px;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-bottom: solid 4px #1f6bc1;
    background-color: #F5F5F5;
}

header {
    height: 79px;
}

    header .fr {
        width: 618px;
        height: 75px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

    header .logo {
        background-image: url(/Areas/Admin/web/images/home/new_logo.png);
        display: block;
        width: 400px;
        height: 80px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        left: 3%;
        z-index: 2;
        margin-left: 40px;
    }

    header .fr .header-navi {
        height: 100%;
        margin: 0;
        padding: 0;
        float: right;
        margin-right: 70px;
        list-style: none;
    }

        header .fr .header-navi li {
            height: 100%;
            width: 75px;
            padding: 0;
            text-align: center;
            margin-right: -4px;
            position: relative;
            float: left;
        }

            header .fr .header-navi li.curr {
                background-color: #05c19b;
            }

            header .fr .header-navi li a {
                display: block;
                width: 75px;
                color: #656565;
                font: 14px "微软雅黑", "宋体", Arial, sans-serif;
                line-height: 75px;
            }

            header .fr .header-navi li.curr a {
                color: #e4e4e4;
                background-color: #1f6bc1;
            }

                header .fr .header-navi li.curr a:hover {
                    color: #e4e4e4;
                }

            header .fr .header-navi li a:hover {
                color: #1f6bc1;
            }

            header .fr .header-navi li span.new {
                width: 32px;
                height: 18px;
                display: block;
                position: absolute;
                background: url(../images/new_home/tips.png) no-repeat;
                left: 18px;
                top: 10px;
            }



.qq_online {
    position: fixed;
    right: 10px;
    width: 93px;
    height: 151px;
    bottom: 10px;
    overflow: hidden;
    background-image: url(../../images/home/qq_kefu.png);
    background-repeat: no-repeat;
}

    .qq_online a {
        display: block;
        height: 100%;
    }

    .qq_online .qq {
        width: 90px;
        height: 70px;
        background-image: url(../../images/qq/IMG00000.bmp);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        position: absolute;
        top: 40px;
        left: 1px;
        -webkit-animation: anim-name 5s linear infinite;
        -webkit-animation-delay: 2s;
    }

        .qq_online .qq:hover {
            -webkit-animation: kf2 5s linear infinite;
        }

/*客服动画*/
@-webkit-keyframes anim-name {
    0%,0.4% {
        background-image: url(../../images/qq/IMG00001.bmp);
    }

    3.6%, 4% {
        background-image: url(../../images/qq/IMG00002.bmp);
    }

    7.2%, 7.6% {
        background-image: url(../../images/qq/IMG00003.bmp);
    }

    10.8%, 11.2% {
        background-image: url(../../images/qq/IMG00004.bmp);
    }

    14.4%, 14.8% {
        background-image: url(../../images/qq/IMG00005.bmp);
    }

    18%, 18.4% {
        background-image: url(../../images/qq/IMG00006.bmp);
    }

    21.6%, 22% {
        background-image: url(../../images/qq/IMG00007.bmp);
    }

    25.2%, 25.6% {
        background-image: url(../../images/qq/IMG00008.bmp);
    }

    28.8%, 29.2% {
        background-image: url(../../images/qq/IMG00009.bmp);
    }

    32.4%, 32.8% {
        background-image: url(../../images/qq/IMG00010.bmp);
    }

    36%, 36.4% {
        background-image: url(../../images/qq/IMG00011.bmp);
    }

    39.6%, 40% {
        background-image: url(../../images/qq/IMG00012.bmp);
    }

    43.2%, 43.6% {
        background-image: url(../../images/qq/IMG00013.bmp);
    }

    46.8%, 47.2% {
        background-image: url(../../images/qq/IMG00014.bmp);
    }

    50.4%, 50.8% {
        background-image: url(../../images/qq/IMG00015.bmp);
    }

    54%, 54.4% {
        background-image: url(../../images/qq/IMG00016.bmp);
    }

    57.6%, 58% {
        background-image: url(../../images/qq/IMG00017.bmp);
    }

    61.2%, 61.6% {
        background-image: url(../../images/qq/IMG00018.bmp);
    }

    64.8%, 65.2% {
        background-image: url(../../images/qq/IMG00019.bmp);
    }

    68.4%, 68.8% {
        background-image: url(../../images/qq/IMG00020.bmp);
    }

    72%, 72.4% {
        background-image: url(../../images/qq/IMG00021.bmp);
    }

    75.6%, 76% {
        background-image: url(../../images/qq/IMG00022.bmp);
    }

    79.2%, 79.6% {
        background-image: url(../../images/qq/IMG00023.bmp);
    }

    82.8%, 83.2% {
        background-image: url(../../images/qq/IMG00024.bmp);
    }

    86.4%, 86.8% {
        background-image: url(../../images/qq/IMG00025.bmp);
    }

    90%, 90.4% {
        background-image: url(../../images/qq/IMG00026.bmp);
    }

    93.6%, 94% {
        background-image: url(../../images/qq/IMG00027.bmp);
    }

    97.2%, 97.6% {
        background-image: url(../../images/qq/IMG00028.bmp);
    }

    100.8%, 100% {
        background-image: url(../../images/qq/IMG00029.bmp);
    }
}


.content {
    width: 1200px;
    margin: auto;
}

.feature {
    width: 1200px;
    margin: auto;
    background-color: white;
    overflow:hidden;
}

    .feature .line {
        height: 1px;
        background-image: url(/Areas/Admin/web/images/home/line.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .feature ul {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 200px;
    }

        .feature ul li {
            padding: 0;
            margin: 0;
            float: left;
            width: 300px;
            text-align: center;
            height: 200px;
            background-repeat: no-repeat;
            background-image: url(/Areas/Admin/web/images/home/v_spliter.jpg);
            background-position: right;
        }

            .feature ul li.nobg {
                background-image: none;
            }

            .feature ul li .icon {
                height: 80px;
                background-repeat: no-repeat;
                background-image: url(/Areas/Admin/web/images/home/icon.png);
                background-position: center 22px;
            }

            .feature ul li .icon2 {
                background-position-y: -49px;
            }

            .feature ul li .icon3 {
                background-position-y: -213px;
            }

            .feature ul li .icon4 {
                background-position-y: -522px;
            }

            .feature ul li .icon5 {
                background-position-y: -133px;
            }

            .feature ul li .icon6 {
                background-position-y: -718px;
            }

            .feature ul li .icon7 {
                background-position-y: -625px;
            }

            .feature ul li .icon8 {
                background-position-y: -807px;
            }

            .feature ul li a {
                display: block;
                height: 200px;
                padding-top: 30px;
            }

            .feature ul li h3 {
                font-size: 18px;
                text-align: center;
                margin: 0 0 10px 0;
                font-weight: normal;
                line-height: 18px;
            }

            .feature ul li p {
                line-height: 24px;
                text-align: center;
                color: #777;
                font-size: 14px;
            }

/*底部栏*/
footer {
    height: 350px;
    color: #999;
    margin-top: 100px;
    font-size: 14px;
}

    footer a {
        color: #999;
    }

    footer .about {
        height: 140px;
        text-align: center;
        padding-top: 10px;
        overflow: hidden;
    }

        footer .about p {
            margin: 0;
            line-height: 30px;
        }

        footer .about a:hover {
            text-decoration: underline;
            color: white;
        }

.footer_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}

    .footer_table a:hover {
        color: white;
    }

    .footer_table th {
        width: 60px;
        padding: 0;
        color: white;
        font-weight: bold;
        height: 40px;
        line-height: 22px;
        padding-top: 10px;
        vertical-align: top;
    }

    .footer_table td {
        padding: 0;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
    }

/*客服动画*/
@-webkit-keyframes kf2 {
    0%,0.4% {
        background-image: url(../../images/qq2/IMG00001.bmp);
    }

    3.6%, 4% {
        background-image: url(../../images/qq2/IMG00002.bmp);
    }

    7.2%, 7.6% {
        background-image: url(../../images/qq2/IMG00003.bmp);
    }

    10.8%, 11.2% {
        background-image: url(../../images/qq2/IMG00004.bmp);
    }

    14.4%, 14.8% {
        background-image: url(../../images/qq2/IMG00005.bmp);
    }

    18%, 18.4% {
        background-image: url(../../images/qq2/IMG00006.bmp);
    }

    21.6%, 22% {
        background-image: url(../../images/qq2/IMG00007.bmp);
    }

    25.2%, 25.6% {
        background-image: url(../../images/qq2/IMG00008.bmp);
    }

    28.8%, 29.2% {
        background-image: url(../../images/qq2/IMG00009.bmp);
    }

    32.4%, 32.8% {
        background-image: url(../../images/qq2/IMG00010.bmp);
    }

    36%, 36.4% {
        background-image: url(../../images/qq2/IMG00011.bmp);
    }

    39.6%, 40% {
        background-image: url(../../images/qq2/IMG00012.bmp);
    }

    43.2%, 43.6% {
        background-image: url(../../images/qq2/IMG00013.bmp);
    }

    46.8%, 47.2% {
        background-image: url(../../images/qq2/IMG00014.bmp);
    }

    50.4%, 50.8% {
        background-image: url(../../images/qq2/IMG00015.bmp);
    }

    54%, 54.4% {
        background-image: url(../../images/qq2/IMG00016.bmp);
    }

    57.6%, 58% {
        background-image: url(../../images/qq2/IMG00017.bmp);
    }

    61.2%, 61.6% {
        background-image: url(../../images/qq2/IMG00018.bmp);
    }

    64.8%, 65.2% {
        background-image: url(../../images/qq2/IMG00019.bmp);
    }

    68.4%, 68.8% {
        background-image: url(../../images/qq2/IMG00020.bmp);
    }

    72%, 72.4% {
        background-image: url(../../images/qq2/IMG00021.bmp);
    }

    75.6%, 76% {
        background-image: url(../../images/qq2/IMG00022.bmp);
    }

    79.2%, 79.6% {
        background-image: url(../../images/qq2/IMG00023.bmp);
    }

    82.8%, 83.2% {
        background-image: url(../../images/qq2/IMG00024.bmp);
    }

    86.4%, 86.8% {
        background-image: url(../../images/qq2/IMG00025.bmp);
    }

    90%, 90.4% {
        background-image: url(../../images/qq2/IMG00026.bmp);
    }

    93.6%, 94% {
        background-image: url(../../images/qq2/IMG00027.bmp);
    }

    97.2%, 97.6% {
        background-image: url(../../images/qq2/IMG00028.bmp);
    }

    100.8%, 100% {
        background-image: url(../../images/qq2/IMG00029.bmp);
    }
}