body {
    font-family: "微软雅黑";
}

a {
    color: black;
    text-decoration: none;
}

/* 头部 */
.header {
    width: 100%;
    height: 90px;
}

.left {
    width: 45%;
    height: 90px;
    /* padding: 15px 0 0 2%; */
    float: left;
    /* background: red; */
}

.img {
    width: 235px;
    height: 35px;
    margin: 20px 0;
    border-right: solid white 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

.text {
    float: left;
    width: 370px;
    height: 75px;
    line-height: 75px;
    font-size: 25px;
    color: white;
    margin-left: 10px;
    letter-spacing: 3px;
}

.right {
    width: 55%;
    height: 90px;
    float: left;
    /* background: blue;  */
}

.rights {
    width: 30%;
    height: 90px;
    float: left;
}

.one {
    width: 10%;
    margin: 20px 1%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    color: #D8D4D1;
    font-size: 16px;
    /* font-weight: 600; */
}

.ones {
    width: 6%;
    margin: 20px 2%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    color: white;
    /* font-weight: 600; */
    font-size: 17px;
}

.one:hover {
    color: white;
}

.two {
    width: 10%;
    margin: 20px 1%;
    height: 50px;
    /* line-height: 50px; */
    text-align: center;
    float: left;
    font-size: 16px;
    /* color: #D8D4D1; */
}

.twos {
    width: 100%;
    /* margin:20px 2%; */
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    color: #D8D4D1;
}

.twos:hover {
    /* background: white; */
    /* font-size: 18px; */
    /* font-weight: 600; */
    border-bottom: solid 2px #1da751;
    color: white;
}

.three {
    width: 22%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    float: left;
    color: white;
}

.four {
    width: 10%;
    height: 100px;
    line-height: 90px;
    text-align: center;
    float: left;
    color: white;
}

.five {
    width: 10%;
    height: 100px;
    /* line-height: 90px; */
    text-align: center;
    float: left;
    color: white;
}

.photo {
    width: 18%;
    /* margin-right: 2%; */
    height: 60px;
    line-height: 50px;
    padding-top: 25px;
    /* background: red; */
    float: left;
}

.photos {
    width: 80%;
    height: 100px;
    line-height: 90px;
    /* background: yellow; */
    float: left;
    text-align: left;
}

/* 底部 */
.foot {
    width: 100%;
    position: relative;
    min-height: 100vh;
    position: absolute;
    top: 0px;
    left: 0px;
}

.foot img {
    width: 100%;
}

.indexs img {
    width: 100%;
    margin-top: -10px;
}

/* 弹出框 */
.chanpin {
    display: none;
    width: 100%;
    height: 251px;
    position: absolute;
    left: 0;
    top: 100px;
    /* margin-top: -10px; */
    /* padding-top: 130px; */
    /* background: #D8D4D1; */
    /* background-color: rgb(7 7 7/50%); */
}

.none {
    display: block;
    width: 100%;
    height: 710px;
    margin-top: -150px;
    padding-top: 130px;
    /* background: #D8D4D1; */
    /* background-color: rgb(7 7 7/50%); */
}

.xiangqing {
    /* display: block; */
    width: 78%;
    height: 250px;
    background: white;
    /* margin-top: 100px; */
    margin-left: 20%;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}

.xiangqings {
    width: 20%;
    height: 120px;
    float: left;
}

.neirong {
    width: 81%;
    height: 80px;
    margin: 18px 0 15px 17%;
    padding-top: 8px;
    /* background: #e0680c; */
}

.xiangqing div :hover {
    background: #ecf6f5;
    border-radius: 5px;
    color: #1ea652;
}

.top {
    width: 90%;
    padding: 0 5%;
    /* margin: 0 15%; */
    height: 25px;
    /* background: #D8D4D1; */
}

.imgs {
    /* width: 30%; */
    height: 25px;
    margin-left: 2%;
    /* line-height: 62.5px; */
    /* text-align: right; */
    float: left;
    display: flex;
    align-items: center;
    /* justify-content: right; */
}

/* .imgs img{
    width: 15px;
    height: 15px;
} */
.name {
    /* width: 67%; */
    height: 25px;
    padding-left: 3%;
    /* line-height: 62.5px;
    text-align: left; */
    float: left;
    display: flex;
    align-items: center;
    justify-content: left;
    /* font-size: 13px; */
    /* color: black; */
}

.xia {
    width: 90%;
    padding: 0 5%;
    /* margin: 0 15%; */
    /* height: 55px; */
    margin-top: 5px;
    /* background: wheat; */
    color: #ABABAB;
    font-size: 12px;
    text-align: left;
}

/* 1920*1080 150% */
@media screen and (max-width:1280px) {
    .left {
        width: 50%;
        height: 90px;
        /* padding: 15px 0 0 2%; */
        float: left;
        /* background: red; */
    }

    .text {
        float: left;
        width: 360px;
        height: 75px;
        line-height: 75px;
        font-size: 23px;
        color: white;
        margin-left: 10px;
        letter-spacing: 3px;
    }

    .right {
        width: 50%;
        height: 90px;
        float: left;
        /* background: blue;  */
    }

    .rights {
        width: 5%;
        height: 90px;
        float: left;
    }

    .one {
        width: 15%;
        margin: 20px 1%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        color: #D8D4D1;
        font-size: 16px;
        /* font-weight: 600; */
    }

    .ones {
        width: 6%;
        margin: 20px 2%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        color: white;
        /* font-weight: 600; */
        font-size: 17px;
    }

    .two {
        width: 15%;
        margin: 20px 1%;
        height: 50px;
        /* line-height: 50px; */
        text-align: center;
        float: left;
        font-size: 16px;
        /* color: #D8D4D1; */
    }

    .three {
        width: 25%;
        height: 90px;
        line-height: 90px;
        text-align: center;
        float: left;
        color: white;
    }
}