#n_join .hd {
    padding-left: 2rem;
    overflow: hidden;
    line-height: 4.375rem;
    background: #0a3968;
    color: #fff
}


#n_join .span07 {
    /* max-width: 20%; */
    width: 40px;
    float: right;
    display: block;
    height: 100%;
    text-align: center
}

#n_join #list_slide {
    position: relative;
    margin-bottom: 3rem
}

#n_join #list_slide dl {
    background: #fff;
    border: 1px solid #dee0e2;
    position: relative;
    margin-bottom: 10px
}

#n_join #list_slide dt {
    position: relative;
    cursor: pointer;
    /* height: 4.25rem; */
    /* line-height: 4.25rem; */
    transition: .5s;
    /* padding-left: 2rem; */
    overflow: hidden;
    font-size: .9375rem;
    color: #676767;
    transition: all ease .3s;
}
#n_join #list_slide  .bg::after,#n_join #list_slide  .bg::before{position:absolute;content:'';opacity:0;transition:all .5s}
#n_join #list_slide  .bg::before{top:0;right:0;bottom:0;left:0;border-top:3px solid #144ea1;border-bottom:3px solid #144ea1;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_join #list_slide  .bg::after{top:0;right:0;bottom:0;left:0;border-right:3px solid #144ea1;border-left:3px solid #144ea1;transform:scale(1,0);transform-origin:100% 0}
#n_join #list_slide :hover .bg::after,#n_join #list_slide :hover .bg::before{opacity:1;transform:scale(1);transition:all .5s}

.web_btn{
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 999;
}

#list_slide dt .dt_box{
    width: 100%;
    height: 4.25rem;
    line-height: 4.25rem;
}
.logo{
    height: 8.7rem;

}

#n_join #list_slide dt span.span07 {
    background: url(../images/ico_s.png) center no-repeat;
    background-size: 2rem !important
}

#n_join #list_slide dd {
    display: none;
    padding: 1rem 2rem;
    border-top: 1px solid #dee0e2;
    font-size: .875rem;
    color: #868686;
    line-height: 1rem
}

#n_join #list_slide dd p {
    margin-bottom: 0
}

#n_join #list_slide dd p:last-child {
    padding-bottom: 0
}

#n_join #list_slide dd .ar_article {
    font-size: .875rem;
    color: #868686;
    line-height: 1rem
}

#n_join #list_slide dd .ar_article p {
    font-size: .875rem;
    color: #868686;
    line-height: 1rem;
    margin-bottom: 1rem
}

#n_join #list_slide dt.on span.span07 {
    background: url(../images/ico_s_on.png) center no-repeat
}

.a {
    width: auto;
    height: 3.4375rem;
    line-height: 3.4375rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: .5s;
    background: #0a3968;
    color: #fff !important;
    font-size: 1rem;
    text-align: center;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    padding: 0 1.5rem
}

.a .bg_jianbian {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .5s;
    opacity: 0;
    border-radius: 3px !important;
    visibility: hidden;
    z-index: -1
}

.a:hover {
    background: 0 0
}

.a:hover .bg_jianbian {
    opacity: 1;
    visibility: visible
}

.bg_jianbian {
    background-image: -moz-linear-gradient(22deg, rgba(0, 66, 153) 0, rgba(78, 129, 197) 100%);
    background-image: -webkit-linear-gradient(22deg, rgba(0, 66, 153) 0, rgba(78, 129, 197) 100%);
    background-image: -ms-linear-gradient(22deg, rgba(0, 66, 153) 0, rgba(78, 129, 197) 100%)
}

.lianx {
    line-height: 1.8
}

.zhaop {
    width: 25%
}

.zhaoi {
    width: 75%
}

@media (max-width:768px) {
    .zhaop img {
        max-width: 65px
    }

    .zhaop {
        width: 20%
    }

    .zhaoi {
        width: 80%
    }
}