.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-panel{border-color: #ff6a00;color: #ff6a00;border-top: none;text-align: center;}
    .layui-panel:first-child{border-top:1px solid #ff6a00;}
    .layui-panel a{color: #ff6a00;text-align: center;}
    .layui-panel:hover{background-color: #ff6a00;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: #ff6a00;}
    .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: #f8a971;}
    .page_cont .con a:hover,.page_conts a:hover{color: #ff6a00;}
    .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;}
    }