.tops {background: #fff}
    .header-nav .ul>#topTabWhee>a,.header-nav-end>div>a {color: #000;}
    .illustrates {color: #fff;left: 20%;position: absolute;top: 5%;}
    .illustrates>h1 {font-size: 45px;}
    .docSearch,.location {margin-top: 20px;}
    .pageFlex {display: flex;}
    .page_article{width: 1200px;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}
    .layui-col-md3 .layui-panel{ 
        /* background-image: linear-gradient(0deg, rgba(209, 227, 255, 0), #d1e3ff); */
        border-top: none;text-align: center;}

    .layui-col-md3 .layui-panel a{text-align: center;}
    .layui-panel:hover{background-image: linear-gradient(0deg,#caeff8, rgba(202, 240, 248, 0) );cursor: pointer;}
    /* .layui-panel:hover a{color: #fff;} */
    .page_cont,.page_conts{padding: 20px;background-color: #fff;border-radius: 4px;margin-bottom: 10px;}
    .page_cont:hover h1{color: #afccfa;}
    .dec{margin: 10px;}
    .page_conts h1{text-align: center;}
    .page_cont h1,.page_conts h1{font-size: 20px;font-weight: bold;}
    .page_cont .con,.page_conts .con{display: flex;justify-content: space-between;}
    .page_cont .con span,.page_conts .con span{color: darkgray;}
    .page_cont .con a,.page_conts a{color: darkgray;}
    .page_cont .con a:hover,.page_conts a:hover{color: #afccfa;}
    .news-content{color: red;}
    .new_bannner{background: url(./images/main_top.png) no-repeat;height: 369px;background-size: cover;}
    .cons{text-align: center;}
    .cons span{margin: 10px;}
    
    @media (max-width: 768px) {
        .page_article{width: 100%;}
        .new_bannner{height: 163px;}
        .illustrates{left: 8%;top: 0;padding-right: 10px;}
        .illustrates>h1{font-size: 26px;}
        .illustrates>.location{font-size: 12px;}
        .docSearch, .location {margin-top: 0px;}
        .docSearch{width: 80%;}
        .layui-col-md3{display: flex;flex-wrap: wrap;}
        .layui-col-md3 .layui-panel{min-width: 120px;}
    }