* {
        margin: 0;
        padding: 0;
        text-decoration: none;
        list-style: none;
        user-select: none;
    }

    body {
        background-color: #fff;
        overflow-x: hidden;
    }
    /* 公共宽度 */

    .w {
        width: 1200px;
        margin: 0 auto;
    }
    /* 头部信息 */

    .body_header {
        height: 73px;
        margin-top: 12px;
    }
    /* logo部分 */

    .body_header_logo {
        float: left;
        margin-left: 2px;
    }

    .body_header_logo img {
        
        height: 67px;
    }
    /* 联系方式 */

    .body_header_contact {
        float: right;
        line-height: 73px;
        font-size: 16px;
        color: #4c4c4c;
        margin-left: 1px;
        position: relative;
        display: flex;
        justify-content: space-between;

    }
    .body_header_contact a {
        font-size: 16px;
        color: #4c4c4c;
    }
    .a_weixin{
        margin-top: 23px;
        width: 40px;
        height: 30px;
        position: relative;
        left: 13px;
    }
    .a_weixin a{
        width: 40px;
        height: 30px;
        position: absolute;
        top: 0;
        line-height: 30px;
    }
    .a_dianhua{
        margin-top: 23px;
        width: 40px;
        height: 30px;
        position: relative;
        right: 4px;
    }
    .a_dianhua a{
        width: 40px;
        height: 30px;
        position: absolute;
        top: 0;
        line-height: 30px;
    }
    .body_header_contact span {
        margin: 0 11px 0 12px;
    }

    .body_header_contact .a_weixin:hover .top_weixin{
        display: block;
    }
    .body_header_contact .top_weixin{
        width:90px;
        height: 90px;
        position: absolute;
        top: 30px;
        right: -47px;
        z-index: 99;
        display: none;
    }
    .body_header_contact .top_weixin img{
        width:90px;
        height: 90px;
    }

    .body_header_contact .top_dianhua{
        width: 120px;
        height: 35px;
        background-color: #056261;
        position: absolute;
        top: 30px;
        left: -67px;
        font-size: 14px;
        color:#fff;
        text-align: center;
        display: none;
        z-index: 99;
        line-height: 35px;
    }
    .body_header_contact .a_dianhua:hover .top_dianhua{
        display: block;
    }
    /* 导航栏部分 */

    .index_daohang {
        height: 60px;
        width: 100%;
        border: 1px solid #eee;
    }

    .index_daohang ul li {
        float: left;
        width: 99px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        position: relative;

    }

    .index_daohang ul li span img {
        margin-left: 4px;
    }
    
    .index_daohang ul li a {
        font-size: 14px;
        color: #3c8dbc;
    }

    .index_daohang ul li:hover {
        background-color: #f2f2f2;
    }

    .index_daohang ul li:last-child:hover {
        background-color: #fff;
    }

    .index_daohang ul li a:hover {
        color: #4c4c4c;
    }
    /* 搜索框 */

    .search {
        width: 109px !important;
        height: 28px !important;
        position: relative;
        border: 1px solid #434343;
        margin-top: 15px;
    }

    .index_daohang ul li .search_input {
        width: 80px;
        height: 28px;
        border: none;
        font-size: 12px;
        padding-left: 7px;
        float: left;
        outline: none;
    }

    .btn {
        float: right;
        background-image: url('../image/public/searchk.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        position: absolute;
        right: 4px;
        top: 6px;
        cursor: pointer;
        border: none;
    }
    /* 版心区域 */

    .home_list {
        margin-top: 14px;
        margin-bottm:40px;
    }

    .list_top {
        height: 40px;
        background-color: #f5f5f5;
    }

    .list_top p {
        line-height: 40px;
        margin-left: 44px;
    }

    .list_top p span {
        font-size: 15px;
        color: #4c4c4c;
    }

    .bias {
        font-size: 15px;
        color: #aaa !important;
    }

    .list_top p a {
        color: #3c8dbc;
        font-size: 15px;
    }

    .xiahua {
        width: 100%;
        border-bottom: 0px solid #eee;
    }
    /* 版心的中心 */

    .centre {
        margin-top: 19px;
        position: relative;
        margin-bottom: 50px;
    }

    .daohanglan {
        min-height:600px;
        width: 211px;
        /* border: 1px solid pink; */
        border-radius: 5px;
        background-color: #fff;
        display: inline-block;
        vertical-align: top;
    }

    .waili {
        margin-left: 1px;
    }

    .daohanglan .waili .waili_zli {
        width: 211px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        border: 1px solid #eee;
        font-size: 16px;
        color: #3c8dbc;
        cursor: pointer;
        position: relative;
        margin-top: -1px;
        text-align: center;

    }

    .daohanglan .waili .waili_zli a {
            font-size: 16px;
            color: #3c8dbc;
    }
    .daohanglan .waili .waili_zli:hover a{
        color: rgb(13,193,239);

    }
    .daohanglan .waili .waili_zli span {
        margin-left: 17px;
        float: left;
        font-size: 16px;
        color: #3c8dbc;
    }

    .daohanglan .waili .waili_zli img {
        position: absolute;
        top: 15px;
        right: 11px;
        float: left;
    }

    .daohanglan .waili .neili_three {
        height: 300px;
        width: 189px;
        border: 1px solid #eee;
        margin: 20px auto 20px;
        border-radius: 5px;
        display: none;
    }

    .daohanglan .waili .neili_four {
        height: 300px;
        width: 189px;
        border: 1px solid #eee;
        margin: 20px auto 20px;
        border-radius: 5px;
        display: none;
    }

    .daohanglan .waili .neili_one {
        height: 300px;
        width: 189px;
        border: 1px solid #eee;
        margin: 20px auto 20px;
        border-radius: 5px;
        display: none;
    }

    .daohanglan .waili .neili_two {
        height: 300px;
        width: 189px;
        border: 1px solid #eee;
        margin: 20px auto 20px;
        border-radius: 5px;
        display: none;
    }

    .daohanglan .waili .neiul li {
        height: 49px;
        width: 174px;
        border-bottom: 1px solid #eee;
        line-height: 49px;
        padding-left: 15px;
    }

    .daohanglan .waili .neiul li a {
        font-size: 16px;
        color: #3c8dbc;
    }

    .daohanglan .waili .neiul li:last-child {
        border: none;
    }
    /* 分页栏 */

    .pages {
        height: 50px;
        /*border: 1px solid #d2d2d2;*/
        border-radius: 4px;
        position: absolute;
        bottom: 0px;
        right: 200px;
    }

    .pages .pc_page a {
        width: 38px;
        display: inline-block;
        border: 1px solid #d2d2d2;
        /* padding-left: 6px;
        padding-right: 8px; */
        text-align: center;
        line-height: 34px;
        height: 34px;
        font-size: 12px;
        color: #4c4c4c;
        margin: 0 -3px;
        padding-left: 1px;
        padding-top: 1px;
        margin-right: 3px;
        border-right: none;
    }
    .pages .pc_page :first-child{
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        margin-right: -2px;
        width: 50px;
    }
    .pages .pc_page :last-child{
        width: 50px;
        height: 34px;
        border: 1px solid #d2d2d2;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-left: -8px;

    }
    .pages .current{
          width: 38px;
          display: inline-block;
        border: 1px solid #d2d2d2;
          text-align: center;
          line-height: 34px;
          height: 34px;
          font-size: 12px;
          color: #4c4c4c;
          /*margin: 0 -3px;*/
          padding-left: 1px;
          padding-top: 1px;
          cursor: pointer;
        margin:0 3px 0 -3px !important;
        border-right: none;
        background-color: #3c8dbc;
        color: #fff;
      }
    .pages .pc_page .current:hover {
        background-color: #3c8dbc !important;
        color:#fff;
    }
        .active{
            background-color: #3c8dbc !important;
            color:#fff;
        }
    .pages .pc_page a:hover {
        background-color: #3c8dbc;
        color:#fff;
    }

    /* 版心内容 */

    .list_neirong {
        width: 424px;
        display: inline-block;
        margin-left: 50px;
        position: relative;
    }
    .list_neirong ul a li:hover p{
        color:rgb(13, 193, 239);
    }
    .list_neirong ul a li {
        height: 100px;
        width: 424px;
    }

    .list_neirong ul a li p{
        width: 800px;
        height: 28px;
        font-size: 16px;
        color: #3c8dbc;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        position: relative;
    }

    .list_neirong ul li p:last-child {
        margin-top: 7px;
        margin-left: 4px;
        color: #4c4c4c
    }
    .list_neirong ul li p:last-child span:first-child {
       position: absolute;
    }
    .list_neirong ul li p:last-child span:last-child {
        width: 96px;
        height: 23px;
        background-color: #0dc1ef;
        display: inline-block;
        color: #fff;
        border-radius: 15px;
        text-align: center;
        line-height: 23px;
        margin-left: 50px;
    }
    /* 页面底部 */

    .index_footer {
        height: 160px;
        padding-top: 20px;
        /* border: 1px solid #000; */
        background-color: #fff;
        margin-top: 26px;
    }

    .index_footer .middle a{
        font-size: 14px;
        color: #b9b9b9;
        margin: 0 2px;
    }
    .index_footer .middle {
        width: 825px;
        height: 100%;
        margin:30px auto 0;
    }

    .index_footer .middle_one {
        margin-top: 23px;
    }

    .index_footer .middle ul li span {
        font-size: 14px;
        color: #b9b9b9;
        text-align: center;
        line-height: 33px;
        margin-top: 20px;
    }


    .index_footer .middle .middle_one a {
        margin: 0 5px;
        display: inline-block;
        width: 108px;
        height: 33px;
        border: 1px solid #dcdcdc;
        background-color: #f4f4f4;
        text-align: center;
        line-height: 33px;
        font-size: 14px;
        color: #6c6b6b;
        border-radius: 2px;
    }

    .index_footer .middle .middle_two {
        margin-top: 10px;
    }

    .index_footer .middle .middle_two a {
        margin: 0 5px;
        color: #b9b9b9;
        font-size: 14px;
    }

    .middle_four {
        position: relative;
    }

    .middle_four span:first-child {
        margin-right: 16px;
    }

    .middle_four span:nth-child(2) {
        margin-right: 13px;
    }

    .middle_four span:nth-child(3) {
        margin-right: 13px;
    }

    .middle_four span:nth-child(4) {
        margin-right: 16px;
    }

    .middle_four span:nth-child(5) {
        margin-right: 28px;
    }

    .middle_four span a {
        font-size: 14px;
        color: #b9b9b9;
    }

    .middle_four span:nth-child(7) {
        position: absolute;
        top: -20px;
        right: -26px;
    }

    .index_footer .last {
        float: left;
        width: 130px;
        height: 100%;
        /* border: 1px solid pink; */
        position: relative;
    }

    .index_footer .last img {
        position: absolute;
        right: 16px;
        top: 18px;
    }