﻿@charset"utf-8";

a {
    color: #666;
    text-decoration: none;
}

    a:hover {
        color: #009900;
        text-decoration: none;
    }

body {
    background: url(../images/bg_body.gif) repeat-y center;
}

#top_bg {
    width: 100%;
    background: #FFF;
    height: 70px;
}

.footer_bg, .footer_bg2 {
    width: 100%;
    background: #FFF;
    height: 65px;
}

#top {
    width: 994px;
    height: 70px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../images/bg_topBG.jpg?v=3) no-repeat;
    position: relative;
}

#wrap {
    width: 994px;
    overflow: hidden;
    margin: 0 auto;
}

#nav {
    width: 994px;
    height: 41px;
    background: url(../images/new_nav_bg.jpg) repeat-x 0 -82px;
}

    #nav ul li {
        float: left;
    }

        #nav ul li a {
            float: left;
            display: block;
            height: 41px;
            /*text-indent: -9999px;*/
            font-family: 'Microsoft YaHei';
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            line-height: 40px;
            padding: 0 42px;
        }

            #nav ul li a:hover, #nav ul li .hover {
                color: yellow;
            }

    #nav .li_split {
        width: 2px;
        height: 41px;
        display: inline-block;
        background: url(../images/new_nav_bg.jpg) repeat-x 0 -123px;
    }

#banner {
    margin-top: 0px;
    width: 994px;
    clear: both;
}

.slides {
    z-index: 120;
    width: 994px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.slide-pic {
    width: 994px;
    overflow: hidden;
}

    .slide-pic img {
        width: 994px;
        height: 200px;
    }

    .slide-pic li {
        display: none;
    }

        .slide-pic li.cur {
            display: block;
        }

.slide-li {
    width: 994px;
    position: absolute;
    right: 0;
    bottom: 0;
}

    .slide-li li {
        width: 40px;
        height: 25px;
        float: left;
    }

    .slide-li a {
        display: block;
    }

.op li {
    background: #666;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

    .op li.cur {
        background: #fff;
    }

.slide-txt span {
    display: none;
}

#containter {
    width: 969px;
    overflow: hidden;
    margin: 0 0 0 25px;
    padding-top: 20px;
}

#containter_inside {
    width: 961px;
    overflow: hidden;
    margin: 0 0 0 33px;
    padding-top: 20px;
    background: url(../images/bg_right.gif) repeat-y top right;
    position: relative;
}

.containter_left {
    width: 660px;
    overflow: hidden;
    float: left;
}

.containter_right {
    width: 235px;
    overflow: hidden;
    float: right;
    margin-right: 10px;
    _margin-right: 5px;
}

#introduction, #students {
    width: 660px;
    border-bottom: 1px dashed #CCC;
}

.title_intro, .title_students {
    width: 660px;
    background: url(../images/title_intro.jpg) no-repeat;
    height: 39px;
    text-indent: -9999px;
}

.content_intro {
    width: 660px;
    line-height: 22px;
    background: url(../images/img_intro.jpg) right bottom no-repeat;
    padding: 10px 0 10px 0;
}

#students {
    border-bottom: none;
}

.title_students {
    background: url(../images/title_friend.jpg) no-repeat;
    margin-top: 20px;
}

.content_students {
    width: 660px;
    line-height: 22px;
    background: url(../images/img_friends.jpg) right bottom no-repeat;
    padding: 10px 0 10px 0;
}

.title_students {
    position: relative;
}

.students_heart {
    border-bottom: 1px dashed #CCC;
    width: 660px;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

    .students_heart img {
        float: left;
        border: 3px solid #e9e8e8;
        width: 48px;
        height: 48px;
        margin: 0 15px 0 15px;
    }

    .students_heart p {
        border-left: 1px dashed #CCC;
        float: left;
        width: 560px;
        padding-left: 15px;
        margint: 0 0 0 15px;
    }

        .students_heart p strong {
            color: #009900;
        }

        .students_heart p span {
            color: #333;
            text-align: right;
            display: block;
        }

            .students_heart p span a {
                color: #333;
            }

                .students_heart p span a:hover {
                    color: #009900;
                }

.more_heart {
    position: absolute;
    top: 20px;
    right: 0;
}

#ad_hj {
    width: 232px;
    overflow: hidden;
}

.ad_list {
    margin-top: 0px;
}

    .ad_list li {
        height: 25px;
        line-height: 25px;
        border-bottom: 1px dotted #CCC;
        _margin-top: 5px;
    }

        .ad_list li img {
            margin-left: 10px;
        }

        .ad_list li a {
            color: #009900;
        }

            .ad_list li a:hover {
                text-decoration: underline;
            }

#register {
    width: 220px;
    margin-top: 5px;
}

.registerInput {
    width: 125px;
    height: 20px;
    border: 1px solid #CCC;
}

.registerTable {
    line-height: 25px;
}

.location {
    width: 994px;
    background: url(../images/bg_location.gif) repeat-x;
    height: 33px;
    line-height: 33px;
}

    .location div {
        background: url(../images/bg_location2.gif) no-repeat left;
        height: 33px;
        text-indent: 60px;
    }

#footer2 {
    width: 994px;
    margin: 0 auto;
    text-align: right;
}

.footer_bg2 {
    /*background: url(../images/bg_footer2.gif) no-repeat center;*/
    height: 42px;
    padding-top: 25px;
}

.footer_bg {
    background: url(../images/bg_footer.gif) no-repeat center;
    height: 42px;
    padding-top: 25px;
}

.sec_solution, .sec_classes, .sec_strength, .sec_case, .index_intro {
    width: 660px;
    overflow: hidden;
    padding-bottom: 80px;
}

    .sec_solution ul li {
        background: url(../images/num1.gif) no-repeat left top;
        padding: 8px 0 10px 45px;
        line-height: 22px;
        overflow: hidden;
        position: relative;
    }

        .sec_solution ul li img {
            margin-top: 20px;
            border: #CCC 1px solid;
        }

            .sec_solution ul li img.top {
                position: absolute;
                top: 5px;
                right: 0;
                border: none;
            }

        .sec_solution ul li a {
            color: #009900;
            text-decoration: underline;
        }

        .sec_solution ul li.num2 {
            background: url(../images/num2.gif) no-repeat left top;
            padding: 28px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num3 {
            background: url(../images/num3.gif) no-repeat left top;
            padding: 28px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num4 {
            background: url(../images/num4.gif) no-repeat left top;
            padding: 8px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num5 {
            background: url(../images/num5.gif) no-repeat left top;
            padding: 28px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num6 {
            background: url(../images/num6.gif) no-repeat left top;
            padding: 28px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num2_hr {
            background: url(../images/num2.gif) no-repeat left top;
            padding: 8px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num3_hr {
            background: url(../images/num3.gif) no-repeat left top;
            padding: 8px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num4_hr {
            background: url(../images/num4.gif) no-repeat left top;
            padding: 8px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num5_hr {
            background: url(../images/num5.gif) no-repeat left top;
            padding: 8px 0 0 45px;
            margin-top: 40px;
        }

        .sec_solution ul li.num6_hr {
            background: url(../images/num6.gif) no-repeat left top;
            padding: 8px 0 0 45px;
            margin-top: 40px;
        }

    .sec_classes ul li {
        background: url(../images/dian_big.gif) no-repeat left top;
        padding: 12px 0 15px 45px;
        line-height: 22px;
        overflow: hidden;
        border-bottom: 1px dashed #CCC;
    }

        .sec_classes ul li img.class_img {
            float: left;
            width: 150px;
            height: 170px;
            border: 1px solid #CCC;
            margin-top: 5px;
        }

        .sec_classes ul li p {
        }

        .sec_classes ul li h2, .sec_strength ul li h2 {
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 15px;
        }

.en_summary {
    line-height: 24px;
    margin-left: 5px;
}

.sec_strength ul {
    margin-top: 15px;
    overflow: hidden;
}

    .sec_strength ul li {
        background: url(../images/num1-1.gif) no-repeat left top;
        padding: 8px 0 10px 25px;
        margin-top: 10px;
        overflow: hidden;
    }

        .sec_strength ul li.num2 {
            background: url(../images/num2-2.gif) no-repeat left top;
        }

        .sec_strength ul li.num3 {
            background: url(../images/num3-3.gif) no-repeat left top;
        }

        .sec_strength ul li.num4 {
            background: url(../images/num4-4.gif) no-repeat left top;
        }

        .sec_strength ul li.num5 {
            background: url(../images/num5-5.gif) no-repeat left top;
            margin-top: 10px;
        }

        .sec_strength ul li.num6 {
            background: url(../images/num6-6.gif) no-repeat left top;
        }

.t20 {
    margin-top: 20px;
}

.compare {
    margin: 20px 0 0 0;
}

    .compare td {
        padding: 2px 10px;
        line-height: 24px;
        border-bottom: 1px solid #e3e2e3;
        border-right: 1px solid #e3e2e3;
    }

.infor {
    line-height: 26px;
}

.sec_case ul {
    margin-top: 20px;
}

    .sec_case ul li {
        float: left;
        border-bottom: 1px dashed #CCC;
        border-right: 1px dashed #CCC;
        margin-top: 10px;
    }

        .sec_case ul li img {
            width: 215px;
            height: 123px;
        }

.case_summary {
    line-height: 24px;
    margin-left: 5px;
}

    .case_summary a {
        color: #009900;
        text-decoration: underline;
    }

.index_intro {
    margin: 0;
    padding: 0;
}

.img_intro {
    float: left;
    margin: 20px 0 0 10px;
}

.hj_intro {
    float: left;
    width: 375px;
    overflow: hidden;
    margin: 25px 0 0 16px;
    _margin-left: 8px;
    line-height: 24px;
}

.index_strength {
    margin-top: 20px;
    padding-bottom: 30px;
}

    .index_strength ol {
        margin-top: 12px;
    }

.i_strength_list {
}

    .i_strength_list h2 {
        font-size: 14px;
        font-weight: normal;
        padding: 0 0 10px 0;
        text-align: left;
        background: url(../images/line_youshi.gif) no-repeat bottom;
        cursor: pointer;
        overflow: hidden;
        _height: 30px;
    }

        .i_strength_list h2 img {
            float: right;
            margin: 17px 8px 0 0;
        }

        .i_strength_list h2 span {
            margin: 7px 0 0 12px;
            text-indent: 36px;
            height: 17px;
            padding-top: 7px;
            float: left;
        }

            .i_strength_list h2 span.num1 {
                background: url(../images/i_num1.gif) no-repeat left;
            }

            .i_strength_list h2 span.num2 {
                background: url(../images/i_num2.gif) no-repeat left;
            }

            .i_strength_list h2 span.num3 {
                background: url(../images/i_num3.gif) no-repeat left;
            }

            .i_strength_list h2 span.num4 {
                background: url(../images/i_num4.gif) no-repeat left;
            }

            .i_strength_list h2 span.num5 {
                background: url(../images/i_num5.gif) no-repeat left;
            }

            .i_strength_list h2 span.num6 {
                background: url(../images/i_num6.gif) no-repeat left;
            }

            .i_strength_list h2 span.num7 {
                background: url(../images/i_num7.gif) no-repeat left;
            }

            .i_strength_list h2 span.num8 {
                background: url(../images/i_num8.gif) no-repeat left;
            }

            .i_strength_list h2 span.num9 {
                background: url(../images/i_num9.gif) no-repeat left;
            }

.i_strength_con {
    margin: 0 0 0 10px;
    padding-bottom: 10px;
    clear: both;
    width: 644px;
    height: 135px;
}

    .i_strength_con p {
        background: url(../images/bg_i_youshi.jpg) no-repeat;
        width: 315px;
        height: 113px;
        padding: 22px 391px 0 38px;
        line-height: 22px;
        color: #666;
    }

        .i_strength_con p.con1 {
            background-position: 0 0;
        }

        .i_strength_con p.con2 {
            background-position: 0 -135px;
        }

        .i_strength_con p.con3 {
            background-position: 0 -810px;
        }

        .i_strength_con p.con4 {
            background-position: 0 -945px;
        }

        .i_strength_con p.con5 {
            background-position: 0 -405px;
        }

        .i_strength_con p.con6 {
            background-position: 0 -270px;
            color: #fff;
        }

        .i_strength_con p.con7 {
            background-position: 0 -540px;
        }

        .i_strength_con p.con8 {
            background-position: 0 -675px;
        }

        .i_strength_con p.con9 {
            background-position: 0 -1082px;
        }

.more_intro {
    color: #0077ff;
    text-decoration: underline;
}

#content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9 {
    display: none;
}

.register_top {
    background: url(../images/bg_customer_top.gif) no-repeat;
    width: 220px;
    height: 40px;
}

.register_bottom {
    background: url(../images/bg_customer_bottom.gif) no-repeat;
    width: 220px;
    height: 14px;
}

.register_middle {
    background: url(../images/bg_customer_middle.gif) repeat-y;
    width: 220px;
    margin-top: -5px;
    padding-bottom: 10px;
}

.partner {
    width: 220px;
    background: url(../images/bg_partner.gif) no-repeat top;
    padding: 55px 0 15px 0;
    margin-top: 15px;
    border-bottom: 2px #ccc solid;
}

    .partner ul li {
        background: url(../images/bg_line_p.gif) no-repeat;
        width: 218px;
        height: 61px;
        margin-top: 10px;
    }

        .partner ul li img {
            margin: 7px 0 0 9px;
        }

.register_form {
    margin: 0 0 0 18px;
}

    .register_form td {
        padding-top: 10px;
        line-height: 22px;
    }

.tag_class {
    width: 660px;
    height: 24px;
    background: url(../images/bg_line_bottom.gif) repeat-x bottom;
}

    .tag_class a {
        float: left;
        margin-left: 45px;
        background: url(../images/bg_yellow.gif) no-repeat;
        width: 91px;
        height: 17px;
        padding-top: 7px;
        text-align: center;
    }

        .tag_class a.hover {
            background: url(../images/bg_white.gif) no-repeat;
            font-weight: bold;
            color: #333;
        }

.try_li {
    position: relative;
}

.try_listen {
    position: absolute;
    top: 5px;
    left: 215px;
}

.s_contact {
    font-family:'Microsoft Yahei';
    position: absolute;
    top: 33px;
    right: 0;
    font-size: 14px !important;
}

.nav_left, .nav_right {
    width: 2px;
    height: 41px;
    display: block;
}

.nav_left {
    float: left;
    background: url(/qipei/images/new_nav_bg.jpg) no-repeat 0 0px;
}

.nav_right {
    float: right;
    background: url(/qipei/images/new_nav_bg.jpg) no-repeat 0 -41px;
}

.d_qq{
    margin-top:20px;  
    width:450px;  
}
.d_qq .tip{
    padding:4px 0 0;
    color:#a9a5a5;
    line-height:22px;
}