html,body{ margin:0; padding:0; position:relative; height:100%;overflow: hidden;}
@font-face {
    font-family: "Source Han Serif CN";font-weight: 400;src: url("../font/f0hTsAMG8fdw.woff2") format("woff2"),
url("../font/f0hTsAMG8fdw.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Source Han Sans CN";font-weight: 400;src: url("../font/FaXEZ7Sy7pin.woff2") format("woff2"),
url("../font/FaXEZ7Sy7pin.woff") format("woff");
    font-display: swap;
}



.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;}

.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 .title{position: absolute;width: 35.4vw;left: 32.3vw;top:-1vw;}
.page_pc .page_box .title_bg img{width: 100%;}
.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.3vw; 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:20vw; top:9.9vw; width:20.3vw; opacity:0;transform: translateX(0); transition:all .5s ease-in-out; }
.page_pc .itemUl>li .name1{width: 20.3vw;}
.page_pc .itemUl>li .name2{width: 20.7vw;}
.page_pc .itemUl>li .name3{width: 20.3vw;}
.page_pc .itemUl>li .name4{width: 20.3vw;}
.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.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.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:-18vw; }
.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:-36.5vw; }
.page_pc .itemUl>li.beauty>.pic{ left:0; }
.page_pc .itemUl>li.beauty.active2>.pic{ left:-25.7vw; }
.page_pc .itemUl>li.active>.pic{ left:0vw; }
.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: 4.4vw;position: fixed;top:1.6vw;left: 2.8vw;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;height: 100vh;position: relative;}
.part01 .part01_video{width: 69.7vw;position:absolute;top: 0;left: 0;overflow: hidden;}
.part01 .part01_video img{width:100%;}
.part01 .part01_video .play_btn{width:9.8vw;position:absolute;top: 21vw;left: 31.2vw;cursor: pointer;}
.part01 .part01_mask{width: 40vw;position:absolute;top: 0;right: 0;}
.part01 .part01_mask img{width: 100%;}
.part01 .part01_title_text01{
    position: absolute;
    right: 14vw;
    top: 9.5vw;
    font-family:"Source Han Serif CN";
    font-style: normal;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text02{
    position: absolute;
    right: 5.3vw;
    top: 13.4vw;
    font-family: "Source Han Serif CN";
    font-style: normal;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text011{
    position: absolute;
    right: 16vw;
    top: 9.5vw;
    font-family:"Source Han Serif CN";
    font-style: normal;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text021{
    position: absolute;
    right: 7.3vw;
    top: 13.4vw;
    font-family: "Source Han Serif CN";
    font-style: normal;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text012{
    position: absolute;
    right: 19vw;
    top: 9.5vw;
    font-family:"Source Han Serif CN";
    font-style: normal;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01 .part01_title_text022{
    position: absolute;
    right: 7.3vw;
    top: 13.4vw;
    font-family: "Source Han Serif CN";
    font-style: normal;
    font-weight: 500;
    font-size: 2.9vw;
    line-height: 1.45;
    color: #3D3B3A;
}

.part01 .part01_title_bg{
    position: absolute;
     right: 4vw;
     top: 12.8vw;
     width: 17.9vw;
}
.part01 .part01_title_bg1{
    position: absolute;
    right: 3vw;
    top: 12.8vw;
    width: 17.9vw;
}
.part01 .part01_title_bg2{
    position: absolute;
    right: 4.5vw;
    top: 13.2vw;
    width: 15.6vw;
}
.part01 .part01_title_bg3{
    position: absolute;
    right: 4.5vw;
    top: 13.5vw;
    width: 12.6vw;
}
.part01 .part01_title_bg img{
    width: 100%;
}
.part01 .part01_product{
    position: absolute;
    left: 63vw;
    top: 24.6vw;
    width: 23.1vw;
}
.part01 .part01_product1{
    position: absolute;
    left: 63vw;
    top: 25vw;
    width: 21.8vw;
}
.part01 .part01_product2{
    position: absolute;
    left: 62vw;
    top: 22.6vw;
    width: 23.5vw;
}
.part01 .part01_product3{
    position: absolute;
    left: 62vw;
    top: 24.6vw;
    width: 23vw;
}
.part01 .part01_product img{
    width: 100%;
}
.part01 .part01_product_type{
    position: absolute;
    left: 70.3vw;
    top: 38.3vw;
    font-family: 'Source Han Sans CN';
    font-style: normal;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.5;
    letter-spacing: 0.11em;
    color: #3D3B3A;
}
.part01 .part01_product_name{
    position: absolute;
    left: 70.3vw;
    top: 39.3vw;
    font-family: 'SL-Simplified';
    font-style: normal;
    font-weight: 600;
    font-size: 2.3vw;
    line-height: 1.45;
    color: #3D3B3A;
}
.part01_product_title{
    position: absolute;
    left: 79.8vw;
    top: 39.8vw;
    width: 4vw;
}
.part01 .part01_product_list{
    position: absolute;
    left: 85.3vw;
    top: 38.4vw;
    font-family: 'SL-Simplified';
    font-style: normal;
    font-weight: bold;
    font-size:0.9vw;
    line-height: 1.4;
    color: #3D3B3A;
}
.part01 .part01_product_line {
    position: absolute;
    width: 29.4vw;
    height: 0px;
    right: 0;
    top: 31.8vw;
    border: 1px solid #808080;
}
.part01 .part01_look_more {
    position: absolute;
    width: 8.4vw;
    right: 1.2vw;
    top: 30.6vw;
}
.part01 .part01_look_more img{width: 100%;}


@keyframes myanimation {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: translateX(1vw);
    }
}
.part01 .part01_look_more .jiantou{width: 0.5vw;position: absolute;right: 1.6vw;top: 0.9vw;animation:myanimation 600ms ease-in infinite;}

.part02{width: 245vw;height: 100vh;position: relative;}
.part02 .gohome{width: 4.4vw;position: absolute;top:1.6vw;left: 2.8vw;}
.part02 .part02_product_line {
    position: absolute;
    width: 160vw;
    height: 0px;
    left: -0.5vw;
    top: 31.8vw;
    border: 1px solid #808080;
}
.part02 .o-image{opacity: 1;mix-blend-mode:unset;}
.part02 .part02_image_01 {
    position: absolute;
    width: 34.7vw;
    left: 2.7vw;
    top: 4.1vw;
}
.part02 .part02_image_02 {
    position: absolute;
    width: 24.8vw;
    left: 46.1vw;
    top: 14.4vw;
    z-index: 1;
    background: #F9F9F1;
}
.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;
    background: #F9F9F1;
}
.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: 215vw;z-index: 9;}
.part02_zv_e10_box .part02_zv_e10_type{
    position: absolute;
    left: 0;
    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;
    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_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: 21.6vw;
}
.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;
}
.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;
    right: 0;
}

.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%;
}