html,body{ margin:0; padding:0; position:relative;}
.page_pc{ overflow: hidden; position: relative; width:100%; height:100%;background:#f9f9f1;}
.page_pc *{ margin:0; padding:0; list-style: none; outline:none; font-family:'SL-Simplified'; }
.page_pc img{ display:block; max-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;}
.sections img{ display: block; width: 100%;}
.section{ width: 100%; position: relative;}
.opt0{ opacity: 0;}

.color33312e{color: #33312e;}
.colorfff{color: #fff;}
.color000{color: #000;}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translateY(60px);}
    100%{ opacity: 1; transform: translateY(0);}
}
@keyframes fadeInUp11{
    0%{ opacity: 0; transform: translateY(60px) translateZ(-20.4213px) rotateY(-33.75deg);}
    100%{ opacity: 1; transform: translateY(0) translateZ(-20.4213px) rotateY(-33.75deg);}
}

.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 0.85s  forwards; will-change: transform,opacity;}
.fadeInUp5{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp6{ animation: fadeInUp1  0.8s ease 1.15s  forwards; will-change: transform,opacity;}
.fadeInUp7{ animation: fadeInUp1  0.8s ease 1.3s  forwards; will-change: transform,opacity;}

.fadeInUp11{ animation: fadeInUp11  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp12{ animation: fadeInUp11  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInUp13{ animation: fadeInUp11  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.fadeInUp14{ animation: fadeInUp11  0.8s ease 0.85s  forwards; will-change: transform,opacity;}
.fadeInUp15{ animation: fadeInUp11  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp16{ animation: fadeInUp11  0.8s ease 1.15s  forwards; will-change: transform,opacity;}
.fadeInUp17{ animation: fadeInUp11  0.8s ease 1.3s  forwards; will-change: transform,opacity;}

#preload{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;

    z-index:200;
    display:flex;
    justify-content: center;
    align-items: center;
}
.preload-bg{
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
}
#preload .tip{
    display:inline;
    color:#fff;
    font-size:4vw;
    font-weight:bold;
    line-height:1;
    position:relative;
    overflow:hidden;
}
.tip-bg{
    position:absolute;
    width:0px;
    height:100%;
    background:#fff;
}
.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 100;
}
#txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
h2 {
    cursor: pointer;
    color: #fff;
    font-size: 11vw;
    line-height: 0;
    letter-spacing: -0.04em;
    display: inline;
    position: absolute;
    max-width: 74.61937%;
    white-space: normal;
    left: 0;
    bottom: calc(50% - 75px);
    margin-left: 12.69031%;
}

.swiper-slide h2 {
    display: none;
}

.section{width: 100%;position: relative;}
.section_01{width: 100%;position: relative;height: 41.7vw;}
.section_01 .swiper_part001{width: 100%;position: relative;}
.swiper-pagination-001{display: flex;justify-content: center;width: 100%;bottom: 0;left: 0;z-index: 999;}
.swiper-pagination-001 .swiper-pagination-bullet{margin: 1vw;border: 2px #fff solid;background: transparent;}
.swiper-pagination-001 .swiper-pagination-bullet-active{margin: 1vw;border: 2px #fff solid;background: #fff;}

.section_02{width: 100%;position: relative;overflow: hidden;}
.section_02_title{width:37.6vw;position: absolute;left: 31.2vw;top:4.3vw;}
.section_02_box{position: absolute;width: 88%;left: 6%;top:25%;height:36vw;display: flex;justify-content: space-between;align-items: center;}
.section_02_box_item {width: 21.2vw;position: relative;transition: all 0.3s ease-in-out;}
.section_02_box_item .small_pic {position: relative; opacity: 1;transition: all 0.2s ease-in-out;}
.section_02_box_item .big_pic {position: absolute;top:0;left:0;opacity: 0;transition: all 0.6s ease-in;}
.section_02_box_item .yuan {position: absolute;opacity: 0;width: 10vw;height:10vw;transform: translate(-50%,-50%);left: 50%;top:50%;border-radius: 20vw;;border: 2px solid #dfc3af;}
.section_02_box_item .yuan1 {position: absolute;opacity: 0;width: 10vw;height:10vw;transform: translate(-50%,-50%);left: 50%;top:55.3%;border-radius: 20vw;;border: 2px solid #dfc3af;}

.section_02_box_item_01_title{width: 17.8vw;position: absolute;left: 0;bottom: 0;}
.section_02_box_item_02_title{width: 17.5vw;position: absolute;left: 0;bottom: 0;}
.section_02_box_item_03_title{width: 19.2vw;position: absolute;left: 0;bottom: 0;}

.section_02_box_item .end_pic {position: absolute;top:0;left:0;opacity: 0;transition: all 0.1s ease-in-out;transition-delay: 0.5s;}
.section_02_box_item.active {width: 32vw;}
.section_02_box_item.active .small_pic {opacity: 0;transition: all 0.2s ease-in;}
.section_02_box_item.active .big_pic {opacity: 1;transition: all 0.6s ease-in-out;}
.section_02_box_item.active .yuan {opacity: 1;width: 30vw;height: 30vw;}
.section_02_box_item.active .end_pic {opacity: 1;transition: all 0.1s ease-in-out;transition-delay: 0s;}

.section_02_box_item_01_icon01{position:absolute;top:7.4vw;right:-2.4vw;width: 7.5vw;opacity: 0;}
.section_02_box_item_01_icon02{position:absolute;top:16.5vw;right:-2.5vw;width: 7.5vw;opacity: 0;}
.section_02_box_item_01_icon03{position:absolute;top:23.6vw;right:2.8vw;width: 7.5vw;opacity: 0;}

.section_02_box_item_02_icon01{position:absolute;top:9.1vw;right:-2.4vw;width: 7.5vw;opacity: 0;}
.section_02_box_item_02_icon02{position:absolute;top:18.2vw;right:-2.5vw;width: 7.5vw;opacity: 0;}
.section_02_box_item_02_icon03{position:absolute;top:25.3vw;right:2.7vw;width: 7.5vw;opacity: 0;}

.section_02_box_item_03_icon01{position:absolute;top:7.4vw;right:-2.4vw;width: 7.5vw;opacity: 0;}
.section_02_box_item_03_icon02{position:absolute;top: 16.4vw;right: -2.4vw;width: 7.5vw;opacity: 0;}

@keyframes smallPic{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@keyframes bigPic{
    0%{opacity: 0;}
    80%{opacity: 1;}
    100%{opacity: 1;}
}

@keyframes yuan{
    0%{opacity: 0;width: 10vw;height: 10vw;}
    80%{opacity: 1;width: 25vw;height: 25vw;}
    90%{opacity: 0;}
    100%{opacity: 0;}
}

@keyframes itemTitle{
    0%{opacity: 1;bottom: 0;}
    10%{opacity: 1;bottom: 10%;}
    20%{opacity: 1;bottom: 10%;}
    30%{opacity: 1;bottom: 10%;}
    40%{opacity: 1;bottom: 10%;}
    100%{opacity: 1;bottom: 15%;}
}

@keyframes endPic{
    0%{opacity: 0;}
    80%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes itemIcon01{
    0%{opacity: 0;}
    20%{opacity: 1;transform: translate(40%,-30%) scale(0.5);}
    100%{opacity: 1;transform: translate(0,0) scale(1);}
}

@keyframes itemIcon02{
    0%{opacity: 0;}
    20%{opacity: 1;transform: translate(40%,0) scale(0.5);}
    100%{opacity: 1;transform: translate(0,0) scale(1);}
}

@keyframes itemIcon03{
    0%{opacity: 0;}
    20%{opacity: 0;transform: translate(40%,30%) scale(0.5);}
    100%{opacity: 1;transform: translate(0,0) scale(1);}
}


.active .small_pic {
    -webkit-animation: smallPic 0.3s ease-in-out 1 forwards;
    animation: smallPic 0.3s ease-in-out 1 forwards;
}
.active .big_pic {
    -webkit-animation: bigPic 0.6s ease-in 1 forwards;
    animation: bigPic 0.6s ease-in 1 forwards;
}
.active .yuan {
    -webkit-animation: yuan 0.6s ease-in 1 forwards;
    animation: yuan 0.6s ease-in 1 forwards;
}
.active .end_pic {
    -webkit-animation: endPic 0.6s ease-in 1 forwards;
    animation: endPic 0.6s ease-in 1 forwards;
}
.active .section_02_box_item_01_title{
    -webkit-animation: itemTitle 0.3s ease-in 1 forwards;
    animation: itemTitle 0.3s ease-in 1 forwards;
}
.active .section_02_box_item_02_title{
    -webkit-animation: itemTitle 0.3s ease-in 1 forwards;
    animation: itemTitle 0.3s ease-in 1 forwards;
}
.active .section_02_box_item_03_title{
    -webkit-animation: itemTitle 0.3s ease-in 1 forwards;
    animation: itemTitle 0.3s ease-in 1 forwards;
}

.active .item_icon01{
    -webkit-animation: itemIcon01 0.6s ease-in 1 forwards;
    animation: itemIcon01 0.6s ease-in 1 forwards;
}
.active .item_icon02{
    -webkit-animation: itemIcon02 0.6s ease-in 1 forwards;
    animation: itemIcon02 0.6s ease-in 1 forwards;
}
.active .item_icon03{
    -webkit-animation: itemIcon03 0.6s ease-in 1 forwards;
    animation: itemIcon03 0.6s ease-in 1 forwards;
}


.section_02_box_item:hover .small_pic {
    -webkit-animation: smallPic 0.3s ease-in-out 1 forwards;
    animation: smallPic 0.3s ease-in-out 1 forwards;
}
.section_02_box_item:hover .big_pic {
    -webkit-animation: bigPic 0.6s ease-in 1 forwards;
    animation: bigPic 0.6s ease-in 1 forwards;
}
.section_02_box_item:hover .yuan {
    -webkit-animation: yuan 0.6s ease-in 1 forwards;
    animation: yuan 0.6s ease-in 1 forwards;
}
.section_02_box_item:hover .end_pic {
    -webkit-animation: endPic 0.6s ease-in 1 forwards;
    animation: endPic 0.6s ease-in 1 forwards;
}
.section_02_box_item:hover .section_02_box_item_01_title{
    -webkit-animation: itemTitle 0.3s ease-in 1 forwards;
    animation: itemTitle 0.3s ease-in 1 forwards;
}
.section_02_box_item:hover .section_02_box_item_02_title{
    -webkit-animation: itemTitle 0.3s ease-in 1 forwards;
    animation: itemTitle 0.3s ease-in 1 forwards;
}
.section_02_box_item:hover .section_02_box_item_03_title{
    -webkit-animation: itemTitle 0.3s ease-in 1 forwards;
    animation: itemTitle 0.3s ease-in 1 forwards;
}

.section_02_box_item:hover .item_icon01{
    -webkit-animation: itemIcon01 0.6s ease-in 1 forwards;
    animation: itemIcon01 0.6s ease-in 1 forwards;
}
.section_02_box_item:hover .item_icon02{
    -webkit-animation: itemIcon02 0.6s ease-in 1 forwards;
    animation: itemIcon02 0.6s ease-in 1 forwards;
}
.section_02_box_item:hover .item_icon03{
    -webkit-animation: itemIcon03 0.6s ease-in 1 forwards;
    animation: itemIcon03 0.6s ease-in 1 forwards;
}




.section_03_title{width: 26.5vw;position:absolute;top:3.1vw;left: 33.6vw;}
.section_03_des{width: 100%;position:absolute;top:10.5vw;left: 0;text-align: center;color: #eac6ac;line-height: 1.6;font-size: 1vw;}
.section_03_des span{font-size: 1.4vw;}
.section_03_box{width: 86.5%;left: 6.75vw;display: flex;justify-content: space-between;position: absolute;top:23.3vw;flex-wrap: wrap;}
.section_03_box_item{width: 13.5vw;position: relative;margin-bottom: 2.5vw;}
.t1905{width: 7.2vw;margin-left: -0.8vw;}
.t1964{width: 7.3vw;margin-left: -1vw;}
.t1979{width: 7.3vw;margin-left: -0.9vw;}
.t1982{width: 7.6vw;margin-left: -1vw;}
.t19821{width: 7.6vw;margin-left: -0.9vw;}
.t1984{width: 7.4vw;margin-left: -1.1vw;}
.t2013{width: 7.5vw;margin-left: -1vw;margin-bottom: 0.1vw;}
.t2008{width: 8.2vw;margin-left: -1.4vw;margin-bottom: 0.4vw;}
.t2005{width: 8.2vw;margin-left: -1.2vw;margin-bottom: 0.4vw;}
.t19921{width: 7.2vw;margin-left: -1.2vw;}
.t1992{width: 7.2vw;margin-left: -1vw;}
.t1988{width: 7.7vw;margin-left: -1.3vw;margin-bottom: 0.2vw;}
.t2016{width: 7.4vw;margin-left: -1vw;margin-bottom: 0.2vw;}
.t2018{width: 7.6vw;margin-left: -1vw;margin-bottom: 0.2vw;}
.t2019{width: 7.6vw;margin-left: -1vw;}
.t2022{width: 8.5vw;margin-left: -1vw;margin-bottom: 0.2vw;}
@keyframes scaleImage {
    0%{ transform: scale(1);}
    100%{ transform: scale(1.05);}
}
.section_03_box_item_content{width:100%;position: relative;height: 13.4vw;overflow: hidden;border-radius: 0.5vw;}
.section_03_box_item_content img{transition: transform 1.2s cubic-bezier(.165, .84, .44, 1);will-change: transform;}
.section_03_box_item_content:hover img{transform: scale(1.08);}
.section_03_box_item_content_t{font-size:1.2vw;font-weight:bold;color: #fff;position: absolute;left: 1.2vw;top:1.2vw;}
.section_03_box_item_content_d{font-size:0.8vw;color: #fff;position: absolute;left: 1.2vw;top:3vw;}

.section_04_title{width: 36.1vw;position:absolute;top:8.6vw;left: 32%;}
.section_04_des{width: 36.1vw;position:absolute;top:26.8vw;left: 51.8%;font-size: 1.2vw;color: #dac2ae;}

.section_04_item{opacity: 0.5;transition: all 0.4s ease-in-out;animation: move 6s infinite;}
.section_04_item:hover{opacity: 1;}
.section_04_item01{position:absolute;width: 11.4vw;left: 20.7vw;top:1vw;}
.section_04_item02{position:absolute;width: 11.4vw;left: 1vw;top:8.3vw;}
.section_04_item03{position:absolute;width: 11.4vw;left: 13.8vw;top:25.3vw;}
.section_04_item04{position:absolute;width: 11.4vw;left:78.2vw;top:21.4vw;}
.section_04_item05{position:absolute;width: 11.4vw;left: 75.4vw;top:1vw;}
.section_04_item06{position:absolute;width: 11.4vw;left: 87.1vw;top:10.6vw;}
@keyframes move {
    0% { transform: translate(0, 0); }
    25% { transform: translate(var(--random-x1, 0px), var(--random-y1, 0px)); }
    50% { transform: translate(var(--random-x2, 0px), var(--random-y2, 0px)); }
    75% { transform: translate(var(--random-x3, 0px), var(--random-y3, 0px)); }
    100% { transform: translate(0, 0); }
}

.section_05 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #0a0a1a;
    height: 100vh;
}
.section_05 img {
    width: 100%;
}
.section_05 .item {
    width: calc(33.33% - 1px);
    height: calc(50% - 1px);
    background-color: #0a0a1a;
    text-align: center;
    border-right:1px solid #909bc6;
    border-bottom:1px solid #909bc6;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.section_05 .item1 {
    width: calc(25% - 1px);
}
.section_05 .item a{width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}

.section_05 .item .item_title{position: absolute;font-size: 1.2vw;color: #fff;bottom: 77%;}
.section_05 .item .item_title1{position: absolute;font-size: 1.2vw;color: #fff;top: 77%;}
.section_05 .item .item_title span{font-size: 0.8vw;width: 100%;}
.section_05 .item .item_title1 span{font-size: 0.8vw;width: 100%;}
.section_05 .item:nth-child(3n){
    border-right:1px solid #0a0a1a;
}
.section_05 .item:nth-child(3n){
    border-right:1px solid #909bc6;
}
.section_05 .item:nth-last-child(-n+4) {
    border-bottom: 1px solid #0a0a1a;
}

.section_05 .item img {
    width: 21.2vw;
    display: block;
}
.section_05 .item p {
    margin: 1vw 0;
    font-size: 1vw;
}

.section06{width: 100%;height:120vw;position: relative;}
.section06_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: 100vh;overflow: hidden;}
.section06 .section06_box{width: 100%;position: relative;}
.section06 .section06_box video{width: 100%;display: block;}
.section06_box_logo{width: 18.6vw;position: absolute;left:15.7%;top:9.1vw; }
.section06_header_pic{width: 25.5vw;position: absolute;left:59.4%;top:6.9vw; }
.section06_box_mask{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.section06_box_name_01{width: 13.4vw;position: absolute;left:74.4%;top:30.6vw; }
.section06_box_btn{width: 8vw;position: absolute;left:45.6%;top:20.7vw;cursor: pointer;}
.section06_box_pagination{display: flex;flex-direction: column;position: absolute;left: unset!important; right: 6.1%;bottom: 50%!important;transform: translateY(50%);width: 1vw!important;}
.section06_box_pagination .swiper-pagination-bullet{margin: 0.5vw!important;border: 2px #fff solid;background: transparent;opacity: 1;}
.section06_box_pagination .swiper-pagination-bullet-active{margin: 0.5vw!important;border: 2px #fff solid;background: #fff;}

.section07{width: 100%;height: 100vh;position: relative;background:#403f45;}
.section07_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: 100vh;overflow: hidden;}
.section07 .section07_box{width: 88%;position: relative;display: flex;justify-content: space-between;margin-left: 6%;padding-top: 7.6vw;}
.section07 .section07_box_left{width: 35.9vw;height:35.9vw; position: relative;}
.section07 .section07_box_right{width: 45.8vw;height:35.9vw; position: relative;}
.section07_logo{width:32.9vw;position: relative;}
.section07_box_right_items{width: 100%;display: flex;flex-direction: column;border-top: 2px solid #fff;margin-top: 4.6vw;}
.section07_box_right_item{display: flex;justify-content: space-between;align-items: center;height: 7.5vw;border-bottom: 1px solid #bebdbf;opacity: 0.7;    -webkit-transition: all .3s ease;
    transition: all .3s ease;position: relative;}
.section07_box_right_item.active{opacity: 1;}
.section07_box_right_item_num{font-size: 0.9vw;font-weight: normal;display: flex;flex-direction: column;align-items: center;}
.section07_box_right_item_num span{font-size: 2.7vw;font-weight: bold;line-height: 1;}
.section07_box_right_item_title{font-size: 1.2vw;width: 50%;line-height: 1.6;}
.section07_box_right_item_name{width: 11.4vw;}
.section07_box_right_item_name_01 img{width: 11.4vw;float: right;}
.section07_box_right_item_name_02 img{width: 8.1vw;float: right;}
.section07_box_right_item_name_03 img{width: 5.9vw;float: right;}
.section07_box_right_item_xian{position: absolute;width: 2.5%;height: 2px;background: #fff;left: 0;bottom: 0;transition: all .6s ease;}
.section07_box_right_item.active .section07_box_right_item_xian{width: 100%;}
.section07_box .section07_box_item {
    position: absolute;
    left: 0;
    top: 0;
    width: 35.9vw;
    height: 35.9vw;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 2px;
}
.section07_box_des{position: absolute;bottom: 1.1vw;left: 1.5vw;width: 80%;font-size: 0.8vw;}
.section07_box_btn{position: absolute;bottom: 1vw;right: 1.7vw;width: 9.3vw;cursor: pointer;}
.section07_box .section07_box_item:first-of-type {
    z-index: 100;
    -webkit-transform: rotateX(-20deg) translateZ(0px);
    transform: rotateX(-20deg) translateZ(0px);
}
.section07_box .section07_box_item:nth-last-of-type(2) {
    z-index: 90;
    -webkit-transform: rotateX(-20deg) translateZ(-10vw) scale(0.9);
    transform: rotateX(-20deg) translateZ(-10vw) scale(0.9);
}
.section07_box .section07_box_item:last-of-type {
    z-index: 80;
    -webkit-transform: rotateX(-20deg) translateZ(-20vw) scale(0.8);
    transform: rotateX(-20deg) translateZ(-20vw) scale(0.8);
}
.coloraaa{
    color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;
}

.section08{width: 100%;position: relative;}
.section08_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: 100vh;overflow: hidden;}
.section08_title{position: absolute;width: 18.7vw;top:11.7vw;left: 6%;}

.section08_box_left{width: 27.6vw;height: 27.6vw;position: absolute;top:8.2vw;left: 36%;}
.section08_box_item{opacity:0;transform: translateY(0);position: absolute;top:0;left: 0;}
.section08_box_item.active{opacity:1;transform: translateY(0);z-index: 99;}
.section08_box_item_pic{width: 27.6vw;height: 27.6vw;border-radius: 27.6vw;position: relative;overflow: hidden;}
.section08_box_item_pic .section08_box_item_mask{position: absolute;width: 100%;height:100%;top:0;left:0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all .6s ease;}
.section08_box_item_pic .section08_box_item_mask .section08_box_btn{width: 4.6vw;cursor: pointer;}
.section08_box_item_pic:hover .section08_box_item_mask{opacity: 1; }
.section08_box_item_pic:hover .section08_box_item_mask .section08_box_btn{width: 4.6vw;cursor: pointer;}
.section08_box_item_0 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 27.1vw;}
.section08_box_item_1 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 9.1vw;}
.section08_box_item_2 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 22.5vw;}
.section08_box_item_3 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 22.8vw;}
.section08_box_item_4 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 27.2vw;}
.section08_box_item_5 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 31.5vw;}
.section08_box_item_6 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 28.9vw;}
.section08_box_item_7 .section08_box_item_name{position: absolute;left: 5vw;top:20vw;width: 27.2vw;}

.section08_box_right_items{position: absolute;right:6vw;top:6vw;text-align: right;}
.section08_box_right_item{font-size: 1.8vw;cursor: pointer;color: #f3f3f3;line-height: 1.6;margin-bottom: 1vw;    -webkit-transition: all .3s ease;
    transition: all .3s ease;}
.section08_box_right_item.active{font-weight: bold;font-size: 2.1vw;color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;
}
.section08_box_right_item a{font-size: 1.8vw;cursor: pointer;color: #f3f3f3;}
.section08_box_right_item.active a{font-weight: bold;font-size: 2.1vw;color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;
}


.section09{width: 100%;position: relative;
    overflow: hidden;}
.section09_title{position: absolute;width: 32.6vw;top:10.7vw;left: 7.1%;}
.section09_des{position: absolute;width: 92vw;top:22.7vw;left: 14.1%;color: #fff;font-size: 1.2vw;}
.section09_nav_items{position: absolute;width: 26vw;top:28.7vw;left: 14.1%;display: flex;flex-direction: column;}
.section09_content_items{position: absolute;width: 43.5vw;top:8.6vw;left: 50.5%;display: block;height:36vw;overflow-Y: scroll;}
.section09_content_items::-webkit-scrollbar{
    width: 0.51vw;
    height: 0.51vw;
}
.section09_content_items::-webkit-scrollbar-track{
    background-color: rgba(60, 55, 55, 0.22);
    border-radius: 20px;
}
.section09_content_items::-webkit-scrollbar-thumb{
    background-color: #505050;
    border-radius: 20px;
    height: 2vw;
}

.section09_content_item{display: none;
    width: calc(100% - 1vw);border-top: 1px solid #403c41;padding-bottom: 5vw;}


.section09_content_item.active{display: flex;flex-direction: column;}
.section09_content_title{height:7.1vw;border-bottom: 1px solid #403c41;line-height: 1.2;display: flex;align-items: center;}
.section09_content_title .new_pic{width: 0;margin-right: 0.5vw;transform: translateX(-8.2vw);transition: all 0.3s ease-in-out;}
.section09_content_title:hover .new_pic{transform: translateX(0);width: 8.1vw;}
.section09_content_title a{color: #fff;font-size: 2vw}
.section09_content_title a:hover{font-size: 2vw;color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text; }
.section09_nav_item{display: flex;justify-content:start;align-items: center; font-weight: bold;font-size: 1.5vw;color: #fff;cursor: pointer;height: 3vw;}
.section09_nav_item_name{width: 100%;font-size: 1.5vw;}
.section09_nav_item_xian{font-size: 1.5vw;font-weight: bold;}
.section09_nav_item:nth-child(1) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon01.png') center center no-repeat;background-size: 1.7vw auto;width:3vw;height: 2.1vw; }
.section09_nav_item:nth-child(2) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon02.png') center center no-repeat;background-size: 1.5vw auto;width:3vw;height: 2.1vw; }
.section09_nav_item:nth-child(3) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon03.png') center center no-repeat;background-size: 1.2vw auto;width:3vw;height: 2.1vw; }
.section09_nav_item:nth-child(4) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon04.png') center center no-repeat;background-size: 1.9vw auto;width:3vw;height: 2.1vw; }
.section09_nav_item:nth-child(5) .section09_nav_item_icon{background: url('../images/section09_nav_item_icon05.png') center center no-repeat;background-size: 1.4vw auto;width:3vw;height: 2.1vw; }

.section09_nav_item:nth-child(1).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon01_active.png') center center no-repeat;background-size: 1.7vw auto;width:3vw;height: 2.1vw;}
.section09_nav_item:nth-child(2).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon02_active.png') center center no-repeat;background-size: 1.5vw auto;width:3vw;height: 2.1vw;}
.section09_nav_item:nth-child(3).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon03_active.png') center center no-repeat;background-size: 1.2vw auto;width:3vw;height: 2.1vw;}
.section09_nav_item:nth-child(4).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon04_active.png') center center no-repeat;background-size: 1.9vw auto;width:3vw;height: 2.1vw;}
.section09_nav_item:nth-child(5).active .section09_nav_item_icon{background: url('../images/section09_nav_item_icon05_active.png') center center no-repeat;background-size: 1.4vw auto;width:3vw;height: 2.1vw;}
.section09_nav_item.active .section09_nav_item_name{color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;font-weight: bold;}
.section09_nav_item.active .section09_nav_item_xian{color:transparent;
    background: linear-gradient(90deg, #d1a783 0%, #ffffff 100%);
    -webkit-background-clip: text;font-weight: bold;}


.page_pc .page_box{ position:absolute; width:100%; top:0;left: 0; transform: translate(0,0);opacity: 1; }
.page_pc .page_box.active{transform: translate(0,0);opacity: 1;  transition:all .5s ease-in-out .5s;}
.page_pc .page_box .title_bg{ position:absolute; width:100%; top:0; left:0; }
.page_pc .page_box .title_bg img{width: 100%;}
.page_pc .page_box .title_bg .title{position: absolute;width: 35.4vw;left: 32.3vw;top:-1vw;}
.page_pc .page_box .top_nav_xian{height: 1px;background: #959591;position: absolute;top:15vw;left: 0;width: 100%;}
.page_pc .page_box .top_nav_xian1{position: absolute;top:12.1vw;left: 0;width: 100%;font-size: 1.5vw;color: #959591;text-align: center;}
.page_pc .page_box .top_nav{width:25%;position: absolute;left: 37%;top:12.6vw;display: flex;justify-content: center;}
.page_pc .page_box .top_nav .top_nav_item{width: 50%;text-align: center;}
.page_pc .page_box .top_nav .top_nav_item a{color: rgba(0, 0, 0, 0.4);font-size: 1vw;padding: 0.5vw 0.2vw;}
.page_pc .page_box .top_nav .top_nav_item.active a{color: #000;font-size: 1vw;font-weight: bold;border-bottom: 3px solid #c1af57;}
.page_pc .itemUl{ width:100%;margin-top: 15.1vw; overflow: hidden; }
.page_pc .itemUl>li{ width:14.53125vw; float: left; overflow: hidden; transition:all .2s ease-in-out; position:relative; cursor: pointer; background:#000; }
.page_pc .itemUl>li .name{ position:absolute; left:15vw; top:9.9vw; width:20.3vw; opacity:0;transform: translateX(0); transition:all .5s ease-in-out; }
.page_pc .itemUl>li .name1{width: 23.9vw;left:16vw;}
.page_pc .itemUl>li .name2{width: 23.2vw;left:17vw; }
.page_pc .itemUl>li .name3{width: 21.7vw;left:18vw; }
.page_pc .itemUl>li .name4{width: 21.9vw;left:18vw; }
.page_pc .itemUl>li .name .name_item{position: absolute;width: 100%;top:0;left: 0;opacity: 0;}
.page_pc .itemUl>li .name .name_item.active{opacity: 1;}
.page_pc .itemUl>li .dark{ position:absolute; left:0; top:0;background: rgba(53, 53, 53, 0.4); width:100%; height:100%; opacity:1; transition:all .5s ease-in-out; }
.page_pc .itemUl>li .tit{position:absolute;top:14.8vw;transform: translateX(100%); transition:all 0.2s ease-in-out; }
.page_pc .itemUl>li .nav_title_01{width:14.1vw;left: 0.3vw;}
.page_pc .itemUl>li .nav_title_02{width:14.3vw;left: 0.2vw;}
.page_pc .itemUl>li .nav_title_03{width:12.7vw;left: 1vw; }
.page_pc .itemUl>li .nav_title_04{width:12.7vw;left: 1vw; }
.page_pc .itemUl>li .tit img{ position:absolute;width:100%; transition:all 0.2s 0.5s ease-in-out; }
.page_pc .itemUl>li>.pic{ position:relative; width:56.354166666vw; overflow: hidden; transition:all .2s ease-in-out; background:#000; }
.page_pc .itemUl>li>.pic img{ position:relative; width:56.354166666vw;}
.page_pc .itemUl>li>.pic video{ position:relative; width:56.354166666vw;}
.page_pc .itemUl>li.active{ width:56.3vw;cursor: pointer;}
.page_pc .itemUl>li.active2 .tit{transform: translateX(0);}
.page_pc .itemUl>li.active2 .tit img{ width:100%; }
.page_pc .itemUl>li:hover .dark{ opacity:0.5; }
.page_pc .itemUl>li.active .dark{ opacity:0; }
.page_pc .itemUl>li.active>.pic .name{ opacity:1; transform: translateX(0);}
.page_pc .itemUl>li.active>.pic .dark{ opacity:0; }
.page_pc .itemUl>li .tit.active{ transform: translateX(0);opacity:0; transition-delay:0.2s; }
.page_pc .itemUl>li .sub_nav{position:absolute; left:15vw; top:17.9vw; width:22vw;height:4vw; display: flex;justify-content: space-between;}
.page_pc .itemUl>li .sub_nav .sub_nav_item{width: 31%;height:4vw;}
.page_pc .itemUl>li.active2{ width:14.56vw; }
.page_pc .itemUl>li.active2 .dark{ opacity:1; }
.page_pc .itemUl>li.life>.pic{ left:0; }
.page_pc .itemUl>li.life.active2>.pic{ left:-10vw; }
.page_pc .itemUl>li.cooking>.pic{ left:0; }
.page_pc .itemUl>li.cooking.active2>.pic{ left:-19.3vw; }
.page_pc .itemUl>li.travel>.pic{ left:0; }
.page_pc .itemUl>li.travel.active2>.pic{ left:-5.5vw; }
.page_pc .itemUl>li.beauty>.pic{ left:0; }
.page_pc .itemUl>li.beauty.active2>.pic{ left:-11.7vw; }
.page_pc .itemUl>li>.pic .video .video_item{display: none;}
.page_pc .itemUl>li>.pic .video .video_item.active{display: block;}
.page_pc .itemUl>li.active>.pic{ left:0vw; }
.page_pc .itemUl>li.active>.pic .video .video_item{display: none;}
.page_pc .itemUl>li.active>.pic .video .video_item.active{display: block;}
.page_pc .itemUl>li.active>.pic .video img{display: none;}
.page_pc .itemUl>li.active>.pic .video video{width: 100%;}

.page_pc .iframeBox{ position:absolute; left:100%; top:0; width:100%; height:100%; z-index:1000; overflow: hidden; transition:left .5s ease-in-out; }
.page_pc .iframeBox.active{ left:0; }
.page_pc .iframeBox .btnClose{ width:4%; position:absolute; right:3%; top:75px; z-index:99; border-radius:50%; box-shadow:0 0 10px #ccc; cursor:pointer; }

.o-scroll{background: #F9F9F1;}

.gohome1{width:6.3vw;position: absolute;top:3.5vw;left:14%;transform: translateX(0);transition:left .5s ease-in-out;}
.gohome1.active{transform: translateX(0);}
.gohome1 svg path{fill: #fff;}
.gohome1.active svg path{fill: #000;}
.part01{width: 100vw;position: relative;overflow: hidden;}

.color333333{color: #333333;}
.color222122{color: #222122;}
.part01 .part01_title{
    position: absolute;
    left: 14%;
    top: 15.4vw;
    font-size: 2vw;
    font-weight: bold;
    line-height: 1.45;
}
.part01 .part01_title_text01{
    position: absolute;
    right: 14vw;
    top: 9.5vw;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text02{
    position: absolute;
    left: 25.2vw;
    top: 25.6vw;
    font-size:1vw;
    width: 19vw;
    text-align: justify;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text02 span{font-size: 2.1vw;}

.part01 .part01_title_text04{
    position: absolute;
    left: 25.2vw;
    top: 25.6vw;
    font-size:1vw;
    width: 24vw;
    text-align: justify;
    line-height: 1.45;
    color: #fff;
}
.part01 .part01_title_text04 span{font-size: 2.1vw;}
.part01 .part01_title_text05{
    position: absolute;
    left: 25.2vw;
    top: 25.6vw;
    font-size:1vw;
    width: 24vw;
    text-align: justify;
    line-height: 1.45;
    color: #222122;
}

.part01_title_text06{
    position: absolute;
    left: 14vw;
    top: 23.6vw;
    font-size:1vw;
    text-align: justify;
    line-height: 1.45;
}
.part01 .part01_title_text05 span{font-size: 2.1vw;}
.part01 .part01_title_text03{
    position: absolute;
    left: 14vw;
    top: 25.6vw;
    font-size:1vw;
    width: 23vw;
    text-align: justify;
    line-height: 1.45;
    color: #f3f3f3;
}
.part01 .part01_title_text03 span{font-size: 2.1vw;}
.part01 .part01_name_cgttl{
    position: absolute;
     left: 14%;
     top: 8.6vw;
     width: 26.1vw;
}
.part01 .part01_name_yuyoyuppe{
     position: absolute;
     left: 14%;
     top: 8.6vw;
     width: 22.8vw;
}

.part01_name_xiangzheng{
    position: absolute;
    left: 14%;
    top: 8.6vw;
    width: 27vw;
}

.part01_name_liyejingsan{
    position: absolute;
    left: 14%;
    top: 8.6vw;
    width: 34.3vw;
}

.part01_name_jiayinan{
    position: absolute;
    left: 14%;
    top: 8.6vw;
    width: 30.2vw;
}

.video_btn{
    position: absolute;
    left: 14%;
    top: 34.4vw;
    width: 11.2vw;
    cursor: pointer;
}

.part01 .part01_name_lingmu{
     position: absolute;
     left: 14%;
     top: 8.6vw;
     width: 27.2vw;
}

.part01_name_michael_kaneko{
    position: absolute;
    left: 14%;
    top: 8.6vw;
    width: 35.8vw;
}
.part01 .part01_name_chunye{
    position: absolute;
    left: 14%;
    top: 8.6vw;
    width: 10.6vw;
}

.part01 .part01_product_c_80{
    position: absolute;
    left: 14.1%;
    top: 18.8vw;
    width: 9.9vw;
}
.part01 .C_80_txt{
    position: absolute;
    left: 8%;
    top: 38.2vw;
    width: 20.1vw;
}




.part02{width: 100vw;height:auto;position: relative;}
.part02 .gohome{width: 4.4vw;position: absolute;top:1.6vw;left: 2.8vw;}
.part02 .part02_title {
    position: absolute;
    width: 18.6vw;
    left: 14%;
    top: 5.4vw;
}
.part02 .part02_more_btn {
    position: absolute;
    width: 10.2vw;
    left: 46%;
    top: 9vw;
    z-index: 10;
}

.part02_title_1{
    position: absolute;
    width: 18.8vw;
    left: 14%;
    top: 5.4vw;
}

.part02 .part02_tit {
    position: absolute;
    width:38vw;
    left: 14%;
    top: 9.8vw;
    font-size: 2vw;
    font-weight: bold;
}

.part02 .part02_des1 {
    position: absolute;
    left: 14%;
    font-size:1vw;
    width: 21.9vw;
    top:13.8vw;
    text-align: justify;
    line-height: 1.45;
    color: #3D3B3A;
}

.part02 .part02_des2 {
    position: absolute;
    left: 39.6%;
    font-size:1vw;
    width: 21.9vw;
    top:14.2vw;
    text-align: justify;
    line-height: 1.45;
    color: #3D3B3A;
}

.part02 .part02_des3 {
    position: absolute;
    left: 39.6%;
    font-size:1vw;
    width: 21.9vw;
    top:34.9vw;
    text-align: justify;
    line-height: 1.45;
    color: #3D3B3A;
}

.part02 .part02_zuozhe {
    position: absolute;
    left: 39.6%;
    font-size:1vw;
    width: 21.9vw;
    top:43.8vw;
    text-align: justify;
    line-height: 1.45;
    color: #9c9c9c;
}

.part02_box{position: absolute;left: 14vw;top:16vw;width: calc(100% - 14vw);}
.part02_box_nav{position: absolute;left: 14vw;top:16vw;width: 30.5vw;display: flex;justify-content: space-between;z-index: 999;}
.part02_box_nav_item{font-size: 1.2vw;border: 2px solid #000;border-radius: 2vw;padding: 0.5vw 1.8vw;cursor: pointer;transition: all 0.3s ease-in-out;}
.part02_box_nav_item.active{background:#000;color: #fff;}
.part02_box_item{display: none;}
.part02_box_item.active{display: block;}
.part02_box_item_title{font-size:1.6vw;left: 2.2vw;top:3vw;font-weight: bold;position: absolute;color: #000;}
.part02_box_item_des{font-size:1.2vw;left: 2.2vw;top:5.5vw;position: absolute;color: rgba(0, 0, 0, 0.7);}
.part02_box_item{width:100%;position: relative;}
.part02_box_item .swiper-slide{position: relative;margin-top: 5.6vw;width: 20.8vw;}
.part02_box_item_pagination{width: auto!important;bottom: 0;}
.part02_box_item .swiper-container{padding-bottom: 2.6vw;}
.swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
    border: 2px solid #242424;
    width: 0.6vw;
    height: 0.6vw;
    transition: all 0.3s ease-in-out;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
    border: 2px solid #000000;
    width: 0.6vw;
    height: 0.6vw;
}
.part02_box_item_left{position: absolute;width: 1.9vw;left: unset;right: 11.1vw;top: 2.2vw;background: unset;}
.part02_box_item_right{position: absolute;width: 1.9vw;right: 6.8vw;top: 2.2vw;background: unset;}

.part02 .o-image{opacity: 1;mix-blend-mode:unset;}
.part02 .part02_pic_cgttl {
    position: absolute;
    width: 21.9vw;
    left: 14%;
    top: 24.3vw;
}

.part02 .part02_pic_chunye_01 {
    position: absolute;
    width: 21.9vw;
    left: 14%;
    top: 24.3vw;
}
.part02 .part02_pic_chunye_02 {
    position: absolute;
    width: 38.1vw;
    right: 0;
    top: 25%;
}

.part02_pic_michael_kaneko_01 {
    position: absolute;
    width: 21.9vw;
    left: 14%;
    top: 24.3vw;
}

.part02_pic_michael_kaneko_02 {
    position: absolute;
    width: 38.1vw;
    right: 0;
    top: 25%;
}


.part02 .part02_pic_yuyoyuppe_01 {
    position: absolute;
    width: 21.9vw;
    left: 14%;
    top: 29.9vw;
    z-index: 1;
}
.part02 .part02_pic_yuyoyuppe_02 {
    position: absolute;
    width: 21.9vw;
    left: 39.6%;
    top: 26.9vw;
    z-index: 1;
}
.part02 .part02_pic_yuyoyuppe_03 {
    position: absolute;
    width: 38.1vw;
    right: 0;
    top: 25%;
    z-index: 1;
}
.part02 .part02_pic_lingmu_01 {
    position: absolute;
    width: 21.9vw;
    left: 14%;
    top: 28.5vw;
    z-index: 1;
}
.part02 .part02_pic_lingmu_02 {
    position: absolute;
    width: 21.9vw;
    left: 39.6%;
    top: 32.4vw;
    z-index: 1;
}
.part02 .part02_pic_lingmu_03 {
    position: absolute;
    width: 38.1vw;
    right: 0;
    top: 25%;
    z-index: 1;
}

.part02 .part02_image_02 video{
    display: block;
    width: 100%;
}
.part02 .part02_image_03 {
    position: absolute;
    width: 35.5vw;
    left:93.3vw;
    top: 0;
    z-index: 1;
    background: #F9F9F1;
}
.part02 .part02_image_04 {
    position: absolute;
    width: 27.5vw;
    left:101.3vw;
    top: 30.2vw;
    z-index: 1;
}
.part02 .part02_image_05 {
    position: absolute;
    width: 76.9vw;
    left:168.5vw;
    top: 4.8vw;
    z-index: 1;
}
.part02_text_bg_01{
    position: absolute;
    top:5.5vw;
    left: 45.1vw;
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 400;
    font-size: 9.4vw;
    line-height: 1.45;
    letter-spacing: 0.015em;
    text-transform: capitalize;
    color: #B4AE8A;
    opacity: 0.1;
}
.part02_text_bg_02{
    position: absolute;
    top:68vw;
    left: 158.4vw;
    transform: rotate(-90deg);
    opacity: 0.1;
}
.part02_text_bg_02 .c-direction-block_item{
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 400;
    font-size: 9.4vw;
    line-height: 1.45;
    letter-spacing: 0.015em;
    text-transform: capitalize;
    color: #B4AE8A;
}
.part02_text_bg_03{
    position: absolute;
    top:21vw;
    left: 158.4vw;
    transform: rotate(-90deg);
    opacity: 0.1;
}
.part02_text_bg_03 .c-direction-block_item{
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 400;
    font-size: 9.4vw;
    line-height: 1.45;
    letter-spacing: 0.015em;
    text-transform: capitalize;
    color: #B4AE8A;
}
.part02_text_bg_02 .c-direction-block_item span{background: none;}
.part02_text_bg_03 .c-direction-block_item span{background: none;}

.part02_zv_e10_box{position:absolute;width: 25.7vw;height: 18.3vw;top:27.9vw;left: 205vw;z-index: 9;}
.part02_zv_e10_box .part02_zv_e10_type{
    position: absolute;
    left: -2.5vw;
    top: 6.5vw;
    font-family: 'SL-Simplified';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5vw;
    line-height: 1.2;
    color: #F9F9F1;
}
.part02_zv_e10_box .part02_zv_e10_name{
    position: absolute;
    left: 0;
    top: 8vw;
    font-family: 'SL-Simplified';
    font-style: normal;
    font-weight: 600;
    font-size: 3.2vw;
    line-height: 1.45;
    color: #F9F9F1;
}
.part02_zv_e10_box .part02_zv_e10_btn{
    position: absolute;
    left: -0.5vw;
    top:13.3vw;
    width: 9.8vw;
}
.part02_zv_e10_box .part02_zv_e10_box_product{
    position: absolute;
    right: 0;
    top:0;
    width: 13.3vw;
}

.part02_zv_e10_box .part02_zv_e1_box_product{
    position: absolute;
    right:0;
    top:2.5vw;
    width: 11vw;
}
.beauty_microphone{
    position: absolute;
    right: 28vw;
    top: 9vw;
    width: 6.8vw;
    z-index: 88;
}
.style_microphone{
    position: absolute;
    right: 26vw;
    top: 7.5vw;
    width: 6.9vw;
    z-index: 88;
}
.travel_microphone{
    position: absolute;
    right: 28vw;
    top: 8.2vw;
    width: 6.8vw;
    z-index: 88;
}
.travel_microphone_text{
    position: absolute;
    right: 16vw;
    top: 8.5vw;
    z-index: 88;
    display: flex;
    flex-direction: column;
}
.cooking_microphone{
    position: absolute;
    right: 27vw;
    top: 7.2vw;
    width: 5.4vw;
    z-index: 88;
}
.cooking_microphone_text{
    position: absolute;
    right: 15vw;
    top: 7.5vw;
    z-index: 88;
    display: flex;
    flex-direction: column;
}
.style_microphone_text{
    position: absolute;
    right: 14vw;
    top: 7.5vw;
    z-index: 88;
    display: flex;
    flex-direction: column;
}
.beauty_microphone_text{
    position: absolute;
    right: 16vw;
    top: 9vw;
    z-index: 88;
    display: flex;
    flex-direction: column;
}

.style_microphone_text_item{
    margin-bottom: 2.2vw;
}
.beauty_microphone_text_item{
    margin-bottom: 1.8vw;
}
.cooking_microphone_text_item{
    margin-bottom: 1.5vw;
}
.travel_microphone_text_item{
    margin-bottom: 1.8vw;
}
.microphone_title{font-size: 1.6vw;line-height: 1.2;color: #fff;}
.microphone_des{font-size: 1vw;line-height: 1.8;color: #fff;}
.microphone_buy_btn{width: 5.1vw;}
.part02_prodct_box_01{
    position: absolute;
    left: 2.7vw;
    top: 24.3vw;
    width: 34.7vw;
}

.part02_prodct_box_02{
    position: absolute;
    left: 73.5vw;
    top: 24.3vw;
    width: 24.6vw;
}
.part02_prodct_box_03{
    position: absolute;
    left: 131.4vw;
    top: 18.9vw;
    width: 21.6vw;
}
.part02_prodct_box_04{
    position: absolute;
    left: 131.4vw;
    top: 20.5vw;
    width: 25.6vw;
}
.part02_prodct_box_05{
    position: absolute;
    left: 131.4vw;
    top: 18.9vw;
    width: 26vw;
}
.part02_prodct_tit{
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 1.44;
    color: #3D3B3A;
}
.part02_prodct_title {
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 700;
    font-size: 2.1vw;
    line-height: 126.7%;
    color: #C1B057;
}
.part02_prodct_title span{
    color: #3D3B3A;
}
.part02_prodct_title1{
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 700;
    font-size: 1.5vw;
    line-height: 126.7%;
    color: #3D3B3A;
}
.part02_prodct_title1 span{
    font-weight: 400;
}
.part02_prodct_des{
    font-family: 'SL-Simplified';
    font-style: normal;
    font-weight: 400;
    font-size: 0.9vw;
    margin-top: 2.3vw;
    line-height: 1.6;
    letter-spacing: 0.01em;
    color: #3D3B3A;
    white-space: normal;
}
.part02_prodct_des1{
    font-family: 'SL-Simplified';
    font-style: normal;
    font-weight: 400;
    font-size: 0.9vw;
    margin-top: 0.5vw;
    line-height: 1.6;
    letter-spacing: 0.01em;
    color: #3D3B3A;
    white-space: normal;
}
.part02_prodct_pic_cooking_01{
    margin-top: 1.7vw;
    width: 20.6vw;
    position: relative;
}
.part02_prodct_pic_cooking_011{
    margin-top: 3.3vw;
    width: 20.7vw;
    position: relative;
}

.FE_PZ_16_35mm_F4_G{
    margin-top: 1.7vw;
    width: 23.4vw;
    position: relative;
}
.FE_24_105mm_F4_G_OSS{
    margin-top: 1.7vw;
    width: 23.5vw;
    position: relative;
}
.FE_20_70mm_F4_G{
    margin-top: 1.7vw;
    width: 23.4vw;
    position: relative;
}

.FE_50mm_F1_4-GM{
    margin-top: 1.7vw;
    width: 23.4vw;
    position: relative;
}
.FE_90mm_F2_8_G_OSS{
    margin-top: 1.7vw;
    width: 23.4vw;
    position: relative;
}
.FE_14mm_F1_8_GM{
    margin-top: 1.7vw;
    width: 23.4vw;
    position: relative;
}
.FE_70_200mm_F2_8_GM_OSS_II{
    margin-top: 1.7vw;
    margin-left: -2vw;
    width: 23.4vw;
    position: relative;
}
.FE_24_105mm_F4_G_OSS{
    margin-top: 1.7vw;
    margin-left: -2vw;
    width: 23.4vw;
    position: relative;
}

.FE_24_105mm_F4_G_OSS{
    margin-top: 3.7vw;
    margin-left: 0vw;
    width: 23.4vw;
    position: relative;
}
.FE_20mm_F1_8_G{
    margin-top: 1.7vw;
    margin-left: 0vw;
    width: 23.4vw;
    position: relative;
}

.FE_24_70mm_F2_8_GM_II{
    margin-top: 3.7vw;
    margin-left: 0vw;
    width: 23.4vw;
    position: relative;
}

.product_35mm18{width: 21.8vw;}
.product_11mmF1{width: 19.5vw;}
.product_30mmf3{width: 20.7vw;}
.product_350mm{width: 28.1vw;}
.product_105mm{width: 25.4vw;}
.product_15mmf14{width: 18.9vw; padding-top: 0.5vw;}
.product_50mm18{width: 22vw;padding-top: 0.5vw;}

.part02_prodct_pic_box{
    position: absolute;
    top:1.5vw;
    left: 12vw;
}
.part02_prodct_pic_box1{
    position: absolute;
    top:0.8vw;
    left: 10.5vw;
}
.part02_prodct_pic_box2 {
    position: absolute;
    top: 0vw;
    left: 11vw;
}
.part02_prodct_pic_box3{
    position: absolute;
    top:0.6vw;
    left: 12vw;
}
.part02_prodct_pic_box4{
    position: absolute;
    top:0.4vw;
    left: 10.5vw;
}
.part02_prodct_pic_tit {
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 900;
    font-size: 1.1vw;
    line-height: 1.27;
    color: #3D3B3A;
}
.part02_prodct_pic_title {
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 500;
    font-size: 1.1vw;
    line-height: 1.27;
    color: #3D3B3A;
}
.part02_prodct_pic_btn{
    width: 5.8vw;
    margin-top: 0.5vw;
}

.o-image img {
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 0.8s cubic-bezier(.215,.61,.355,1),transform 0.8s cubic-bezier(.215,.61,.355,1);
    width: 100%;
}