html,body{ margin:0; padding:0; position:relative;}

@keyframes fromLeft{
    0%{ transform: translate(0,0);opacity: 1;}
    100%{transform: translate(-100%,0);opacity: 0;}
}

@keyframes fromRight{
    0%{ transform: translate(0,0);opacity: 1;}
    100%{transform: translate(100%,0);opacity: 0;}
}

@keyframes fromLeft1{
    0%{ transform: translate(0,100%);opacity:0;}
    100%{transform: translate(0,0);opacity: 1;}
}

@keyframes fromRight1{
    0%{ transform: translate(0,-100%);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

.page_home_box .index_item {
    -webkit-animation: fromLeft1 0.6s ease-in-out 1 forwards;
    animation: fromLeft1 0.6s ease-in-out 1 forwards;
}
.page_home_box .index_01 {
    -webkit-animation: fromRight1 0.6s ease-in 1 forwards;
    animation: fromRight1 0.6s ease-in 1 forwards;
}

/*.doAnimate .index_01 {*/
/*    -webkit-animation: fromLeft 1s ease-in-out 1 forwards;*/
/*    animation: fromLeft 1s ease-in-out 1 forwards;*/
/*}*/
/*.doAnimate .index_02 {*/
/*    -webkit-animation: fromRight 1s ease-in 1 forwards;*/
/*    animation: fromRight 1s ease-in 1 forwards;*/
/*}*/

.page_home_box .index_01_logo {
    -webkit-animation: titleTop-data-v-320e926d 0.6s ease-in 1 forwards;
    animation: titleTop-data-v-320e926d 0.6s ease-in 1 forwards;
    animation-delay: 1s;
}
.page_home_box .index_02_logo {
    -webkit-animation: titleTop-data-v-320e926d 0.6s ease-in 1 forwards;
    animation: titleTop-data-v-320e926d 0.6s ease-in 1 forwards;
    animation-delay: 0.8s;
}
@-webkit-keyframes titleTop-data-v-320e926d {
    0% {
        transform: translateX(-40%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity:1;
    }
}
@keyframes titleTop-data-v-320e926d {
    0% {
        transform: translateX(-40%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity:1;
    }
}

/*@keyframes active{*/
/*    0%{ opacity: 0;}*/
/*    100%{opacity: 1;}*/
/*}*/

/*.doAnimate .active {*/
/*    -webkit-animation: active 1s ease-in 1 forwards;*/
/*    animation: active 1s ease-in 1 forwards;*/
/*}*/

.color000{color:#000;}
.colorfff{color:#fff;}

.page_pc{position: relative; width:100%;background:#000;}
.page_pc *{ margin:0; padding:0; list-style: none; outline:none; font-family:'SL-Simplified'; }
.page_pc img{ display:block; width:100%; }
.page_pc svg{ display:block; max-width:100%; }

.header_parts { width:100%; height:68px; position:fixed; z-index:999; top:0; left:0; overflow:hidden; }
.sony_header { width:1920px; position:absolute; top:-68px; left:50%; transition:all 0.4s ease; margin-left:-960px; min-width:1200px; }
.header_parts:hover .sony_header{ top:0; transition:all 0.4s ease;}

.page_pc .page_box{ position:relative; width:100%;display: none;}
.page_pc .page_box.show{display: block;}
.page_pc .page_box.page_home_box.show{display: flex;justify-content: space-between;height:100vh;overflow:hidden;}
.page_pc .page_box .index_bg{position: relative;width: 85vw;}
.page_pc .page_box .index_bg.active{}
/*.page_pc .page_box .index_02_bg{position: absolute;top:0;left: 0;width: 100vw;opacity: 0;}*/
/*.page_pc .page_box .index_02_bg.active{}*/

/*.page_pc .page_box .index_01{position: absolute;top:0;left: 0;width: 50%;}*/
/*.page_pc .page_box .index_02{position: absolute;top:0;right: 0;width: 50%;}*/
.page_pc .page_box .index_item{transition:all 1s ease-in;width: 33.33%;overflow: hidden;}

.page_pc .page_box .index_item.active{width: calc(100% - 10vw) !important;overflow: hidden;transition:all 1s ease-in-out;}
.page_pc .page_box .index_item.not_active{width: 10vw !important;overflow: hidden;transition:all 1.5s ease-in-out;}
.page_pc .page_box .index_item .index_pic{width: 33.333vw;position: absolute;top:0;left: 0;}
.page_pc .page_box .index_item.active .index_pic{opacity: 0;}
.page_pc .page_box .index_item.not_active .index_pic{opacity: 0;}
/*.page_pc .page_box .index_item.active .index_02_pic{opacity: 0;}*/
.page_pc .page_box .index_item.active .index_bg{opacity: 1;}
.page_pc .page_box .index_item.not_active .index_bg{opacity: 1;}
/*.page_pc .page_box .index_item.active .index_02_bg{opacity: 1;}*/
.page_pc .page_box .index_01 .index_01_logo{width: 22.7vw;position: absolute;top:31.2vw;left: 14.2vw;opacity: 0;}
.page_pc .page_box .index_02 .index_02_logo{width: 35.9vw;position: absolute;top:37vw;right: 6.1vw;opacity: 0;}
/*.page_pc .page_box .index_mask{position: absolute;top:0;right: 0;display: flex;width: 100%;height: 100%;}*/
/*.page_pc .page_box .index_mask_left{width: 51.85%;height: 100%;background-color: rgba(13, 13, 17,0);border-right:2px solid rgba(13, 13, 17,0);transition: all 1s ease-in-out;}*/
/*.page_pc .page_box .index_mask_left.on{width: 51.85%;height: 100%;background-color: rgb(13, 13, 17,0.1);border-right:2px solid rgba(232, 237, 250,0.3);}*/
/*.page_pc .page_box .index_mask_right{width: 50%;height: 100%;background-color: rgba(13, 13, 17,0);border-right:2px solid rgba(13, 13, 17,0);transition: all 1s ease-in-out;}*/
/*.page_pc .page_box .index_mask_right.on{width: 50%;height: 100%;background-color: rgb(13, 13, 17,0.1);*/
/*    border-left:2px solid rgba(232, 237, 250,0.3);
}*/
.page_pc .page_box .index_tag{position: absolute;top: -1.17vw;width: 3.7vw;right:0;}
.page_pc .page_box .index_02_tag{position: absolute;top:-1.17vw;width: 3.7vw;right: 0;}

.kv1_mask{width: 100%;position:absolute;left: 0;bottom: 0;z-index: 99;}
.kv1_pic_nav{width: 100%;position:absolute;left: 0;top: 38vw;z-index: 99;display: flex;justify-content: center;}
.kv1_pic_nav .kv1_pic_nav_item{width: 19.8vw;margin: 0 0.7vw;position: relative;border-radius: 0.7vw;overflow: hidden;}
.kv1_pic_nav .kv1_pic_nav_item .mask_bg{opacity: 0.3;position: absolute;width: 100%;height: 100%;top:0;left: 0;background: #000;transition: all 0.3s ease-in-out;}
.kv1_pic_nav .kv1_pic_nav_item.active .mask_bg{opacity: 0;}

.page_pc .page_home_box .index_btn{position: absolute;top: 39vw;width: 8.1vw;left:81.8%;opacity:0;transform: translateY(20%);transition: all 0.6s ease-in-out;animation-delay: 0.8s;}
.page_pc .page_home_box .index_tag_02{position: absolute;top: 39vw;left: 10.1%;width: 8vw;opacity: 0;transform: translateY(20%); transition: all 0.6s ease-in-out;animation-delay: 1.2s;}
.page_pc .page_home_box .index_title{position: absolute;top: 38vw;width: 80vw; left:25%;font-size: 2.1vw;font-weight: bold; opacity: 0;transform: translateY(20%); transition: all 0.6s ease-in-out;animation-delay: 0.8s;}
.page_pc .page_home_box .index_title .index_xian{font-weight: normal;margin: 0 1vw;}
.page_pc .page_home_box .index_title .index_des{font-size: 1.4vw;font-weight: normal;}
.page_pc .page_home_box .index_item.active .index_btn{transform: translateY(0);opacity: 1;}
.page_pc .page_home_box .index_item.active .index_tag_02{transform: translateY(0);opacity: 1;}
.page_pc .page_home_box .index_item.active .index_title{transform: translateY(0);opacity: 1;}


.page_pc .page_new_box .index_btn{position: absolute;top: 42vw;width: 10.2vw;left:81.8%;opacity:0;transform: translateY(20%);transition: all 0.6s ease-in-out;animation-delay: 0.8s;}
.page_pc .page_new_box .index_tag_02{position: absolute;top: 42vw;left: 10.1%;width: 10.1vw;opacity: 0;transform: translateY(20%); transition: all 0.6s ease-in-out;animation-delay: 1.2s;}
.page_pc .page_new_box .index_title{position: absolute;top: 40.8vw;width: 80vw; left:25%;font-size: 2.6vw;font-weight: bold; opacity: 0;transform: translateY(20%); transition: all 0.6s ease-in-out;animation-delay: 0.8s;}
.page_pc .page_new_box .index_title .index_xian{font-weight: normal;margin: 0 1vw;}
.page_pc .page_new_box .index_title .index_des{font-size: 1.6vw;font-weight: normal;}
.page_pc .page_new_box.show .index_btn{transform: translateY(0);opacity: 1;transition: all 0.6s ease-in-out;}
.page_pc .page_new_box.show .index_tag_02{transform: translateY(0);opacity: 1;transition: all 0.6s ease-in-out;}
.page_pc .page_new_box.show .index_title{transform: translateY(0);opacity: 1;transition: all 0.6s ease-in-out;}

.page_pc .page_history_box .swiper_part001{width: 100%;position: relative;}
.page_pc .page_history_box .swiper_part001 .swiper-slide{width: 100%;position: relative;}
.page_pc .page_history_box .index_btn{position: absolute;top: 42vw;width: 10.2vw;left:81.8%;opacity:0;transform: translateY(20%);transition: all 0.6s ease-in-out;animation-delay: 0.8s;}
.page_pc .page_history_box .index_tag_02{position: absolute;top: 42vw;left: 10.1%;width: 10.1vw;opacity: 0;transform: translateY(20%); transition: all 0.6s ease-in-out;animation-delay: 1.2s;}
.page_pc .page_history_box .index_title{position: absolute;top: 40.8vw;width: 80vw; left:25%;font-size: 2.6vw;font-weight: bold; opacity: 0;transform: translateY(20%); transition: all 0.6s ease-in-out;animation-delay: 0.8s;}
.page_pc .page_history_box .index_title .index_xian{font-weight: normal;margin: 0 1vw;}
.page_pc .page_history_box .index_title .index_des{font-size: 1.8vw;font-weight: normal;}
.page_pc .page_history_box.show .index_btn{transform: translateY(0);opacity: 1;}
.page_pc .page_history_box.show .index_tag_02{transform: translateY(0);opacity: 1;}
.page_pc .page_history_box.show .index_title{transform: translateY(0);opacity: 1;}

.page_pc .page_history_box .swiper_part002{width: 100%;position: relative;}

.page_pc .page_history_box .index_txt_btn{width: 100%;text-align: center;font-size: 1.6vw;color: #fff;position: absolute;left: 0;top: 40.8vw;}
.page_pc .page_history_box .index_txt_btn a{color: #fff;}
.swiper_part001_right{position: absolute;left: 6%;top:23.3vw;}
.swiper_part001_left{position: absolute;right: 6%;top:23.3vw;}
.swiper_part001_right,.swiper_part001_left{width: 4.9vw;cursor: pointer;z-index: 10;}

.swiper_part001_pagination{z-index: 10;bottom: unset!important;top:36vw;}
.swiper_part001_pagination .swiper-pagination-bullet{width: 0.6vw;height: 0.6vw;border-radius: 0px;border: 1px solid #bfb0e7;opacity: 1;background: transparent;}
.swiper_part001_pagination .swiper-pagination-bullet-active{background: #bfb0e7!important;}

.swiper_part002_pagination{z-index: 10;bottom: unset!important;top:36vw;}
.swiper_part002_pagination .swiper-pagination-bullet{width: 0.6vw;height: 0.6vw;border-radius: 0px;border: 1px solid #bfb0e7;opacity: 1;background: transparent;}
.swiper_part002_pagination .swiper-pagination-bullet-active{background: #bfb0e7!important;}

.page_history_box{}
.kv2_mask{width: 100%;position:absolute;left: 0;bottom: 0;z-index: 99;}
.kv2_nav{width: 100%;position:absolute;left: 0;top: 39vw;z-index: 99;}
.kv2_nav_icon{width: 2.4vw;position:absolute;left: 20.5%;top: 5vw;z-index: 99;}
.kv2_nav_box{width: 56%;position:absolute;left: 22%;top: 4vw;z-index: 99;display: flex;justify-content: space-between;}
.kv2_nav_box_item{width: 5.6vw;height: 2.5vw;position: relative;cursor: pointer;display: block;}
.kv2_nav_box_item_01{width: 100%;height: 2.5vw;left: 0;top:0;position: absolute;display: block;}
.kv2_nav_box_item_02{width: 100%;height: 2.5vw;left: 0;top:0;position: absolute;display: none;}
.kv2_nav_box_item.active .kv2_nav_box_item_01{width: 100%;left: 0;top:0;position: absolute;display: none;}
.kv2_nav_box_item.active .kv2_nav_box_item_02{width: 100%;left: 0;top:0;position: absolute;display: block;}
.kv2_pic_box{width: 100%;position:relative;background: url("../images/part2_bg.jpg") left top repeat-y;background-size: 100% auto;margin-top: -4vw;z-index: 99;}
.kv2_pic_box_items{width: 86%;position:relative;padding-top:1vw;padding-bottom:5vw;margin: 0 auto; display: none;justify-content: start;flex-wrap: wrap;}
.kv2_pic_box_items.active{display: flex;}
.kv2_pic_box_items .kv2_pic_nav_item{width: 19.8vw;margin: 0 0.7vw;position: relative;margin-bottom: 1.5vw;}
.kv2_pic_box_items .kv2_pic_nav_item .mask_bg{opacity: 0;position: absolute;border-bottom-left-radius: 0.7vw; border-bottom-right-radius: 0.7vw; width: 100%;top:1.9vw;left: 0;background: #000;transition: all 0.3s ease-in-out;}
.kv2_pic_box_items .kv2_pic_nav_item.end .mask_bg{opacity: 0.5;height: 10.5vw;}
.kv2_pic_box_items .kv2_pic_nav_item.end .end_icon{width: 4.7vw;position: absolute;top:-0.6vw;right: 0.8vw;}
.kv2_pic_box_items .kv2_pic_nav_item.end .end_more{width: 94%;position: absolute;bottom:4%;left: 3%;}

.swiper_part002_right{position: absolute;left: 6%;top:23.3vw;}
.swiper_part002_left{position: absolute;right: 6%;top:23.3vw;}
.swiper_part002_right,.swiper_part002_left{width:4.9vw;cursor: pointer;z-index: 100;}
.recap_history{position: absolute;width: 48.6vw;bottom: 1.4vw;right: 6vw;}
.page_calendar_box{height: 52.2vw;}
.xian_1{width: 80.5%;position: absolute;left: 9.75%;top:43.5vw;height: 1px;background: rgba(255, 255, 255, 0.4);}
.year-selector{width: 15.5%;position: absolute;left: 50%;transform: translateX(-50%);top:34.5vw;display: flex;justify-content: space-between;align-items: center;}
.year-button{font-size: 0.7vw;background: unset;cursor: pointer;color: #fff;padding:0.1vw 0.5vw;background: rgba(0, 0, 0, 0.2);border-radius: 1vw;}
.year-button.current{font-weight: bold;background:#fff;color: #000;}
.month-names{width: 81.5%;position: absolute;left: 9.25%;top:37vw;display: flex;justify-content: space-between;align-items: center;}
.month-name{font-size: 0.7vw;padding:0.1vw 1vw;cursor: pointer;color: #fff;line-height: 1.4;}
.current-month{font-weight: bold;color: #000;font-size: 0.9vw;background: #fff;border-radius: 1vw;}
.have-month{font-weight: bold;color: #afacff;}
.event-nav{width: 88%;position: absolute;left: 6%;top:23.3vw;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.left_event_btn,.right_event_btn{width:4.9vw;}
.days{width: 81.5%;position: absolute;left: 9.25%;top:39vw;display: flex;justify-content: space-between;align-items: center;}
.day{font-size: 1vw;padding: 0.5vw;cursor: pointer;color: #fff;}
.event{font-weight: bold;color: #000;font-size: 1vw; border-radius: 1vw;display: flex;flex-direction: column;align-items: center;line-height: 1.2;background: rgba(255, 255, 255, 0.5);}
.event span{font-weight: normal;font-size: 0.6vw;}
.current-day{font-weight: bold;color: #000;background: #fff;font-size: 1vw;border-radius: 1vw;display: flex;flex-direction: column;align-items: center;line-height: 1.2;}
.current-day span{font-weight: normal;font-size: 0.6vw;}

.contract-name1{width: 81.5%;position: absolute;left: 9.25%;top:45.6vw;display: flex;justify-content: center;align-items: center;text-align: center;}
.contract-name1 a{color: #fff;font-size: 1.6vw;}
.contract-name{position: absolute;left: 28.3%;top:45.6vw; font-weight:bold;font-size: 2.6vw;color:#fff;}
.contract-name .index_xian{font-weight: normal;margin: 0 1vw;}
.contract-name .index_des{font-size: 1.6vw;font-weight: normal;}
.contract-des{position: absolute;left: 49.4%;top:46.8vw; font-size: 1.6vw;color:#fff;}
.contract-months{position: absolute;left: 9.75%;top:45.5vw; font-size: 2.8vw;color:#fff;font-weight: bold;}
.contract-months span{font-size: 1vw;font-weight: normal;}
.contract-type{position: absolute;left: 15.5%;top:46.9vw; width: 10.1vw;}
.contract-tag{position: absolute;left: 36.5%;top: 44.5vw;width: 10.1vw;font-size: 1.2vw;color: #fff;}
.contract-link{position: absolute;left: 80.4%;top:46.8vw;width: 10.2vw; font-size: 1.6vw;color:#fff;}
.contract-link a{color: #fff;}

.Nav-L{width:6.3vw;position: fixed;left: 0;top:25%;z-index: 999;}
.nav_items{position: absolute;top:5vw;left: 1vw;display: flex;flex-direction: column;align-items: center;}
.nav_items_item{font-size: 1.2vw;color: rgba(255, 255, 255, 0.4);line-height: 1.2;margin-bottom: 2.2vw;cursor: pointer;}
.nav_items_item.active{color:transparent;
    background: linear-gradient(137deg, #f5eeeb 0%, #afacff 100%);font-weight: bold;
    -webkit-background-clip: text;}
.nav_items_item_calendar{margin-top: 0;margin-left: -0.5vw;display: flex;flex-direction: column;align-items: center;}
.nav_items_item_calendar_pic{width: 1.2vw;}
.nav_items_item_calendar_text{font-size: 0.8vw;line-height: 2;}