:root{
            --bg1:#001542;
            --bg2:#085454;
            --bg3:#7A7A7A;
            --bg4:#FFFFFF;
            --bg5:#FFB30D;
            --bg6:#9EF8EE;
            --bg7:#DFFBFC; 
            --bg8:#9BC0D9;
            --bg9:#EE6B4D;
            --bg10:#DEEFE7;
            --bg20:#0099DD;
            --bg21:#2E21E0;
            --bg22:#2453E0;
            --bg23:#6E24E0;
            
        }
    *{margin: 0;padding: 0;list-style: none;text-decoration: none;font-size: 13px;}
    a{color:#fff;}
    .af{color:#ccc;}
    .ae{color:#999;}
    #logo{height:85px;background:#222;position: fixed;width:100%;top:0;}
    .logo{height:60px;margin-top:10px;}
    #logo ul{float:right;display:flex;
    justify-content: center;align-items: center;
    }
    #logo li{color:#fff;margin:20px;}

    #cont{background:#999;margin-top:85px;padding:50px 20px;}
    .about{display:flex;justify-content: space-between;}
    .img1{width:280px;height:280px;background:#eee;border-radius:2px;}
    .img1 img{width:100%;height:100%;}
    #cont h2{padding:30px;text-align:center;}
    .us{width:1200px;margin:0px auto;padding:50px 80px;background: pink;}
    .dl{width:1200px;margin:0px auto;padding:50px 80px;background: #eee;}

    .gs{border:1px dashed #222;padding:20px;border-radius: 5px;}
    .gs img{width: 200px;height: 100px;margin-bottom: 10px;}
    .gs p{padding: 20px;}
    .gsimg{display:flex;justify-content: space-between;flex-wrap: wrap;}
    
    .dh2{width:1360px;margin:0px auto;padding:10px 0px;color:#ccc;}
    


    .sp{width:1200px;margin:0px auto;padding:50px 80px;background: #fff;display: flex;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}
    .sp div{padding: 10px;border: 1px solid #ccc;}
    .spimg{width: 180px;height: 180px;display:block;}

    .info{width:1200px;margin:0px auto;padding:50px 80px;background: #fff;display: flex;}

    .infoimg0{width:120px;height: 80px;border: 1px solid #ccc;padding:2px;border-radius: 2px;}
    .infoms{padding:10px;color:#666;}
    .infoms span{color:#888;margin-right:15px;font-size: 12px;}
    .infoa{width: 100px;border:1px solid #ccc;justify-content: center;align-items: center;display: flex;background:#ccc;color:#fff;top:60px;border-radius: 10px;height: 20px;margin-top: 20px;}
    .dlus{display: flex;}
    .dlus div{padding:10px 20px;width: 100%;border-right:1px solid #ccc;}


    #cont h3{margin-top:20px;}
    #cont h4{margin-top:10px;}

    #footer{height:165px;background:#333;}
    #footer div{text-align:center;color:#ccc;padding-top:10px;width: 1200px;}
    .m{width:1200px;margin:0 auto;}
    
    .jobname{font-size:20px;border-bottom:2px solid var(--bg3);color:var(--bg2);padding:5px 0px;}
    .gwms{display:flex;
        justify-content: space-between;padding:0px 10px;margin-bottom: 10px;
    }
    .onjob{padding:5px 15px;border-radius:20px;background:var(--bg5);color:var(--bg2);}
    .onjob:hover{background:var(--bg22);color:#fff;}
    
    .user{display:flex;align-items:center;background:var(--bg7);color:var(--bg1);padding:10px 30px;border-top:2px solid var(--bg5);border-radius:0px 0px 5px 5px;}
    .user a{color:var(--bg6);}
    
    .user span:hover{color:var(--bg2);font-weight:bold;}
    
    .dhm{width:1360px;margin:0 auto;display:flex;justify-content:space-between;}
    .dha{display:flex;}
    .dha li{font-size:18px;}
    .dha a:hover{background:var(--bg5);color:var(--bg22);}