.container{
    width: 1200px;
    margin: auto;
}
.fhj_box{
    margin: auto;
    padding: 30px 20px 30px 20px;
    background-color: #fff;
}
.fhj_box .fhj_logo{
    /* height: 140px; */
}
.fhj_box .daodu{
    width: 100%;
    margin-top: 30px;
}
.fhj_box .daodu .title{
    background-color: #F0F8FF;
    font-size: 20px;
    color: #015293;
    font-weight: bold;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
}
.fhj_box .daodu .content{
    padding: 30px 23px 30px 8px;
    font-size: 16px;
    line-height: 36px;
    text-indent: 2em;
}
.fhj_box .list{
    width: 100%;
    overflow: hidden;
}
.fhj_box .common{
    width: 32%;
    float: left;
}
.fhj_box .common .title{
    background-color: #F0F8FF;
    font-size: 20px;
    color: #015293;
    font-weight: bold;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
}
.fhj_box .list .list2{
    margin: 0 2%;
}
.fhj_box .common .detail{
    overflow: hidden;
    margin-top: 20px;
    width: 95%;
}
.fhj_box .common .detail ul{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.fhj_box .common .detail ul li{
    list-style: none;
    line-height: 36px;
    height: 36px;
    background: url(../../../images/icon/dian1.jpg) no-repeat 1px;
    padding-left: 20px;
}
.fhj_box .common .detail ul li a{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
}
.fhj_box .hdxx{
    width: 100%;
}
.fhj_box .hdxx .title{
    background-color: #F0F8FF;
    font-size: 20px;
    color: #015293;
    font-weight: bold;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
}
.fhj_box .hdxx .detail{
    margin-top: 20px;
}
.fhj_box .hdxx .detail ul{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.fhj_box .hdxx .detail ul li{
    list-style: none;
    line-height: 36px;
    height: 36px;
    background: url(../../../images/icon/dian1.jpg) no-repeat 1px;
    padding-left: 20px;
    font-size: 16px;
}
.fhj_box .hdxx .detail ul li span{
    float: right;
    color: #888;
    margin-right: 13px;
}
.fhj_box .hdxx .detail ul li a{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75%;
}
.fhj_box .hdxx .title a{
    float: right;
    font-size: 16px;
    color: #888;
    font-weight: normal;
    padding-right: 20px;
}
.title{
    cursor: pointer;
}

@media (max-width:1024px) {
    .container{
        width: 100%;
    }
}
@media (max-width:768px) {
    .container{
        width: 100%;
    }
}
@media (max-width:414px) {
    .container{
        width: 100%;
    }
    .fhj_box .daodu {
        margin-top: 10px;
    }
    .fhj_box .daodu .content {
        padding: 16px 23px 30px 8px;
        font-size: 14px;
        line-height: 16px;
        text-indent: 2em;
    }
    .fhj_box .common .detail ul li {
        line-height: 16px;
        height: 16px;
        background: url(../images/icon/dian1.jpg) no-repeat 1px;
        font-size: 14px;
        padding-left: 20px;
    }
    .fhj_box .hdxx .detail ul li a{
        width: 65%;
        font-size: 14px;
    }
    .fhj_box .hdxx .detail ul li span {
        margin-right: 10px;
        font-size: 14px;
    }
    .fhj_box .hdxx .detail ul li {
        line-height: 16px;
        height: 20px;
    }
    .fhj_box .daodu .title {
        font-size: 18px;
        height: 36px;
        line-height: 36px;
    }
    .fhj_box .common .title{
        font-size: 18px;
        height: 36px;
        line-height: 36px;
    }
    .fhj_box .hdxx .title{
        font-size: 18px;
        height: 36px;
        line-height: 36px;
    }
    .fhj_box .common{
        width: 100%;
    }
}
@media (max-width:375px) {
    .container{
        width: 100%;
    }
}
@media (max-width:320px) {
    .container{
        width: 100%;
    }
    .fhj_box .common .title{
        font-size: 16px;
    }
}