:root{--header-hegiht:100px}.indexDiv{position:relative;width:100%;height:100%;overflow:hidden;font-family:'Source Han Sans CN';color:#333333}.indexDiv .content{width:100%;transition:margin-top 0.8s}.indexDiv .scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;background-color:rgba(0,0,0,0.1);transition:all 0.2s;display:none}.indexDiv .scrollbar:hover{width:10px}.indexDiv .scrollbar-drag{height:125px;width:100%;position:relative;background-color:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0;transition:all 0.8s}.indexDiv .btn-list{--default:rgba(102,102,102,0.5);--default-active:#666;position:fixed;right:40px;top:50%;transform:translateY(-50%) scale(0.8);user-select:none;z-index:40;transition:all 0.8s}@media (max-width: 1600px) and (min-width: 1100px){.indexDiv .btn-list{top:45%}}.indexDiv .btn-list .btn-item{margin-bottom:20px;display:flex;cursor:pointer;position:relative;align-items:center;user-select:none;transition:all 0.4s ease}.indexDiv .btn-list .btn-item p{width:123px;height:23px;line-height:23px;font-size:16px;color:transparent;margin-right:20px;text-align:right;user-select:none;transition:all 0.4s ease;transform:translateX(-20px)}.indexDiv .btn-list .btn-item .icon{display:block;width:16px;height:2px;background-color:var(--default);transition:all 0.4s ease;user-select:none}.indexDiv .btn-list .btn-item.active{transform:translateX(10px)}.indexDiv .btn-list .btn-item.active p{color:var(--default-active);transform:translateX(0);user-select:none}.indexDiv .btn-list .btn-item.active .icon{background-color:var(--default-active)}.indexDiv .btn-list .btn-item.disabled p{opacity:0.5}.indexDiv .btn-list.white{--default-active:#fff;--default:rgba(255,255,255,0.7)}.indexDiv .page{--more-color:#666;width:100%;height:100vh;overflow:hidden}.indexDiv .page-box{width:100%;padding-right:12%;padding-left:12%}@media (max-width: 1920px) and (min-width: 1600px){.indexDiv .page-box{width:1440px;padding-right:0;padding-left:0}}@media (max-width: 1600px) and (min-width: 1450px){.indexDiv .page-box{width:1330px;padding-right:0;padding-left:0}}@media (max-width: 1450px) and (min-width: 1100px){.indexDiv .page-box{width:1180px;padding-right:0;padding-left:0}}.indexDiv .page-title{position:absolute;top:34.07407vh;left:12.5vw}.indexDiv .page-title__main{font-size:64px;font-weight:700;font-family:'Source Han Sans CN-Bold', 'Source Han Sans CN';color:#e5000e;line-height:93px;letter-spacing:12px;-webkit-text-stroke:2px #ffffff;text-stroke:2px #ffffff;margin-bottom:10px}.indexDiv .page-title__sub{font-size:32px;font-weight:400;line-height:46px;-webkit-text-stroke:1px #ffffff;text-stroke:1px #ffffff}.indexDiv .page-item{display:flex;justify-content:center;align-items:center;padding-top:var(--header-hegiht)}.indexDiv .page-item__title{position:relative;display:flex;align-items:flex-end;font-size:50px;font-weight:600;color:#333333;line-height:72px;padding-bottom:24px;margin-bottom:40px;transition:all 0.8s;transform:translate(-200px, -200px);opacity:0}.indexDiv .page-item__title::before{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background-color:#e5000e}.indexDiv .page-item__title-sub{margin-left:20px;font-size:24px;color:#999999;line-height:38px}.indexDiv .page-item__more{font-size:16px;color:var(--more-color);line-height:30px;cursor:pointer;display:inline-flex;align-items:center;transform-origin:left center;transition:all 0.2s}.indexDiv .page-item__more-icon{margin-left:10px;width:34px;height:34px;animation:small-left-right 1s linear infinite}.indexDiv .page-item__more:hover{transform:scale(1.2)}.indexDiv .page-item__more:hover .page-item__more-icon{animation-play-state:paused}.indexDiv .page-item__more:active{opacity:0.5}.indexDiv .page.animated .page-item__title{transform:translate(0, 0);opacity:1}.indexDiv .page__btns{position:fixed;right:-400px;bottom:10.55556vh;transition:all 0.8s;animation:go-right 1s ease-in-out forwards;z-index:9999;transform-origin:right bottom}@media (max-width: 1600px) and (min-width: 1450px){.indexDiv .page__btns{transform:scale(0.9)}}@media (max-width: 1450px) and (min-width: 1100px){.indexDiv .page__btns{transform:scale(0.8)}}.indexDiv .page__btns-item{position:relative}.indexDiv .page__btns-item:not(:last-of-type){margin-bottom:10px}.indexDiv .page__btns-item-btn{width:80px;height:80px;background:#c5c5c5;border-radius:4px 4px 4px 4px;transition:all 0.4s;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:default}.indexDiv .page__btns-item-btn span{font-size:14px;color:#ffffff;font-weight:600}.indexDiv .page__btns-item-btn__icon{width:29px;height:29px;margin-bottom:7px}.indexDiv .page__btns-item-btn:not(.disabled){cursor:pointer}.indexDiv .page__btns-item-content{position:absolute;top:0;left:0;width:0;height:80px;background:#ffffff;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);border-radius:4px 4px 4px 4px;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;transform:translateX(calc(-100% - 16px));transition:all 0.4s}.indexDiv .page__btns-item-content p{white-space:nowrap;line-height:23px;font-size:16px;color:#e5000e;font-weight:600}.indexDiv .page__btns-item:hover .page__btns-item-btn{background:#e5000e}.indexDiv .page__btns-item:hover .page__btns-item-content{width:184px}
