body {
    background: #fff
}

header {
    width: 100%;
    height: 100px
}

.top {
    width: 1200px;
    height: 100px;
    margin: 0 auto
}

    .top .logo {
        float: left;
        width: 330px;
        height: 56px;
        margin-top: 22px;
        background: url("../images/logo.png");
        background-size: 330px 56px
    }

    .top .logo_txt {
        float: left;
        width: 260px;
        height: 56px;
        margin-top: 22px;
        background: url("../images/infotech/infotech_logo.png");
        background-size: 260px 56px;
        cursor: pointer
    }

    .top .top_nav {
        float: right;
        width: 600px;
        height: 32px;
        margin-top: 33px
    }

        .top .top_nav ul li {
            float: left;
            width: 64px;
            height: 32px;
            line-height: 32px;
            margin-left: 5px;
            text-align: left
        }

            .top .top_nav ul li:hover, .top .top_nav ul li.active {
                border-bottom: #ee8c00 2px solid
            }

                .top .top_nav ul li:hover ul {
                    display: inline-block
                }

                    .top .top_nav ul li:hover ul li {
                        border-bottom: 0
                    }

            .top .top_nav ul li ul {
                position: relative;
                width: 64px;
                height: auto;
                background-color: #ee8c00;
                opacity: .8;
                z-index: 1000;
                display: none
            }

                .top .top_nav ul li ul li {
                    margin-left: 0;
                    text-align: center
                }

                    .top .top_nav ul li ul li a {
                        color: #fff
                    }

.banner {
    width: 100%;
    height: 506px
}

    .banner .banner_item div {
        height: 506px;
        background-position: center center
    }

.content {
    margin-top: 36px;
    width: 100%;
    height: auto
}

.content_top {
    margin: 0 auto;
    width: 1200px;
    height: 440px
}

.title {
    color: #313131;
    font-size: 24px;
    text-align: center;
    height: 80px
}

    .title .title_txt {
        line-height: 40px;
        height: 40px;
        width: 300px;
        margin: 0 auto;
        background: #fff
    }

    .title .subtitle {
        color: #dcdcdc;
        line-height: 40px;
        font-size: 20px;
        height: 40px;
        width: 300px;
        margin: 0 auto;
        z-index: 5
    }

    .title .title_line {
        width: 600px;
        height: 1px;
        margin: -40px auto 0 auto
    }

        .title .title_line .title_line_left {
            float: left;
            width: 150px;
            height: 1px;
            background: #dcdcdc
        }

        .title .title_line .title_line_right {
            float: right;
            width: 150px;
            height: 1px;
            background: #dcdcdc
        }

.content_top .top_cont {
    width: 1200px;
    height: 335px;
    margin-top: 25px;
    background: #fff;
    -moz-box-shadow: 1px 1px 2px #dcdcdc;
    box-shadow: 1px 1px 2px #dcdcdc
}

    .content_top .top_cont .top_cont_img {
        float: left;
        width: 578px;
        height: 335px;
        /*background: url("../images/infotech/top_cont_img.png")*/
    }

        .content_top .top_cont .top_cont_img img {
            max-width: 100%;
            max-height: 100%;
        }

        .top_cont_right {
            float: left;
            width: 563px;
            height: 293px;
            background: url("../images/infotech/top_cont_right_bg.png");
            margin: 21px 0 21px 40px
        }

    .top_cont_right .cont_right_txt {
        width: 523px;
        height: 240px;
        margin: 22px auto;
        line-height: 34px;
        font-size: 16px;
        overflow: hidden
    }

.content_second {
    margin: 36px auto;
    width: 1200px;
    height: 390px
}

.content_second_item {
    float: left;
    margin-left: 46px;
    width: 577px;
    height: 390px
}

    .content_second_item:first-child {
        margin-left: 0
    }

    .content_second_item .title {
        text-align: left;
        height: 40px
    }

        .content_second_item .title .title_txt {
            float: left
        }

        .content_second_item .title a.more {
            float: right
        }

    .content_second_item .second_cont {
        width: 577px;
        height: 310px;
        padding: 20px 0
    }

.second_cont .news_item {
    width: 577px;
    height: 87px;
    margin-bottom: 24px
}

    .second_cont .news_item:last-child {
        margin-bottom: 0
    }

.news_item .news_item_img {
    float: left;
    width: 112px;
    height: 87px;
    border: #ffb11b 1px solid
}

    .news_item .news_item_img img {
        width: 104px;
        height: 79px;
        margin: 4px
    }

.news_item .news_item_cont {
    float: left;
    margin-left: 20px;
    width: 422px;
    height: 87px;
    padding-left: 20px;
    border-left: #dcdcdc 1px solid
}

    .news_item .news_item_cont .news_item_title {
        color: #313131;
        font-size: 16px;
        height: 22px;
        line-height: 22px;
        overflow: hidden
    }

    .news_item .news_item_cont .news_item_intro {
        margin-top: 6px;
        color: #898989;
        width: 422px;
        height: 38px;
        line-height: 20px;
        overflow: hidden
    }

    .news_item .news_item_cont .news_item_date {
        margin-top: 5px;
        color: #ee8c00;
        width: 422px;
        height: 16px
    }

.second_cont .notice_img {
    width: 539px;
    height: 183px
}

.second_cont .notice_item {
    width: 577px;
    height: 43px;
    margin-top: 20px
}

    .second_cont .notice_item .notice_item_date {
        float: left;
        width: 26px;
        height: 38px;
        margin-top: 3px;
        text-align: center;
        font-size: 14px;
        padding: 0 10px
    }

        .second_cont .notice_item .notice_item_date p:first-child {
            font-size: 18px;
            font-weight: bold
        }

    .second_cont .notice_item .notice_item_cont {
        float: left;
        width: 510px;
        height: 43px;
        padding-left: 20px;
        border-left: #dcdcdc 1px solid;
        overflow: hidden
    }

.notice_item_cont .notice_item_title {
    width: 510px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden
}

.notice_item_cont .notice_item_intro {
    height: 19px;
    overflow: hidden
}

.second_cont .notice_item:first-child {
    margin-top: 21px
}

.content_third {
    margin: 36px auto;
    width: 1200px;
    height: 291px
}

.third_cont {
    width: 1200px;
    height: 186px;
    margin-top: 25px
}

    .third_cont .team_item {
        float: left;
        width: 266px;
        height: 186px;
        margin-left: 45px;
        background-size: 266px 186px;
        cursor: pointer
    }

        .third_cont .team_item img {
            width: 266px;
            height: 186px
        }

.team_item .team_item_cont {
    position: relative;
    width: 206px;
    height: 126px;
    background: #ee8c00;
    opacity: .8;
    display: none;
    padding: 30px;
    color: #fff;
    margin-top: -186px
}

.third_cont .team_item:hover .team_item_cont {
    display: block
}

.team_item_cont .team_item_title {
    font-size: 18px
}

    .team_item_cont .team_item_title a {
        color: #fff
    }

.team_item_cont .team_item_author {
    margin-top: 60px;
    line-height: 24px;
    font-size: 16px
}

.team_item_cont .team_item_date {
    line-height: 24px;
    font-size: 16px
}

.third_cont .team_item:first-child {
    margin-left: 0
}

.content_link {
    margin: 36px auto;
    width: 1200px;
    height: 259px
}

    .content_link .link_cont {
        height: 154px;
        margin-top: 25px
    }

    .content_link .link_item {
        float: left;
        margin: 30px 40px 0 40px;
        width: 210px;
        height: 28px;
        line-height: 28px;
        text-align: center
    }

        .content_link .link_item .link_item_icon {
            float: left;
            width: 60px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            background: #ee8c00;
            color: #fff
        }

        .content_link .link_item .link_item_text {
            float: left;
            width: 150px;
            height: 28px;
            line-height: 28px;
            overflow: hidden
        }

#child_page header {
    border-bottom: #ddd 1px solid
}

.content_page {
    margin: 0 auto;
    width: 1200px;
    height: auto
}

.content_left {
    float: left;
    width: 904px;
    height: auto;
    min-height: 500px
}

    .content_left .title {
        width: 904px;
        height: 44px;
        line-height: 44px;
        color: #313131;
        text-align: left;
        border-bottom: #ee8c00 2px solid
    }

        .content_left .title .breadcrumb {
            float: right;
            font-size: 16px;
            color: #898989
        }

    .content_left .left_cont {
        width: 904px;
        height: auto
    }

        .content_left .left_cont .left_cont_item {
            width: 100%;
            height: 81px;
            padding: 25px 0;
            border-bottom: #d2d2d2 1px dashed
        }

.left_cont .left_cont_item .cont_item_date {
    float: left;
    width: 90px;
    height: 81px;
    text-align: center
}

.left_cont_item .cont_item_date .item_date_day {
    height: 40px;
    line-height: 40px;
    background: #f3f3f3;
    font-weight: bold;
    font-size: 16px
}

.left_cont_item .cont_item_date .item_date_yearmonth {
    margin-top: 1px;
    height: 40px;
    line-height: 40px;
    background: #f3f3f3;
    font-size: 14px
}

.left_cont_item .cont_item_txt {
    float: left;
    width: 789px;
    height: 81px;
    margin-left: 25px
}

    .left_cont_item .cont_item_txt .cont_item_title {
        width: 789px;
        font-size: 16px;
        height: 21px;
        overflow: hidden
    }

    .left_cont_item .cont_item_txt .cont_item_intro {
        margin-top: 14px;
        width: 789px;
        font-size: 16px;
        height: 46px;
        line-height: 24px;
        color: #898989;
        overflow: hidden
    }

.content_left .left_cont .left_cont_page {
    padding: 20px 0;
    line-height: 36px;
    margin-bottom: 36px
}

.content_left .left_cont_com {
    margin-top: 20px;
    background: #fff;
    width: 904px;
    height: auto;
    -moz-box-shadow: 1px 1px 2px #dcdcdc;
    box-shadow: 1px 1px 2px #dcdcdc
}

    .content_left .left_cont_com ul {
        margin: 0 20px;
        width: 864px
    }

        .content_left .left_cont_com ul li {
            height: 44px;
            line-height: 44px;
            border-bottom: #dcdcdc 1px dashed;
            padding-left: 20px;
            background: url("../images/infotech/list_li_bg.png") left center no-repeat
        }

            .content_left .left_cont_com ul li:last-child {
                border-bottom: 0
            }

            .content_left .left_cont_com ul li a {
                float: left;
                width: 720px;
                height: 44px;
                overflow: hidden
            }

            .content_left .left_cont_com ul li div.right_li_date {
                float: right;
                margin-left: 20px
            }

.pagination {
    width: 864px;
    padding: 5px 20px 0 20px;
    background: #fff;
    -moz-box-shadow: 1px 1px 2px #dcdcdc;
    box-shadow: 1px 1px 2px #dcdcdc;
    margin: 20px 0
}

.content_right {
    float: right;
    width: 242px;
    height: auto;
    margin-top: 44px;
    border-top: #ee8c00 2px solid;
    border-bottom: #ee8c00 2px solid
}

.right_nav li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #ee8c00 1px dashed
}

    .right_nav li:last-child {
        border-bottom: 0
    }

.content_page .page_head {
    border-bottom: #dbe6ed 1px dashed
}

.page_head .breadcrumb {
    color: #898989
}

.page_head .page_title {
    font-size: 32px;
    color: #ee8c00;
    line-height: 36px;
    margin: 20px 0 15px 0
}

.page_head .page_date {
    color: #898989;
    line-height: 36px
}

.content_page .page_content {
    line-height: 36px;
    margin: 20px 0
}
