/*banner*/
.banner{
    width: 100%;
}
.banner img,.banner table,.banner table td img{
    width: 100%!important;
    height: auto!important;
}
#flashBoxu_u3_{
    width: 100%!important;
    height: auto!important;
}

/*title*/
.title{
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;

}
.title div{
    float: left;
    padding-left: 14px;
    border-left: 5px solid #02529f;
}
.title span{
    color: #999999;
}
.title .more{
    float: right;
    color: #999999;
    font-size: 18px;
    font-weight: 100;
}


.bg1{
    background: url("../images/index/bg1.jpg")no-repeat center top;
}

/*第一块*/
.one{
    padding: 35px 0;
}
.one .first{
    overflow: hidden;
    margin-bottom: 20px;
}
.one .first .img{
    width: 470px;
    height: 272px;
    overflow: hidden;
}
.one .first .img img{
    width: 100%;
}


.one .first .text{
    width: calc(100% - 515px);
}
.one .first .text h4{
    font-size: 24px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0;
}
.one .first .text p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 28px;
    color: #666666;
    font-size: 16px;
    height: 140px;
}
.one .first .text div{
    margin-top: 20px;
}
.one .first .text div a{
    display: block;
}
.one .first .text div span{
    font-size: 16px;
    color: #666666;
}
.one .first .text div a{
    display: block;
    width: 110px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    border: 1px solid #cccccc;
}
.one .first .text div a:hover{
    background: #02529f;
    border: 1px solid #02529f;
    color: #ffffff;
}
.one .list .img{
    height: 160px;
    overflow: hidden;
}
.one .list .img img{
    width: 100%;
}
.one .list h4{
    line-height: 24px;
    /*text-align: center;*/
    background-color: #efefef;
    font-size: 14px;
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*第二块*/
.two{
    padding: 35px 0;
    background-color:rgba(3,73,157,.08);

}
.two .left{
    width: 776px;
    float: left;
}
.two .left .list li{
    padding-bottom: 17px;
    margin-bottom: 18px;
    border-bottom: 1px dashed #bfbfbf;
}
.two .left .list li:first-child{
    padding-top: 10px;
}
.two .left .list li:last-child{
    margin-bottom: 0;
}


.two .left .list h4{
    max-width: 75%;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    float: left;
}
.two .left .list h4 em{
    display: block;
    float: left;
    font-style: inherit;
}
.two .left .list h4 a{
    display: block;
    float: left;
    width: calc(100% - 7em);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two .left .list span{
    display: inline-block;
    color: #999999;
    font-size: 16px;
}

.two .right{
    width: 370px;
    float: right;
}
.two .right dl{
    overflow: hidden;
    margin-bottom: 15px;
}
.two .right dl:last-child{
    margin-bottom: 0;
}
.two .right dl dt{
    width: 60px;
    height: 60px;
    background-color: #02529f;
    font-weight: 100;
    border-radius: 5px;
}

.two .right dl dt span{
    display: block;
    line-height: 36px;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
}
.two .right dl dt em{
    font-style: normal;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
}

.two .right dl dd{
    width: calc(100% - 87px);
}
.two .right dl dd a{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
    font-size: 14px;
    height: 48px;
}

.two .right dl dd span{
    display: block;
    width: 66px;
    height: 1px;
    background-color: #666666;
    margin-top: 5px;
}

/*第三块*/
.bg2{
    background: url("../images/index/bg2.jpg")no-repeat center top;

}
.three{
    padding: 35px 0;
    overflow: hidden;

}
.three .left{
    float: left;
    width: 782px;
}

/* = 通用布局
-------------------------------------------------------------- */
.focusBtn{
    display:block;
}
.focusMain{
    width:100%;
    position:relative;
}
.focusArea{
    width:782px;
    position:relative;
    overflow:hidden;
}
.focusCon{
    width:782px;
    position:absolute;
    top:0;
}
.focusItem{
    overflow: hidden
}
.focusCon .title{
    height:26px;
    background:#000;
    line-height:26px;
    font-size:14px;
    font-weight:400;
    overflow: hidden;
}
.focusCon h4{
    margin-top: 8px;
}
.focusCon h4 a{
    display:block;
    padding:0 10px;
    position:relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #197ed4;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
}
.focusCon h4 a:hover{
    background-color: #02529f;
    color: #ffffff;
}
.focusBtn{
    display:inline-block;
    cursor:pointer;
    margin: 0 5px;
    width: 30px;
    height: 34px;
}
.focusPrev:before{
    display: block;
    width: 30px;
    height: 34px;
    content: "";
    font-family: 黑体;
    font-weight: bold;
    color: #2d66a5;
    font-size: 20px;
    background: url("../images/index/three_0.png")no-repeat center;
}
.focusNext:before{
    display: block;
    width: 30px;
    height: 34px;
    content: "";
    font-family: 黑体;
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    background: url("../images/index/three_1.png")no-repeat center;
}

.focusItem img{
    width:100%
}

/* = 轮播和焦点图区分
-------------------------------------------------------------- */
.isCarousel .focusArea{
    height:180px;
}
.isCarousel .focusItem{
    float:left; width:247px; height:180px; _display:inline;
    margin-right: 20px;
}
.isCarousel .focusCon .title{ width:100%;}



.three .left .botton{
    float: right;
    border-left: 0;
    padding-left: 0;
    height: 34px;
}
.three .left .title .more{
    margin-left: 10px;
}
.three .left .img{
    overflow: hidden;
    height: 120px;
}

.three .right{
    float: right;
    width: 370px;
}
.three .right .bj{
    overflow: hidden;
    border-radius: 5px;
    padding-left: 84px;
    padding-right: 28px;
    line-height: 86px;
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 16px;
}

.three .right div.bj1{
    background-color: #0070d0;

}
.three .right div.bj2{
    background-color: #0d9f06;
    background-image: url("../images/index/three_3.png");
    margin-bottom: 8px;
}
.three .right div.bj3{
    background-color: #ebab00;
    background-image: url("../images/index/three_4.png");
}


.three .right .bj a{
    color: #ffffff;
    float: right;
}
/*浮动*/
.recruit{
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 230px;
    /* height: 300px; */
    z-index: 10;
}
.recruit2{
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 230px;
    /* height: 300px; */
    z-index: 10;
}
/*小屏幕适配*/
@media screen and (max-width: 1200px) {
    .container{
        width: 100%;
        overflow: hidden;
    }

    /*第一块*/
    .one{
        padding: 20px 10px;
    }

    .one .first .img {
        width: 100%;
        height: auto;
    }


    .one .first .text{
        width: 100%;
    }


    .one .list .img{
        height: auto;
    }

    .one .list h4{
        margin-bottom: 10px;
    }

    /*第二块*/
    .two{
        padding: 20px 10px;
    }

    .two .left,.two .right{
        width: 100%;
    }

    .two .left{
        margin-bottom: 20px;
    }

    /*第三块*/
    .three{
        padding: 20px 10px;
    }
    .three .left{
        width: 100%;
    }
    .isCarousel .focusArea{
        height: auto;
    }
    .focusArea{
        width: 100%;
    }
    .focusCon{
        position: relative;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .isCarousel .focusItem {
        float: inherit;
        width: 49%;
        height: auto;
        _display: inline;
        margin: 0;
        margin-bottom: 15px;
    }

    .three .left .img{
        height: auto;
    }
    .three .right{
        width: 100%;
    }
    /*浮动*/
    .recruit{
       display: none;
    }



}