/* 通用样式 */
*{
    margin: 0;
    padding: 0;
}
html, body {
    width: 100%;height: 100%;margin: 0;padding: 0;overflow-x: hidden;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    vertical-align: top;
}
input {
    outline: none;
}


/* 头部 */
/* 导航栏 */
.head {
    height: 100px;
    background-color: black;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* margin-top: 230px; */
}
.head .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999999;
    text-align: center;
}
.head .nav li{
    width: 88px;
    cursor: pointer;
}
.head .nav li a{
    display: block;
    width: 88px;
    cursor: pointer;
    color: #999999;
}
.head .nav .show{
    color: white;
}
.head .nav .show img{
    display: inline-block; 
}
.head .nav img {
    vertical-align: middle;
    margin-right: 5px;
    display: none;
}
.head .nav li a:hover {
    color: white;
}


/* 导航栏下的图片 */
.banner {
    width: 100%;
}



/* 适应1200-1400的屏幕 */
@media screen and (min-width:1200px) and (max-width:1400px) {
    /* .head {
        height: 655px;
        background: url(../images/Banner.jpg) no-repeat;
        background-size: 100%;
        overflow: hidden;
    }
    .nav-c ul li a {
        margin: 22px 20px 22px 25px;
    } */
}


/* 手机端头部导航隐藏 */
@media screen and (max-width: 550px) {
    
    .head {
        display: none;
    }
}