.header.active .logo a img{height: 100%;display: none;}
.header.active .logo a img:first-child{display: none;}
.header.active .logo a img:last-child{display: block;}
.header.fix .logo a img:first-child{display: block;}
.header.fix .logo a img:last-child{display: none;}

.header .d1{
    transition: all .5s; }
.header.active .d1{
    color: #333;
}

.header.active .d1 .nav li a{color: #D5AB85}
.header.fix .d1 .nav li a{color: #D5AB85;}

.header .nav>ul>li::after{ background: #441338 ;content: ""; bottom: 0; opacity: 0;  transition: all .5s; width: 100%; height: 2px; position: absolute; z-index:1; }
.header .nav>ul>li:hover::after{ opacity: 1;}

.header .nav>ul>li a:hover{ color: #441338; font-weight: bold;}

.header .nav{position: relative; z-index: 10;}

.header.active .d1 .baoming{background: #441338;
    border-color: #441338;}
.header.fix .d1 .baoming{background: #441338;
    border-color: #D5AB85;}
.header.fix .d1 .baoming:hover{background-color: #fff;color: #441338;}
.header .d1 .nav{height: 100%; }
.header .d1 .nav li .v2{  padding-top: 20px;}

.menutxt{ position: absolute;
    pointer-events: none;
    left: -1000px; width: 920px; text-align: right;  height: 0; padding-top: 90px; opacity: 0; overflow: hidden;}
.menutxt div{ height: 100%; text-align: right;width: 100%;background: #FFEFFB url(../img/xh.png) no-repeat  calc(100% + 30px) calc(100% + 50px) ; background-size:auto 90%; padding-right: 100px; transition: all .5s 1s;;}
.menutxt h3{ font-size:28px; padding: 70px 7px 20px 0;}
.header.hover .d1 .nav  .menutxt,
.header .d1 .nav:hover  .menutxt{ height: 370px; opacity: 1;transition: all .5s}

.about_banner{width: 100%;}
.about_banner .txt{padding-top: 2rem;padding-bottom: 0.8rem;}
.about_banner .txt p:first-child{font-size: 0.33rem;color: #999999;margin-bottom: 0.1rem;}
.about_banner .txt p:last-child{font-size: 0.5rem;font-weight: bold;color: #333333;}
.about_banner .img{width: 100%;}
.about_banner .img img{width: 100%;}

.brief{width: 100%;padding: 1rem 0;display: flex;justify-content: space-between;}
.brief .left{width: 30%;box-sizing: border-box;}
.brief .left p:first-child{font-size: 0.40rem;font-weight: bold;color: #ECECEC;}
.brief .left p:last-child{font-size: 0.44rem;color: #333333;font-weight: bold;}
.brief .right{width: 60%;}
.brief .right .desc{width: 100%;font-size: 0.16rem;line-height: 0.3rem;text-align: justify;padding-right: 0.2rem;box-sizing: border-box;}
.brief .right .num{width: 100%;display: flex;justify-content: space-between;margin-top: 0.5rem;}
.brief .right .num .item{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.brief .right .num .item p:first-child{font-size: 0.6rem;font-weight: bold;color: #441338;display: block;width: 100%;font-family: Poppins, Poppins;}
.brief .right .num .item p:last-child{font-size: 0.18rem;color: #441338;font-weight: bold;}

.value{width: 100%;background-color: #FFF6FD;overflow: hidden;}
.value .box{width: 100%;padding: 1rem 0;}
.value .box .title{margin-bottom: 0.5rem;}
.value .box .title p:first-child{font-size: 0.4rem;color: #ECECEC;margin-bottom: 0.1rem;font-weight: bold;}
.value .box .title p:last-child{font-size: 0.44rem;font-weight: bold;color: #333333;}
.value .box .list{width: 100%;display: flex;justify-content: space-between;}
.value .box .list .item{width: 24%;height: 3.4rem;background-color: #fff;}
.value .box .list .item .default{width: 100%;height: 100%;display: flex;align-content: space-between;flex-wrap: wrap;padding: 0.4rem 0.3rem;box-sizing: border-box;transition: 0.3s;}
.value .box .list .item .selected{width: 100%;height: 100%;transition: 0.3s;position: absolute;left: 0;top: 0;opacity: 0;z-index: 15;overflow: hidden;display: none;}
.value .box .list .item .selected .img{width: 100%;height: 100%;overflow: hidden;}
.value .box .list .item .selected .img img{width: 100%;height: 100%;object-fit: cover;}
.value .box .list .item .default .img{width: 100%;}
.value .box .list .item .default .img img{height: 0.8rem;}
.value .box .list .item .default .bottom{width: 100%}
.value .box .list .item .default .bottom p:first-child{font-size: 0.24rem;color: #333333;font-weight: bold;}
.value .box .list .item .default .bottom p:last-child{font-size: 0.18rem;color: #999999}
.value .box .list .item:hover .default{opacity: 0;}
.value .box .list .item:hover .selected{opacity: 1;display: block;}

.mission{width: 100%;position: relative;padding: 1rem 0;}
.mission .title{position: absolute;left: 0;top: 1.3rem;z-index: 15;background-color: #fff;}

.mission .item_box .item{width: 100%;}
.mission .item_box .item .top{width: 100%;display: flex;justify-content: space-between;}
.mission .item_box .item .top .left{}
.mission .item_box .item .top .left p:first-child{font-size: 0.34rem;font-weight: bold;color: #ECECEC;}
.mission .item_box .item .top .left p:nth-child(2){font-size: 0.4rem;font-weight: bold;color: #ECECEC;}
.mission .item_box .item .top .left p:nth-child(3){font-size: 0.44rem;font-weight: bold;color: #333333;}
.mission .item_box .item .top .right{border-top: 0.02rem solid #0C0C0C;width: 6rem;padding-top: 0.2rem;font-size: 0.18rem;color: #333333;position: relative;top: 0.5rem;}
.mission .item_box .item .imgs{width: 100%;display: flex;justify-content: space-between;margin-top: 1rem;}
.mission .item_box .item .imgs .img{width: 100%;height: 4rem;overflow: hidden;}
.mission .item_box .item .imgs .img img{width: 100%;height: 100%;object-fit: cover;}
.mission .thumbs{width: 100%;display: flex;justify-content: space-between;margin-top: 0.5rem;}
.mission .thumbs .swiper{width: 100%;}
.mission .thumbs .item{width: 70%;}
.mission .thumbs .item .line{width: 100%;height: 3px;background-color: #CCCCCC;position: relative;}
.mission .thumbs .item .line::before{content: '';position: absolute;width: 0%;height: 100%;background-color: #441338;left: 0;top: 0;transition: 0.5s;}
.mission .thumbs .item .txt{width: 100%;margin-top: 0.2rem;}
.mission .thumbs .item .txt p:first-child{font-size: 0.16rem;color: #333333;}
.mission .thumbs .item .txt p:last-child{font-size: 0.18rem;color: #333333;margin-top: 0.1rem;}
.mission .thumbs .item:hover .line::before{width: 100%;}
.mission .thumbs .item:hover .txt p{font-weight: bold;}
.mission .thumbs .swiper-slide-thumb-active .item .line::before{width: 100%;}
.mission .thumbs .swiper-slide-thumb-active .item .txt p{font-weight: bold;}


@media (max-width: 750px) {
    .header.fix .logo a{background-size: auto 100%;}
    .brief{flex-wrap: wrap;}
    .brief .right .desc{font-size: 0.32rem;line-height: 0.46rem;}
    .brief .left{width: 100%;margin-bottom: 0.5rem;}
    .brief .right{width: 100%;}
    .brief .left p:first-child,.value .box .title p:first-child,.value .box .title p:last-child{font-size: 0.68rem;}
    .brief .left p:last-child{font-size: 0.68rem;}
    .brief .right .num .item p:last-child{font-size: 0.34rem;}
    .brief .right .num .item p:first-child{font-size: 0.8rem;}
    .value .box .list .item .bottom p:first-child{font-size: 0.3rem;}
    .value .box .list .item .bottom p:last-child{font-size: 0.26rem;}
    .mission .item_box .item .top{flex-wrap: wrap;}
    .mission .item_box .item .top .left{width: 100%;}
    .mission .item_box .item .top .left p:nth-child(3){font-size: 0.38rem;}
    .mission .item_box .item .top .right{font-size: 0.34rem;}
    .mission .thumbs .item .txt p:last-child{font-size: 0.34rem;}
    .mission .thumbs .item .txt p:first-child{font-size: 0.32rem;}
    .mission .thumbs .item{width: 88%;}
    .header.active .logo a{background: url(../img/logo.png);height: 55px;background-position: 10px center;background-size: 70% auto;background-repeat: no-repeat;}
}