﻿@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft Yahei";
    font-size: 14px;
    color: #333;
}

a, a:hover {
    text-decoration: none;
    color: #333;
}

ul, li {
    list-style: none;
}

.tab {
    width: 280px;
    margin: 0 auto;
}

.tab-title {
    height: 38px;
    font-size: 0;
    background-color: #f5f5f5;
}

    .tab-title .item {
        display: inline-block;
        width: 140px;
        height: 38px;
        line-height: 30px;
        text-align: center;
        color: #333;
        font-size: 16px;
    }

    .tab-title .item-cur {
        color: #fff;
        background-color: #0c73c2;
    }

.tab-cont {
    position: relative;
    background-color: #FFF;
    width: 280px;
    height: 370px;
    overflow: hidden;
}

.tab-cont__wrap {
    position: absolute;
}

.tab-cont .item {
    width: 280px;
    height: 350px;
    line-height: 35px;
    color: #fff;
}

.advertisedImg {
    width: 220px;
    height: 80px;
}

a:visited {
    color: #808080;
}

a:link {
    color: #666;
}

#all-resource-frame {
    display: block;
}

#head-farme {
    border-bottom: 0;
}

#nav-frame {
    border-bottom: 2px #0c73c2 solid;
}

#main-frame .main-content {
    width: 1200px;
    margin: 0 auto;
}

#first-frame .first-head {
    font-size: 24px;
    color: #0c73c2;
    line-height: 34px;
    margin-bottom: 10px;
}

    #first-frame .first-head span {
        font-size: 14px;
        color: #999;
        line-height: 34px;
        margin-left: 12px;
    }

#nav-frame .nav-right-frame {
    position: absolute;
    width: 280px;
    height: 380px;
    right: 0;
    top: 42px;
    background: #fff;
}

#first-frame .first-head {
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    background: #0c73c2;
}

#first-frame .first-content {
    border-left: 1px #eee solid;
    border-right: 1px #eee solid;
    border-bottom: 1px #eee solid;
    height: 361px;
    overflow: hidden;
}

    #first-frame .first-content li {
        border-bottom: 1px #eee solid;
        padding: 16px 20px;
    }

        #first-frame .first-content li .top-left {
            float: left;
            font-size: 14px;
            color: #333;
            line-height: 21px;
        }

        #first-frame .first-content li .top-right {
            float: right;
            font-size: 14px;
            color: #999;
            line-height: 21px;
        }

        #first-frame .first-content li .bottom-left {
            float: left;
            font-size: 12px;
            color: #999;
            line-height: 24px;
            margin-top: 10px;
            width: 120px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

}

#first-frame .first-content li .bottom-right {
    float: right;
}

#first-frame .first-content li .state-div {
    float: left;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    margin: 9px 12px 0 0;
    padding-left: 14px;
}

#first-frame .first-content li.rise-li .state-div {
    color: #c7181e;
    background: url(/image/website/home-ico/home-ico9.png) left center no-repeat;
}

#first-frame .first-content li.fall-li .state-div {
    color: #34992b;
    background: url(/image/website/home-ico/home-ico10.png) left center no-repeat;
}

#first-frame .first-content li.flat-li .state-div {
    color: #666;
    background: url(/image/website/home-ico/home-ico6.png) left center no-repeat;
}

#first-frame .first-content li .bottom-right .num-div {
    float: right;
    font-size: 24px;
    color: #333;
    line-height: 34px;
}

#first-frame .first-content li.rise-li .bottom-right .num-div {
    color: #c7181e;
}

#first-frame .first-content li.fall-li .bottom-right .num-div {
    color: #34992b;
}

#first-frame .first-content2 {
    border-left: 1px #eee solid;
    border-right: 1px #eee solid;
    border-bottom: 1px #eee solid;
    height: 321px;
    overflow: hidden;
}

    #first-frame .first-content2 li .top-left {
        float: left;
        font-size: 14px;
        color: #333;
        line-height: 21px;
    }

    #first-frame .first-content2 li .top-right {
        float: right;
        font-size: 14px;
        color: #999;
        line-height: 21px;
    }

    #first-frame .first-content2 li .bottom-left {
        float: left;
        font-size: 12px;
        color: #999;
        line-height: 24px;
        margin-top: 10px;
        width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

}

#first-frame .first-content2 li .bottom-right {
    float: right;
}

#first-frame .first-content2 li .state-div {
    float: left;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    margin: 9px 12px 0 0;
    padding-left: 14px;
}

#first-frame .first-content2 li.rise-li .state-div {
    color: #c7181e;
    background: url(/image/website/home-ico/home-ico9.png) left center no-repeat;
}

#first-frame .first-content2 li.fall-li .state-div {
    color: #34992b;
    background: url(/image/website/home-ico/home-ico10.png) left center no-repeat;
}

#first-frame .first-content2 li.flat-li .state-div {
    color: #666;
    background: url(/image/website/home-ico/home-ico6.png) left center no-repeat;
}

#first-frame .first-content2 li .bottom-right .num-div {
    float: right;
    font-size: 24px;
    color: #333;
    line-height: 34px;
}

#first-frame .first-content2 li.rise-li .bottom-right .num-div {
    color: #c7181e;
}

#first-frame .first-content2 li.fall-li .bottom-right .num-div {
    color: #34992b;
}

.information-frame {
    margin-top: 25px;
}

    .information-frame .frame-head {
        padding-bottom: 10px;
        border-bottom: 3px #0c73c2 solid;
    }

    .information-frame .frame-head-type {
        float: left;
        font-size: 24px;
        font-weight: bold;
        line-height: 34px;
        color: #0c73c2;
    }

    .information-frame .frame-head-more {
        float: right;
        font-size: 12px;
        line-height: 34px;
        color: #999;
    }

        .information-frame .frame-head-more a {
            color: #999;
        }

    .information-frame .frame-content {
        border: 1px #eee solid;
        border-top: 0;
    }

    .information-frame .frame-con-left {
        width: 1200px;
        float: left;
        padding: 10px 0;
        height: 360px;
        overflow: hidden;
    }

        .information-frame .frame-con-left table {
            width: 1200px;
        }

        .information-frame .frame-con-left th {
            font-size: 14px;
            font-weight: bold;
            color: #666;
            line-height: 26px;
            height: 40px;
            text-align: center;
            vertical-align: middle;
        }
        .information-frame .frame-con-left .th0 {
            width: 80px;
            border-left: 1px #eee solid;
        }

        .information-frame .frame-con-left .th1 {
            width: 100px;
            border-left: 1px #eee solid;
        }

        .information-frame .frame-con-left .th2 {
            width: 100px;
        }

        .information-frame .frame-con-left .th3 {
            width: 330px;
        }

        .information-frame .frame-con-left .th4 {
            width: 150px;
            border-right: 1px #eee solid;
        }
       
       /* .information-frame .frame-con-left .th1 {
            width: 160px;
        }

        .information-frame .frame-con-left .th2 {
            width: 120px;
        }

        .information-frame .frame-con-left .th3 {
            width: 240px;
        }

        .information-frame .frame-con-left .th4 {
            width: 140px;
        }

        .information-frame .frame-con-left .th5 {
            width: 120px;
        }

        .information-frame .frame-con-left .th6 {
            width: 100px;
        }

        .information-frame .frame-con-left .th7 {
            width: 90px;
        }
*/
        .information-frame .frame-con-left tr {
            cursor: pointer;
        }

        .information-frame .frame-con-left td {
            font-size: 13px;
            color: #535353;
            line-height: 24px;
            height: 40px;
            text-align: center;
            vertical-align: middle;
        }

            .information-frame .frame-con-left td .words-div {
                margin: 0 5px;
                height: 24px;
                overflow: hidden;
            }

        .information-frame .frame-con-left tr.selected td .words-div {
            height: auto;
        }

        .information-frame .frame-con-left td.td7 a {
            display: block;
            width: 78px;
            font-size: 12px;
            color: #0c73c2;
            line-height: 22px;
            text-align: center;
            border: 1px #0c73c2 solid;
            margin: 0 auto;
        }

            .information-frame .frame-con-left td.td7 a:hover {
                color: #fff !important;
                background: #0c73c2;
            }

    .information-frame .frame-con-right {
        width: 218px;
        float: left;
        border-left: 1px #eee solid;
        height: 380px;
        overflow: hidden;
    }

    .information-frame .frame-right-top {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        line-height: 46px;
        text-align: center;
        background: #0c73c2;
    }

    .information-frame .frame-right-bottom {
        padding: 10px 0 10px 8px;
    }

        .information-frame .frame-right-bottom .head-div {
            font-size: 12px;
            font-weight: bold;
            color: #666;
            line-height: 22px;
        }

            .information-frame .frame-right-bottom .head-div li {
                float: left;
            }

                .information-frame .frame-right-bottom .head-div li.li1 {
                    width: 40px;
                }

                .information-frame .frame-right-bottom .head-div li.li2 {
                    width: 70px;
                }

                .information-frame .frame-right-bottom .head-div li.li3 {
                    width: 50px;
                }

                .information-frame .frame-right-bottom .head-div li.li4 {
                    width: 50px;
                }

        .information-frame .frame-right-bottom .list-frame {
            font-size: 12px;
            color: #666;
            line-height: 28px;
            height: 280px;
            overflow: hidden;
        }

        .information-frame .frame-right-bottom .list-content {
            margin-top: 0;
        }

        .information-frame .frame-right-bottom .list-frame li > div {
            float: left;
        }

        .information-frame .frame-right-bottom .list-frame .li-div1 {
            width: 40px;
        }

        .information-frame .frame-right-bottom .list-frame .li-div2 {
            width: 70px;
        }

        .information-frame .frame-right-bottom .list-frame .li-div3 {
            width: 50px;
        }

        .information-frame .frame-right-bottom .list-frame .li-div4 {
            width: 50px;
        }

            .information-frame .frame-right-bottom .list-frame .li-div4 .complete-span {
                color: #0c73c2;
            }

#fourth-frame {
    margin-top: 20px;
}

    #fourth-frame .fou-left {
        float: left;
        width: 785px;
        height: 1010px;
        border: 1px #eee solid;
        border-right: none;
        padding: 20px 29px 25px;
        overflow: hidden;
    }

    #fourth-frame .left-top-head {
        margin-bottom: 15px;
    }

        #fourth-frame .left-top-head .type-div {
            position: relative;
            float: left;
            font-size: 24px;
            color: #0c73c2;
            line-height: 34px;
            padding-left: 15px;
        }

            #fourth-frame .left-top-head .type-div:before {
                position: absolute;
                left: 0;
                top: 5px;
                content: "";
                display: block;
                width: 5px;
                height: 24px;
                background: #0c73c2;
            }

        #fourth-frame .left-top-head .more-div {
            float: right;
            font-size: 12px;
            color: #999;
            line-height: 34px;
        }

            #fourth-frame .left-top-head .more-div a {
                color: #999;
            }

                #fourth-frame .left-top-head .more-div a:hover {
                    color: #0c73c2;
                }

    #fourth-frame .for-top-news .left-imgae {
        float: left;
        width: 254px;
    }

        #fourth-frame .for-top-news .left-imgae img {
            display: block;
            width: 254px;
            height: 184px;
        }

    #fourth-frame .for-top-news .right-words {
        float: right;
        width: 430px;
    }

    #fourth-frame .for-top-news .title-div {
        font-size: 16px;
        font-weight: bold;
        color: #666;
        line-height: 30px;
        margin-bottom: 20px;
    }

        #fourth-frame .for-top-news .title-div a {
            color: #666;
        }

            #fourth-frame .for-top-news .title-div a:hover {
                color: #0c73c2;
            }

    #fourth-frame .for-top-news .info-div {
        font-size: 12px;
        color: #999;
        line-height: 25px;
        height: 72px;
        overflow: hidden;
        margin-bottom: 36px;
    }

    #fourth-frame .for-top-news .time-div {
        float: left;
        font-size: 12px;
        color: #999;
        line-height: 26px;
    }

.td-div {
    color: #f40 !important;
    font-weight: bold;
}

#fourth-frame .for-top-news .btn-div {
    float: right;
}

    #fourth-frame .for-top-news .btn-div a {
        display: block;
        width: 78px;
        border: 1px #e5e5e5 solid;
        font-size: 12px;
        color: #7d7d7d;
        line-height: 24px;
        text-align: center;
    }

        #fourth-frame .for-top-news .btn-div a:hover {
            color: #0c73c2;
        }

#fourth-frame .fou-left-bottom {
    margin-top: 20px;
}

    #fourth-frame .fou-left-bottom li {
        width: 340px;
        float: left;
        padding-left: 10px;
        background: url(/image/website/home-ico/home-li-bg.png) left center no-repeat;
        font-size: 14px;
        color: #666;
        line-height: 34px;
        height: 34px;
        overflow: hidden;
    }

        #fourth-frame .fou-left-bottom li a {
            color: #666;
        }

            #fourth-frame .fou-left-bottom li a:hover {
                color: #0c73c2;
            }

#friend-frame .title-div li {
    float: left;
    margin-right: 10px;
}

#friend-frame .link-list .ul-div {
    display: none;
}

    #friend-frame .link-list .ul-div.selected {
        display: block;
    }

#fourth-frame .fou-right {
    float: left;
    width: 296px;
    height: 1010px;
    border: 1px #eee solid;
    padding: 20px 29px 25px;
    overflow: hidden;
}

#fourth-frame .right-top-head {
    margin-bottom: 15px;
}

    #fourth-frame .right-top-head .type-div {
        position: relative;
        float: left;
        font-size: 24px;
        color: #0c73c2;
        line-height: 34px;
        padding-left: 15px;
    }

        #fourth-frame .right-top-head .type-div:before {
            position: absolute;
            left: 0;
            top: 5px;
            content: "";
            display: block;
            width: 5px;
            height: 24px;
            background: #0c73c2;
        }

    #fourth-frame .right-top-head .more-div {
        float: right;
        font-size: 12px;
        color: #999;
        line-height: 34px;
    }

        #fourth-frame .right-top-head .more-div a {
            color: #999;
        }

            #fourth-frame .right-top-head .more-div a:hover {
                color: #0c73c2;
            }

#fourth-frame .right-list li {
    padding-left: 10px;
    background: url(/image/website/home-ico/home-li-bg.png) left center no-repeat;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
}

    #fourth-frame .right-list li .li-left {
        float: left;
        width: 195px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #fourth-frame .right-list li .li-left a {
            color: #666;
        }

            #fourth-frame .right-list li .li-left a:hover {
                color: #0c73c2;
            }

    #fourth-frame .right-list li .li-right {
        float: right;
        color: #959595;
    }

#fifth-frame {
    margin-top: 20px;
    border: 1px #eee solid;
    padding: 20px 29px 25px;
}

    #fifth-frame .fifth-head {
        position: relative;
        font-size: 24px;
        color: #0c73c2;
        line-height: 34px;
        padding-left: 15px;
        margin-bottom: 15px;
    }

        #fifth-frame .fifth-head:before {
            position: absolute;
            left: 0;
            top: 5px;
            content: "";
            display: block;
            width: 5px;
            height: 24px;
            background: #0c73c2;
        }

    #fifth-frame .fifth-bottom li {
        float: left;
        width: 200px;
        margin-bottom: 5px;
        margin-right: 70px;
    }

        /*#fifth-frame .fifth-bottom li:nth-child(5n) {
            margin-right: 0;
        }*/

        #fifth-frame .fifth-bottom li img {
            display: block;
            width: 172px;
            height: 100px;
        }
    #fifth-frame .Recommend{
        height:200px;
    }

    #fifth-frame .Recommend li {
        float: left;
        width: 200px;
        margin-bottom: 5px;
        margin-right: 35px;
    }

        #fifth-frame .Recommend li:nth-child(5n) {
            margin-right: 0;
        }

        #fifth-frame .Recommend li img {
            display: block;
            width: 200px;
            height: 123px;
        }

#friend-frame {
    background: #fff;
    border-top: 0 #f2f2f2 solid;
}

    #friend-frame .frame-content {
        width: 1200px;
        margin: 0 auto;
        padding: 30px 0;
    }

    #friend-frame .title-div {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-bottom: 12px;
    }

.span_word {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-bottom: 8px;
    border-bottom: 1px #0c73c2 solid;
}

#friend-frame .link-list li {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-right: 15px;
}

    #friend-frame .link-list li a {
        color: #999;
    }

        #friend-frame .link-list li a:hover {
            color: #0c73c2;
        }

.suppls_div {
    padding: 20px 0;
    height: 545px;
    width: 1210px !important;
}

    .suppls_div ul {
        color: #535353;
        font-size: 13px;
    }

        .suppls_div ul li {
            width: 533px;
            height: 140px;
            float: left;
            padding: 20px 30px 20px 30px;
            border: 1px #eee solid;
            margin: 0 10px 10px 0;
        }

.suppls_img_div {
    width: 180px;
    float: left;
}

    .suppls_img_div img {
        width: 180px;
        height: 135px;
    }
.suppls_text_div .hotImg {
    width: 25px;
    height: 25px;
    margin-bottom: 3px;
}

    .suppls_text_div {
        width: 343px;
        float: right;
        line-height: 28px;
        padding-left: 10px;
    }

    .suppls_text_div span {
        font-weight: 700;
    }

.suppls_text {
    width: 335px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.new_head {
    border: #DDD 1px solid;
    border-top: 2px solid #0c71d9;
    border-bottom: none;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding: 0 10px 0 10px;
    background: #eee;
}

.more {
    float: right;
}

.new_head strong {
    font-size: 14px;
}

.zixun {
    height: 110px;
    padding-top: 10px;
}

    .zixun p {
        color: #999;
        line-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .zixun li.l-img {
        float: left;
        width: 151px !important;
        height: 110px;
        margin-left: 10px;
        background: none;
        margin-left: 0;
    }

    .zixun li a {
        line-height: 26px;
    }

    .zixun li.l-img img {
        width: 136px;
        height: 100px;
        overflow: hidden;
        border: none;
        margin-right: 4px;
    }

.new-list {
    margin-top: 5px;
    padding-top: 6px;
    border-top: 1px dashed #dcdddd;
}

.new_body li {
    height: 26px;
    line-height: 22px;
    overflow: hidden;
    font-size: 13px;
}

.time {
    float: right;
}

.zixun li.r-title {
    padding: 0;
}

    .zixun li.r-title a {
        color: #0c73c2;
        font-weight: bold;
    }

.new_body {
    border: #DDD 1px solid;
    border-top: none;
    padding: 6px 8px 6px 8px;
    color: #666;
    min-height: 261px;
}

    .new_body li {
        padding: 0 10px 0 12px;
    }

.new-list li a {
    display: block;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 首页右侧轮播 */
.slideBox {width: 280px;height: 400px;overflow: hidden;position: relative;border: 1px solid #ddd;}
.slideBox .hd {height: 15px;overflow: hidden;position: absolute;right: 5px;bottom: 5px;z-index: 1;}
.slideBox .hd ul {overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li {float: left;margin-right: 2px;width: 15px;height: 15px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;}
.slideBox .hd ul li.on {background: #f00;color: #fff;}
.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd li {zoom: 1;vertical-align: middle;}
.slideBox .bd img {width: 280px;height: 400px;display: block;}
    /* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next {position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../../../image/website/slider-arrow.png) -110px 5px no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.slideBox .next {left: auto;right: 3%;background-position: 8px 5px;}
.slideBox .prev:hover, .slideBox .next:hover {filter: alpha(opacity=100);opacity: 1;}
.slideBox .prevStop {display: none;}
.slideBox .nextStop {display: none;}


/*合作机构*/
.mr_frbox {height: 140px;}
.mr_frBtnL {float: left;margin: 28px 22px 0px 0px;cursor: pointer;display: inline;}
.mr_frUl {float: left;height: 130px;width: 1040px;}
.mr_frBtnR {float: right;margin-top: 28px;cursor: pointer;}
.mr_frUl ul li {display: inline;float: left;height: 115px;width: 125px;margin-right: 13px;overflow: hidden;}
.tempWrap{width:1040px!important}

/*设备推荐*/
.equipment-frame {border: 1px #eee solid;padding: 20px;margin-bottom:20px;}
.equipment-frame .fifth-head {position: relative;font-size: 24px;color: #0c73c2;line-height: 34px;padding-left: 15px;margin-bottom: 15px;}
.equipment-frame .fifth-head:before {position: absolute;left: 0;top: 5px;content: "";display: block;width: 5px;height: 24px;background: #0c73c2;}
.equipment-frame .fifth-bottom li img {display: block;width: 172px;height: 100px;}
.equipment-frame .Recommend {height: 160px;}
.equipment-frame .Recommend li {float: left;width: 159px;margin-bottom: 5px;margin-right: 40px;}
.equipment-frame .Recommend li:nth-child(6n) {margin-right: 0;}
.equipment-frame .Recommend li img {max-width: 159px;height: 123px;}