.banner a:hover {
    color: #333333;
}

/* 背景图 */
.bgimg {
    position: relative;
}

.bgimg img {
    margin: 0 auto;
    /* position: absolute; */
    /* height: 100%; */
    /* background: url(".././img/关于我们背景图.png") no-repeat center 0; */
    /* background-size: cover; */
    /* width: 100%; */
    /* height: 100%; */

}

.cfx {
    width: 1.6875rem;
    height: 0.1875rem;
    background: #333333;
}

.banner {
    /* max-width: 1350px; */
    /* margin: 0 auto; */
    width: 100%;
    position: absolute;
    bottom: 0;
}

.banner-text {
    padding-bottom: 5%;

    display: inline-block;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
    position: relative;
}

@keyframes spin1 {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(360deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

/* .banner-text:last-of-type {
	transform: rotateY(180deg);
} */

.banner-text:hover {
    /* animation: spin1 5s linear infinite; */
}

.banner-text :first-child {
    font-size: 2.3125rem;
    font-family: Alibaba;
    font-weight: bolder;
    color: #333333;
    line-height: 3.75rem;
    /* display: inline-block; */
    /* backface-visibility: hidden;
	transform-style:preserve-3d;
	transition: transform 0.6s ease; */
}

.banner-text :last-child {
    font-size: 1.5rem;
    font-family: SourceHanSansCN;
    font-weight: 200;
    color: #333333;
    line-height: 2.6875rem;
}

.banner-nav {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.banner-nav div {
    width: 15rem;
    height: 4.5625rem;
    line-height: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #F6F6F6;
    opacity: .9;
    border-radius: 5px 5px 0px 0px;
    margin-top: 5px;

    font-family: Microsoft YaHei;
    /* font-weight: bold; */
    font-size: 1.375rem;

    cursor: pointer;
    /* max-width: 19%; */
    margin: 5px auto 0;
    margin-right: .875rem;

    background-image: linear-gradient(90deg, #C69248 0%, #d5b986 100%), linear-gradient(45deg, #d5b986 100%, #EFCC89 100%);
    background-repeat: no-repeat;
    background-size: 50% .08em;
    background-position: -100% 100%, 200% 0;
    transition: background-size .3s, background-position .3s .3s;

}

.banner-nav div:hover {
    /* background: linear-gradient(90deg, #C69248 0%, #EFCC89 100%) !important;
	color: #F6F6F6; */

    background-size: 50% 100%;
    background-position: 0 100%, 100% 0;
    transition: all .3s .3s, background-position .3s;
    color: #fff;
    opacity: .9999;

    /* animation: wiggle 1s ease;/* 左右摇摆 */
    /* animation-iteration-count: 1;/* 左右摇摆 */
}

/* 左右摇摆 */
/* @keyframes wiggle {
  20%  { transform: translateX(4px);  }
  40%  { transform: translateX(-4px); }
  60%  { transform: translateX(2px);  }
  80%  { transform: translateX(-1px); }
  100% { transform: translateX(0);    }
} */

.on {
    background: linear-gradient(90deg, #cb9e5e 0%, #e7bd6d 100%) !important;
    color: #F6F6F6;
    opacity: .9999 !important;
}

/* 所在位置 */
.daohang {
    max-width: 1350px;
    margin: 0 auto;
    padding: 1.5625rem 0;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #595959;
}

.daohang span {
    color: #E8BF84;
    font-size: 1.5rem;
    margin-right: 0.625rem;
}

@media (max-width: 1200px) {
    .banner-text {
        padding-bottom: 2%;
    }
}

@media (max-width: 600px) {
    .banner-text {
        display: none;
    }
    .banner-nav{
        align-items: flex-end;
    }

    .banner-nav div {
        font-size: 12px;
        padding: 5px;
        margin-right: 6px;
        width: 10rem;
        height: auto;
    }

    .banner-nav a:last-child div {
        margin-right: 0;
    }
}

@media (min-width: 1920px) {
    /* body {
        overflow-x: hidden;
    }

    .bgimg img {
        left: 50%;
        transform: translate(-50%, 0);
    } */
}