@charset "utf-8";
@font-face {
    font-family:'HarmonyOS_Sans_SC';
    src: url("../fonts/HarmonyOS_Sans_SC_Black.woff") format('woff');
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family:'HarmonyOS_Sans_SC';
    src: url("../fonts/HarmonyOS_Sans_SC.woff") format('woff');
    font-weight: 400;
    font-display: swap;
}
.process-con .ban-txt{position: absolute;left: 0; text-align: center; top: 0;height: 100%;width: 100%;color: #fff;}
.process-con .ban-txt .ytable{height: 100%;}
.process-con .ban-txt .col-name{line-height: 1; margin-bottom:1.1458em;}
.process-con .ban-txt .info{line-height: 2.25;}
.process-con .banner .location_menu{bottom: auto; top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.process-con .banner .auto-1600{border-top: 0;}
.process-con .menu li:hover,
.process-con .menu li.aon{background: none;}
.process-con .menu li:hover a,
.process-con .menu li.aon a{color: #e60020;}
@media (min-width:751px) {
.process-con .menu li:after{position: absolute;content: '';left: 50%;width: 0;height: 3px; background-color: #e60020; bottom: 0;transition: 0.3s;transform: translateX(-50%); top: auto;}
.process-con .menu li.aon:after{width: 100%;}    
}
.process-con .banner .location a{vertical-align: top;}

.process-con .items{position: relative;z-index: 19; font-size: 0.16rem;}
.process-con .items:nth-child(2){z-index: 20;}
.process-con .items:nth-child(3){z-index: 21;}
.process-con .items .era{text-align: center;color: #e60020;}

.process-con .items .years{position: absolute; right:0;z-index: 20; width: 5em;/*  height: 30em; overflow: hidden;*/} 
.process-con .items .years li{position: relative;z-index: 1; cursor:pointer; height: 3.75em!important;}
.process-con .items .years li:after{position: absolute;content: ''; height: 2px;width:0; height: 3px; background-color: #e50012; top: 50%;margin-top: -1px;right: 0;transition: 0.5s;}
.process-con .items .years li.swiper-slide-active:after{width: 1.5em;}
.process-con .items .years li aside{padding: 1.1875em 0;color:#333;opacity: 0.2;font-family:'HarmonyOS_Sans_SC';font-weight: 400;}
.process-con .items .years li.swiper-slide-prev aside,
.process-con .items .years li.swiper-slide-next aside{opacity: 1;}
.process-con .items .years li.swiper-slide-next + li aside{opacity: 0.6;}
.process-con .items .years li.swiper-slide-active aside{color: #e60020;opacity: 1;}

.process-con .items .box-info{position: relative;z-index: 5; background-repeat: no-repeat;background-position: center top;background-size: cover;}
.process-con .items .box-info .box:not(:first-child){display: none;}
.process-con .items .box-info .auto-1600{position: relative;z-index: 4; }
.process-con .year-title{font-family: 'HarmonyOS_Sans_SC'; font-size: 15em;color: #333333;opacity: 0.05;font-weight: 900;line-height: 0.76666;}
.process-con .month .tab-name a{display: inline-block;min-width: 5em;padding: 0 1em;text-align: center;line-height: 2.25;border-radius: 2.25em;background-color: #d4cdc7;color: #fff;cursor: pointer;}
.process-con .month .tab-name{margin-bottom: 3.6875em; }
.process-con .month .tab-name a.on{background-color: #e60020;}
.process-con .month .tab-name a:not(:last-child){margin-right: 1.25em;}
.process-con .month .tab-img .img,
.process-con .month .tab-info .infos{display: none;}
.process-con .box .title{font-size: 1.5em;color: #333333;}
.process-con .box .title + .info{margin-top: 30px;}
.process-con .box .info{color: #666666;line-height: 1.875;}

.ul-edit-14{margin-top: 1em;}
.ul-edit-14 li{position: relative;padding-left: 15px; margin-bottom: 1em;}
.ul-edit-14 li:before{position: absolute;content: '';width: 5px; height: 5px; background-color: #e50012; top: calc(1em - 2.5px); border-radius: 50%; left: 0; }

@media (min-width:1025px) {
.process-con .items{margin-top: -8em;}
.process-con .items:nth-child(2){margin-top: -22em}
.process-con .items:nth-child(1) .box-info .auto-1600{padding-bottom: 20em;}
.process-con .items .box-info:before{content:'';position: absolute;width: 2px;bottom: 24em;left: 50%;margin-left: -1px;background-color: #d6d6d6;border-right:1px solid #fff;top: 5.5625em;z-index: 1;box-sizing: border-box;}
.process-con .items:last-child .box-info:before{bottom:0;}
.process-con .items:nth-child(2) .box-info:before{top: 8.25em; bottom: 14em;}
.process-con .items:nth-child(3) .box-info:before{top: 2.3125em;}
.process-con .box .left{width: 40%; float: left; padding-top: 5em;}
.process-con .box .right{width: 50%;float: right; margin-top: -12.5em;} 
.process-con .box .right .img{text-align: center; padding-top: 10%;}
.process-con .month .tab-name{margin-top: -7em;}  
.process-con .items .era{position: absolute;z-index: 2;left: 0; width: 100%; top: -59px;}
.process-con .items .era:after{display: block;content: '';margin: 1.8125em auto 0;width: 1px;height: 10em;background-color: #e60020;}
.process-con .items:nth-child(2) .era{top: 0;}
.process-con .items .box-info .auto-1600{min-height: 48em; padding-bottom: 11em;}
.process-con .items:nth-child(3) .box-info{padding-top: 13.75em;}
.process-con .items .box-info{padding-top: 12.5em;}
.process-con .items .years{top: 50%;transform: translateY(-50%);}
}
@media (max-width:1024px) {
.process-con .items{overflow: hidden;}
.process-con .items .box-info{padding-right: 6em;}
.process-con .items .era{font-size: 2em;padding: 4% 0;}
.process-con .items .box-info .auto-1600{min-height: 20em;}
.process-con .items .years{top: 0;}
}
@media (max-width:480px) {
.process-con .ban-txt .info{line-height: 1.8;}
.process-con .year-title{font-size: 10em;}
}


.fp-tableCell,
.fp-auto{height: auto !important;}
.process-con .items .box-info .box:not(:first-child){display: block;}
@media(min-width:1025px){
    .process-con .banner{height: calc(100vh - 1rem);}
    .process-con .banner .pic{height: 100%; position: relative;}
    .process-con .ban_pc{width: 100%; height: calc(100% + .4rem); position: absolute; width: 100%; object-fit: cover; left: 0; top: 0;}
    .process-con .section1{position: relative;}
    .process-con .items{margin-top: 0;}
    .section-item{position: relative;}
    .process-con .bg{position: absolute; width: 100%;  left: 0; top: -1rem; bottom: -1rem; right: 0; margin: auto; background-position: top center;}

    .process-con .items .box-info{padding-top: 0;}
    .process-con .items:nth-child(1) .box-info .auto-1600{padding-bottom: 0; min-height: auto;}
    .process-con .items:nth-child(2){margin-top: 0;}
    .process-con .items .box-info .auto-1600{padding-bottom: 0; min-height: auto;}
    .process-con .items .era{top: -7.8125em;line-height: 1; cursor: pointer ;z-index: 99;}
    .process-con .items .era:after{height: 5em;}
    .process-con .items{position: static;}
    .process-con .items:nth-child(2) .era{top: -7.8125em;}
    .process-con .items .box-info{position: static; height: 100vh; overflow: hidden;}
    .process-con .items .box-info:before{top: 0 !important; bottom: 9.625em !important;}
    /* .process-con .section-item.last .box-info:before{bottom: 0 !important;} */

    .process-con .items .era.backtop{bottom: 0 !important; top: auto !important;}
   
    /* .process-con .items .box-info .box{align-items: stretch;} */
    /* .process-con .items .swiper-slide{height: auto;} */
    .process-con .items .box-info .box{display: flex; justify-content: center; flex-direction: column;} 
    .process-con .swiper-wrapper{transition: all 700ms ease 0s !important;}
}
@media(max-width:1024px){
    .fp-section,
    .fp-tableCell{height: auto !important;}
    .process-con .items .box-info{max-height: 100vh;}
    /* .process-con .items .box-info{ height: 100vh; overflow: hidden;} */
    .process-con .items .era{display: none;}
    .process-con .items .era.backtop{display: block;}
}