.header{
        background-color: #dbf1fe; padding:50px 0;
    }
    .container{
        max-width: 1860px;
    }
    .wj-top{
        display: flex;
        flex-direction: row;
        height: 45px;
        margin-bottom: 2rem;
    }
    .wjslogon{flex-grow: 1; }
    .wjslogon>div{ max-width: 380px; background-color: #b5dbff; border-radius: 50px; border:1px #88c7fb solid; color: #0b64a3; text-align: center; font-size: 14px; padding: 12px;}
    .backhome{width: 116px; }
    .backhome a{width: 100%; background-color: rgba(255,255,255,.5); border-radius: 50px; border:1px #fff solid; color: #828282; text-align: center;font-size: 14px;padding: 12px; display: block;}
    .title{width:100%; margin-bottom: 60px;}
    .title h1{
        font-size:48px;
        font-weight: 900;
        font-family: "Microsoft YaHei UI";
        color: #0166b8;
        /* box-shadow: 0 0 20px rgba(0,0,0,.5); */
        text-shadow: 3px 3px 5px rgba(0,60,109,.5);;
    }
    /*
        五健按钮
    */
    .btns{display: flex; flex-direction: row; flex-wrap:wrap; margin:0; clear: both;}
    .col-wj{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 10px;transition:all .3s ease; }
    .btn-item{position:relative;display:flex;width:100%;max-width:260px;border-radius:10px;color:#fff;text-align:center;padding:26px 8px 20px;cursor:pointer;box-shadow:0 0 0 rgba(0,60,110,0);transition:all .3s ease; flex-direction: column; justify-content: center; align-items: center;} 
    .btn-item:hover{margin-top:-10px; box-shadow: 0 3px 6px rgba(0,60,110,0.75);} 
    .col-wj:hover .btn-item .ico img{transform: scale(1.1);}
    .btn-item .btn-title{font-size: 30px; font-weight: bold;}
    .btn-item .text{color: rgba(255,255,255,.6);}



    .grad-weight{background:linear-gradient(135deg,#1478cc 0%,#0a3d7c 100%);}
    .grad-eye{background:linear-gradient(135deg,#6cbb2e 0%,#3c8c12 100%);}
    .grad-heart{background:linear-gradient(135deg,#f9a125 0%,#dd6e00 100%);}
    .grad-bone{background:linear-gradient(135deg,#a04bc0 0%,#6d2187 100%);}
    .grad-tooth{background:linear-gradient(135deg,#14b8a6 0%,#0a7a63 100%);}

    /*  nav*/
    .menu-bar{background-color: #0166b8; height: 80px;}
    .menu-bar .menulist{ display: flex; list-style: none; flex-direction: row; height:80px;}
    .menu-bar .menulist li{display: flex; height: 80px; align-items: center; justify-content: center;}
    .menu-bar .menulist li a{ font-size: 18px; color: #fff; padding: 0 20px; text-decoration: none;}
    .menu-bar .menulist li:hover,.menu-bar .menulist li.active{background-color: #003b81;}
    .sec-bar{width:56px;height:5px;background:linear-gradient(90deg,#f08a1e 0%,#f08a1e 38%,#0b67b8 38%,#0b67b8 100%);margin-bottom:14px;}
    .sec-title{font-size:26px;font-weight:700;color:#222;margin-bottom:28px;}
    .list-res{
        padding: 0;
        margin: 30px 0;
        width: 100%;
    }
    .list-res li{ margin-bottom: 20px; border-bottom: 1px #ddd dashed; width: 100%; padding-bottom: 20px;}
    .list-res li:hover{background-color: #f8f8f8;}
    /* .list-res li:last-child{border-bottom: none;} */
    .list-res li a{
        display: flex; flex-direction: row; padding: 15px 0; flex-wrap: nowrap;
        text-decoration: none; width: 100%; box-sizing: border-box;
    }
    .list-res li .pic{flex-shrink:0; width: 200px; height: auto; object-fit: cover; border-radius: 5px; transition: all 0.3s ease; overflow: hidden; margin-right: 15px;}
    .list-res li:hover .pic img{transform: scale(1.1);}
    .list-res li .cont{ flex-grow: 1;min-width: 0; box-sizing: border-box;width: 100%;}
    .list-res li .cont .newstitle{font-size: 20px; font-weight: bold; padding-bottom: 10px; }
    .list-res li .cont .desc{color: #888; line-height: 1.5; margin-bottom: 10px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .list-res li .cont .date{color:#aaa;}
    .list-res li .bigdate{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 100px; margin-right: 10px;}
    .list-res li .bigdate .d{font-size: 40px; font-weight: bold; color: #0073bd; line-height: 1.2;}
    .list-res li .bigdate .ym{font-size: 18px;color: #0073bd;}
    @media screen and (max-width:768px) {
    .list-res li .cont .newstitle{font-size:16px; }
    .list-res li .cont .desc{margin-bottom: 5px; font-size: 14px; line-height: 1.4; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .list-res li .cont .date{font-size: 12px;}
    .list-res li .pic{flex-shrink:0; width: 150px; height: auto; object-fit:cover; border-radius: 0; border: 1px #ddd solid; }
    .list-pic-news li a {flex-direction: column!important; flex-wrap: wrap!important;}
    .list-pic-news li .pic{ width: 100%!important; max-width: 100%!important; margin-bottom: 10px;}
    .list-res li .bigdate{ width: 100px; height: 70px; margin-right: 10px;}
    .list-res li .bigdate .d{font-size: 30px;}
    .list-res li .bigdate .ym{font-size: 16px;color: #0073bd;}
    }

    @media (max-width:576px) {
        .backhome{width: 60px;  }
        .btn-item .btn-title{font-size: 18px; font-weight: bold;}
        .wjslogon>div{ width:100%; font-size: 11px; }
        .col-wj:hover .btn-item{margin-top:0px; box-shadow: 0 3px 8px rgba(0,0,0,0.5);}
        .menu-bar .menulist li a{ font-size: 16px; color: #fff; padding: 0 15px; text-decoration: none;}
    }
    @media (max-width:991px) {
        .btn-item .btn-title{font-size: 22px; font-weight: bold;}
        .wjslogon>div{ max-width: 350px; font-size: 12px; }
    }