.header{
    border-bottom: 1px solid #ebebeb;
}
.width {
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    background-color: #ffff;
}
.nav {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    height: 80px;
    align-items: center;
    justify-content: space-between;
}
.nav a.logo, .nav a.logo img {
    float: left;
    width: 138px;
    margin-right: 50px;
}
.nav ul.none_ddd {
    display: block;
    float: right;
    height: 80px;
    overflow: hidden;
}
.nav ul.none_ddd li {
    float: left;
    margin-right: 10px;
}   
.nav ul.none_ddd li a {
    padding: 0 10px;
    color: #333;
    height: 78px;
    line-height: 80px;
    display: block;
}
.nav ul.none_ddd li:last-child{
    margin-right: 0;
}

@media (max-width:991px) {
    .nav ul.none_ddd{
        display: none;
    }
    .header{
        background-color: #fff;
    }
    .nav{
        width: 22.1875rem;
        padding: 0 0.625rem;
        height: 4rem;
        background-color: #fff;
    }
    .nav a.logo, .nav a.logo img{
        width: 7rem;
        margin-right: 0!important;
    }
}.top{
    margin-top: 30px;
    margin-bottom: 50px;
}
.ones{
    display: flow-root;
}
.lm_2 {
    width: 325px;
    float: left;
    margin-left: 20px;
    margin-left: 0 !important;
    background-color: #fff;
    border-radius: 8px;
}
.st-one {
    overflow: hidden;
    padding: 10px 15px;
    border-radius: 8px;
    background: #edf7fe;
}
.st-one p {
    font-size: 20px;
    display: block;
    float: left;
    color: #333;
    font-weight: bold;
}
.st-one p::before {
    content: '';
    background-color: #1996e6;
    width: 4px;
    height: 20px;
    border-radius: 15px;
    margin-top: 4px;
    display: block;
    float: left;
    margin-right: 8px;
}
.st-one a.m1, .st-one a.m2 {
    width: 24px;
    height: 24px;
    font-size: 12px;
    float: right;
    line-height: 24px;
    color: #999;
}
.margin_20 .eulv, .margin_s .eulvs {
    margin-top: 20px;
}
.eulv{
    display: inline-block;
}
.margin_20 .eulv li, .margin_s .euls li {
    margin-top: 0;
    margin-bottom: 20px;
}
.margin_s .euls li:last-child{
    margin-bottom: 0;
}
.eulv li {
    width: 325px;
    display: inline-block;
    float: left;
}
.eulv li {
    line-height: 20px;
    margin-top: 20px;
}
.eulv li em {
    width: 18px;
    height: 18px;
    display: block;
    float: left;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    background: #ededed;
    border-radius: 6px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1px;
}
.eulv li a {
    font-size: 15px;
    color: #333;
    line-height: 20px;
    overflow: hidden;
    width: 270px;
    float: left;
    height: 20px;
    display: block;
}
.width_c {
    width: 495px;
    overflow: hidden;
    float: left;
    margin-left: 30px;
    background-color: #fff;
}
.width_c h3 {
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    line-height: 46px;
}

.iul {
    float: left;
    width: 840px;
    margin-top: 20px;
}
.width_c .iul li {
    margin-bottom: 20px;
    margin-right: 0;
}
.width_c .iul li:last-child{
    margin-bottom: 0;
}
.width_c .iul, .width_c .iul li {
    width: 495px;
}
.iul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 12px;
}
.iul li a:nth-child(1){
    margin-right: 10px;
}
.iul li em,.iul li a:nth-child(1){
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0 4px;
    background-color: #1996e6;
    color: #fff;
    border-radius: 4px;
    float: left;
    width: auto;
}
.iul li a {
    float: left;
    line-height: 20px;
    height: 20px;
    width: 290px;
    overflow: hidden;
}
.iul li span {
    line-height: 20px;
    height: 20px;
    display: block;
    float: right;
    font-size: 12px;
    color: #999;
}
.lm_3 {
    float: right;
    width: 320px;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 20px;
}
.euls li a::before {
    content: '';
    background-color: #d3d2d2;
    width: 6px;
    height: 6px;
    border-radius: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}
.euls {
    margin-top: 20px;
    float: left;
}
.euls li {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
}
.euls li a {
    float: left;
    width: 270px;
    height: 20px;
    display: block;
    color: #333;
    text-indent: 15px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.euls li a::before {
    content: '';
    background-color: #d3d2d2;
    width: 6px;
    height: 6px;
    border-radius: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}
.euls li p {
    float: right;
    font-size: 12px;
    color: #999;
}
.img480 {
    float: left;
    display: flex;
    width: 495px;
    margin-top: 20px;
}
.img480 li {
    margin-right: 20px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.img480 li:last-child{
    margin-right: 0;
}
.img480 li .a_z {

    width: 237px;
    height: 140px;
    display: block;
}
.img480 li .a_z2{
    line-height: 36px;
    text-align: center;
    width: 100%;
    display: block;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img480 li .a_z2:hover{
    color:#fff !important
}

@media (max-width:991px) {
    .margin_20, .width_c {
        margin: 0.625rem  0.625rem 0  0.625rem !important;
    }
    .lm_2, .lm_3, .lm_4 {
        float: none;
        background-color: #fff;
        border-radius: 0.5rem;
        display: inline-block;
        width: 20.3125rem;
        padding: 0.9375rem;
        margin: 0.625rem 0.625rem 0 0.625rem !important;
    }
    .top{
        margin-top: 0rem !important;
        margin-bottom: 0.625rem !important;
    }
    .width_c {
        width: 20.3125rem;
        padding: 0.9375rem;
        border-radius: 0.5rem;
    }
    .width_c h3 {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    .width_c .eulv, .width_c .eulv li,.eulv li,.width_c .iul, .width_c .iul li{
        width: 20.3125rem;
    }
    .eulv li em {
        width: 1.125rem;
        height: 1.125rem;
        line-height: 1.25rem;
        margin-right: 0.625rem;
        border-radius: 6px;
        font-size: 0.75rem;
        margin-top: 0.125rem;
    }
    .iul li em {
        font-size: 0.75rem;
        line-height: 1.25rem;
        height: 1.25rem;
        padding: 0.0625rem 0.25rem;
        background-color: #1996e6;
        color: #fff;
        border-radius: 0.25rem;
        float: left;
    }
    .iul li a {
        width: 11rem;
        line-height: 1.25rem;
        height: 1.25rem;
        font-size: 1rem;
    }
    .eulv li a{
        font-size: 1rem;
        line-height: 1.25rem;
        width: 16rem;
        height: 1.25rem;
    }
    .width_c .iul li{
        margin-bottom: 1.25rem;
    }

    .img1200, .img480 {
        flex-wrap: wrap;
        justify-content: left;
    }
    .img1200 li, .img480 li {
        margin-right:1rem;
        margin-bottom: 0.625rem;
    }
    .img1200 li .a_z, .img480 li .a_z {
        overflow: hidden;
        width: 9.625rem;
        height: 6.25rem;
        border-radius: 0.5rem;
        display: block;
    }
    .img1200 li .a_z2, .img480 li .a_z2 {
        font-size: 0.75rem;
        font-weight: normal;
        line-height: 1.875rem;
    }
}

/**/
.content {
    width: 850px;
    background-color: #fff;
    border-radius: 8px;
    display: inline-block;
    float: left;
}
.con_ul {
    width: 850px;
    display: inline-block;
}
.con_ul ul {
    margin-bottom: 20px;
}
.con_ul ul, .con_ul2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con_ul ul li {
    width: 405px;
}
.con_ul ul li .img {
    float: left;
    width: 125px;
    height: 87px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
}
.con_ul ul li .img img{
    width: 125px;
    height: 87px;
}
.con_ul ul li .divs {
    margin-top: 2px;
}
.con_ul ul li .divs a {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.con_ul ul li .divs p {
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 4px 0 0 0;
    line-height: 20px;
}
.con_ul ul li:nth-child(2n) {
    margin-right: 0 !important;
}
.con_ul2 {
    float: left;
    width: 850px;
}
.con_ul2 li {
    width: 405px;
    margin-bottom: 20px;
}
.con_ul2 li:nth-child(n+17){
    margin-bottom: 0;
}
.con_ul2 li em {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
}
.con_ul2 li a {
    float: left;
    line-height: 20px;
    height: 20px;
    width: 290px;
    overflow: hidden;
    font-size: 15px;
}
.con_ul2 li span {
    line-height: 20px;
    height: 20px;
    display: block;
    float: right;
    font-size: 12px;
    color: #999;
}

.two .content_a {
    padding: 0;
    width: 320px;
    margin-left: 40px;
}
.content_a {
    float: left;
    width: 320px;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 30px;
}
.two .content_a .hots {
    margin-bottom: 10px;
}
.content_a .hots {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-radius: 8px;
}
.content_a .hots .a {
    font-weight: bold;
    font-size: 18px;
    background-size: 26px 26px;
    position: relative;
    padding-left: 12px;
    line-height: 26px;
    height: 26px;
    display: block;
}
.content_a .hots .a::before{
    content: '';
    width: 5px;
    height: 20px;
    border-radius: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
}
.news {
    margin-top: 15px;
}
.news a {
    border-radius: 2px;
    display: block;
    width: 320px;
    height: 105px;
    overflow: hidden;
    position: relative;
}
.news a img{
    width: 320px;
    height: 105px
}
.news a p {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 320px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
}
.con_ul3, .ul_5 {
    float: left;
}
.con_ul3 li, .ul_5 li {
    line-height: 20px;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
}
.con_ul3 li a, .ul_5 li a {
    float: left;
    width: 190px;
    height: 20px;
    display: block;
    overflow: hidden;
    color: #333;
    text-indent: 15px;
    font-size: 15px;
}
.con_ul3 li a::before, .ul_5 li a::before {
    content: '';
    background-color: #d3d2d2;
    width: 4px;
    height: 4px;
    border-radius: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
}
.con_ul3 li p, .ul_5 li p {
    float: right;
    font-size: 12px;
    color: #999;
}
@media (max-width:991px){
    .content,.con_ul,.con_ul ul li,.con_ul2 li,.content_a,.news a,.news a img,.news a p{
        width: 20.3125rem;
    }
    .con_ul ul{
        margin-bottom: 0;
    }
    .con_ul ul li{
        margin-bottom: 20px;
    }
    .con_ul2 li a,.con_ul3 li a{
        width: 15rem;
    }
    .content_a{
        margin-left: 0;
        margin: 20px 0 10px 0;
    }
    .news a,.news a img{
        height: 6.5625rem;
    }
}.links{
    padding: 30px;
    background-color: #f1f1f1;
    width: 1140px;
    margin: 0 auto;
    display: flow-root;
}
.links_top {
    display: inline-block;
    width: 100%;
}
.links_top .a {
    font-weight: bold;
    font-size: 16px;
    background-size: 26px 26px;
    float: left;
    position: relative;
    line-height: 26px;
}
.links_top .a::before {
    content: '';
    width: 4px;
    height: 22px;
    border-radius: 16px;
    margin-top: 2px;
    display: block;
    float: left;
    margin-right: 8px;
}
.yl a {
    float: left;
    margin-right: 15px;
    font-size: 14px;
    line-height: 24px;
}.color_a2{
    background: #fff;
    margin-top: 20px;
}
.color_a .footer3 a{
    color:#fff;
}
.footer3 {
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color:#fff;
}
.color_a2 p,.color_a2 p a{
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 0 10px;
    line-height: 24px;
}
.color_a2 p:last-child{
    padding-bottom: 20px;
}