@media screen and (min-width:993px){
      .actived{
        background: #178eec;
    }
    header {
        width: 100%;
        height: 100px;
        background:rgba(27, 31, 35, .502);
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    header .w {
        
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        
    }
         header .w .active {
            display: none;
        }

     header .w ul {
        height: 100%;
        display: flex;
        justify-content: space-between;
     }
        header .w ul  li:hover {
            background-color: #178eec;
        }
        header .w ul  li {
            width: 90px;
            height: 100px; 
        }

        header .w ul  li a {
            display: block;
            height: 100%;
            font-size: 16px;
            letter-spacing: 0px;
            line-height: 100px;
            color: #ffffff;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            text-align: center;
        }
}












@media screen and (min-width:751px) and (max-width: 992px) {
     header {
        width: 100%;
        height: 100px;
        background:rgba(27, 31, 35, .502);
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    header .w {
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
}
         header .w .active {
            width: 50px;
            height: 50px;
            display: block;
}
             header .w .active img {
                width: 100%;
                height: 100%;

            }

        header .w #list {
            position: absolute;
            top: 100px;
            left: 0;
            display: flex;
            flex-direction: column;
            text-align: center;
            width: 100%;
            background: #000;
            display: none;
            opacity: .5;
        }

    

   
         header .w div div p {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 30px;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            text-indent: 12px;
}
             header .w div div p  a {
                color: #ffffff;
            }
        

    

        header .w ul li a {
            font-size: 30px;
            letter-spacing: 0px;
            line-height: 50px;
            color: #ffffff;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            /*margin-right: 25px;*/
        }
}



@media screen and (max-width: 750px) {
      header {
        width: 100%;
        height: 100px;
        background:rgba(27, 31, 35, .502);
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    header .w {
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
}
         header .w .active {
            width: 50px;
            height: 50px;
            display: block;
}
             header .w .active img {
                width: 100%;
                height: 100%;

            }

        header .w #list {
            position: absolute;
            top: 100px;
            left: 0;
            display: flex;
            flex-direction: column;
            text-align: center;
            width: 100%;
            background: #000;
            display: none;
            opacity: .5;
        }

    

   
         header .w div div p {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 30px;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            text-indent: 12px;
}
             header .w div div p  a {
                color: #ffffff;
            }
        

    

        header .w ul li a {
            font-size: 30px;
            letter-spacing: 0px;
            line-height: 50px;
            color: #ffffff;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            /*margin-right: 25px;*/
        }
}