@charset "utf-8";
/* CSS Document */
/*--全局样式--*/


@font-face{font-family:opposB;src:url("https://picture.lulian.cn/2022/DX4600/OPPOSANS-B.TTF")}
@font-face{font-family:opposH;src:url("https://picture.lulian.cn/2022/DX4600/OPPOSANS-H.TTF")}
@font-face{font-family:opposL;src:url("https://picture.lulian.cn/2022/DX4600/OPPOSANS-L.TTF")}
@font-face{font-family:opposM;src:url("https://picture.lulian.cn/2022/DX4600/OPPOSANS-M.TTF")}
@font-face{font-family:opposR;src:url("https://picture.lulian.cn/2022/DX4600/OPPOSANS-R.TTF")}
html{font-size:100%;font-family:opposR;}
html,body{width: 100%;height: auto;position: relative;}
*{margin: 0;padding: 0;}
body{background-color:#FFFFFF;word-wrap:break-word; }
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,label{margin:0px;padding:0px;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;margin: 0;}
i,em{font-style: normal;}
section, article, aside, header, footer, nav, dialog, figure {display: block;}
a{text-decoration:none;outline: medium none;}
a:hover{text-decoration:none;}
img{border:0; vertical-align:middle;max-width:100%;max-height: 100%;}
ul,ol,li{list-style:none;}
input, button, select, textarea{outline: none;background:none;border: 0 none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:opposR;}
.clear{clear:both;overflow: hidden;}
h1, h2, h3, h4, h5, h6{margin: 0;}
.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;}
.fl{float: left;}
.fr{float: right;}
.coverimg{width: 100%;height: 100%;object-fit: cover;}
.wholeHeight{height: 100vh !important;}

nav.navbar ,.top_nav .t_nav{transition: all .3s ease;}

.fmove{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0 !important;}
/* .active .fmove{will-change:transform;-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s cubic-bezier(.645,.045,.355,1);transition:opacity .5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s cubic-bezier(.645,.045,.355,1);transition:transform 1s cubic-bezier(.645,.045,.355,1),opacity .5s cubic-bezier(.645,.045,.355,1);transition:transform 1s cubic-bezier(.645,.045,.355,1),opacity .5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s cubic-bezier(.645,.045,.355,1);opacity:1 !important;-webkit-transform:none;-ms-transform:none;transform:none} */
.active .fmove{will-change:transform;-webkit-transition:transform 1s,opacity .5s,-webkit-transform 1s;transition:transform 1s,opacity .5s,-webkit-transform 1s;opacity:1 !important;-webkit-transform:none;-ms-transform:none;transform:none}
.active .fmove.fmove_1{-webkit-transition-delay:.1s;transition-delay:.1s}
.active .fmove.fmove_2{-webkit-transition-delay:.2s;transition-delay:.2s}
.active .fmove.fmove_3{-webkit-transition-delay:.3s;transition-delay:.3s}
.active .fmove.fmove_4{-webkit-transition-delay:.4s;transition-delay:.4s}
.active .fmove.fmove_5{-webkit-transition-delay:.5s;transition-delay:.5s}
.active .fmove.fmove_6{-webkit-transition-delay:.6s;transition-delay:.6s}
.active .fmove.fmove_7{-webkit-transition-delay:.7s;transition-delay:.7s}
.active .fmove.fmove_8{-webkit-transition-delay:.8s;transition-delay:.8s}
.active .fmove.fmove_9{-webkit-transition-delay:.9s;transition-delay:.9s}
.active .fmove.fmove_10{-webkit-transition-delay:1s;transition-delay:1s}
.active .fmove.fmove_11{-webkit-transition-delay:1.1s;transition-delay:1.1s}
.active .fmove.fmove_12{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.active .fmove.fmove_13{-webkit-transition-delay:1.3s;transition-delay:1.3s}
.active .fmove.fmove_14{-webkit-transition-delay:1.4s;transition-delay:1.4s}
.active .fmove.fmove_15{-webkit-transition-delay:1.5s;transition-delay:1.5s}
.active .fmove.fmove_30{-webkit-transition-delay:3s;transition-delay:3s}



.z99{z-index: 99;position:relative;}
.z98{z-index: 98;position:relative;}
.z97{z-index: 97;position:relative;}
.z96{z-index: 96;position:relative;}
.z95{z-index: 95;position:relative;}
.z94{z-index: 94;position:relative;}
.z93{z-index: 93;position:relative;}
.z92{z-index: 92;position:relative;}
.z91{z-index: 91;position:relative;}
.z90{z-index: 90;position:relative;}
.z89{z-index: 89;position:relative;}
.z88{z-index: 88;position:relative;}
.z87{z-index: 87;position:relative;}
.z86{z-index: 86;position:relative;}
.z85{z-index: 85;position:relative;}
.z84{z-index: 84;position:relative;}
.z83{z-index: 83;position:relative;}
.z82{z-index: 82;position:relative;}
.z81{z-index: 81;position:relative;}
.z80{z-index: 80;position:relative;}

.mr30{margin-right: 1.56vw;}
.ml30{margin-left: 1.56vw;}
.mb30{margin-bottom: 1.56vw;}

body{padding-top: 80px !important;}
.row::after{display: none !important;}
body ,.section_3 .s3_content .box .txt_wrap h4 ,.section_7 .fixed_txt h3 ,.section_9 .s9_wrap .txt_con h3 ,.section_10 .s10_wrap .content .boxtxt>h5 ,.section_10 .s10_wrap .content .boxtxt>h6 ,.section_12 .s12_wrap .content .boxtxt>h5 ,.section_12 .s12_wrap .content .boxtxt>h6{color: #1a1a1a;}
.cover_video_mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 999;visibility: hidden;transform: translateY(100%);transition: all .5s;}
.cover_video_mask.active{visibility: visible;transform: translateY(0%);}
.cover_video_mask iframe{border: 0 none;position: relative;z-index: 22;}
.cover_video_mask .video_container{width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.5);transition: all .3s;background: #fff;z-index: 22;}
.cover_video_mask.active .video_container{transform: translate(-50%,-50%) scale(1);}
.cover_video_mask .video_container .loading{width: 37px;height: 37px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.cover_video_mask .video_container .close{background: url(https://cdn.shopify.com/s/files/1/0257/5246/9566/files/close_white.png?v=1639991642)no-repeat;background-size: cover;width: 18px;height: 18px;top: -50px;right: -50px;cursor: pointer;position: absolute;opacity: 1 !important;}

.top_nav .inner ,.top_nav .inner_mob{transition: all .3s;}

.hp{position: relative;}
.sup{font-size: 1vh;line-height: 1;position: absolute;top: -0.25vh;color: #1a1a1a;font-family:opposH;}
.h1{font-size: 9vh;line-height: 8.6vh;color: #1a1a1a;font-family:opposB;letter-spacing: 0.12vw;}/*90px line-height 1*/
.h2{font-size: 7vh;line-height: 6.8vh;color: #1a1a1a;font-family:opposB;letter-spacing: 0;}/*70px line-height 1*/
.h3{font-size: 3vh;line-height: 3.3vh;color: #1a1a1a;font-family:opposM;letter-spacing: 0;}/*30px line-height 1*/

/*主内容*/
.section_wrap{width: 100%;height: auto;position: relative;z-index: 11;font-family:opposR;}
.section_wrap .section{width: 100%;height: auto;position: relative;overflow: hidden;}
.section .full_image{width: 100%;height: 100%;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.section .full_image img ,.section .full_image video{width: 100%;height: 100%;object-fit: cover;}
.section .fixed_txt{position: absolute;z-index: 2;}
/*---------section_1-----------*/
.section_1 .fixed_txt{width: 100%;left: 0;top: 9.4vh;display: flex;flex-direction: column;align-items: center;}
.section_1 .fixed_txt .img1{width: 39.43vw;}
.section_1 .fixed_txt .img2{width: 18.7vw;margin-top: 1.67vw;}
.section_1 .full_image img{transform: scale(1.1);transition: all 2s ease;opacity: .6;}
.section_1.active .full_image img{transform: scale(1);opacity: 1;}
/*---------section_2-----------*/
.section_wrap .section_2{width: 100%;height: auto;position: relative;}
.section_2 .s2_txt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: #f2f2f2;display: flex;justify-content: center;align-items: center;text-align: center;}
.section_2 .s2_txt p{font-size: 5.5vh;line-height: 8.3vh;color: #1a1a1a;font-family:opposM;letter-spacing: 0.07vw;}
.section_2 .last_bg{position: absolute;top: 0;left: 0;z-index: 44;opacity: 0;}
.section_2 .last_bg.active{opacity: 1;}
.section_2 .last_bg img.bg{position: absolute;top: 0;left: 0;z-index: 2;transition: all .5s ease-in-out;}
.section_2 .last_bg img.scale{transform: scale(1.1);}
.section_2 .last_bg img.to1{transform-origin: 25% 50% 0;}
.section_2 .last_bg img.to3{transform-origin: 75% 50% 0;}
.section_2 .last_bg .num_wrap{position: absolute;z-index: 1;left: 0;top: 0;display: flex;justify-content: center;width: 100%;height: 100%;align-items: center;}
.section_2 .last_bg .num_wrap>img ,.section_2 .last_bg .txt_wrap>img{position: absolute;top: 0;left: 0;z-index: 2;}
.section_2 .last_bg .txt_wrap{position: absolute;z-index: 55;left: 0;top: 0;display: flex;justify-content: center;width: 100%;height: 100%;align-items: center;}
.section_2 .last_bg .hover_wrap{position: absolute;z-index: 666;left: 0;top: 38vh;display: flex;justify-content: center;width: 100%;box-sizing: border-box;align-items: center;}
.section_2 .last_bg .hover_wrap .hover:nth-child(1){width: 16.67vw;height: 11.46vw;font-family:opposM;}
.section_2 .last_bg .hover_wrap .hover:nth-child(2){width: 22.4vw;height: 13.02vw;margin: 0 4.95vw 0 5.57vw;font-family:opposM;}
.section_2 .last_bg .hover_wrap .hover:nth-child(3){width: 15.54vw;height: 13.02vw;font-family:opposM;}
/*---------section_3-----------*/
.section_wrap .section_3{width: 100%;height: auto;position: relative;background: #fff;padding: 12vh 0 0;}
.section_3 .s3_content{width: 62.5vw;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section_3 .s3_content .boxb{width: 41.2vw;height: 17.5vw;}
.section_3 .s3_content .boxs{width: 19.95vw;height: 17.5vw;}
.section_3 .s3_content .box{position: relative;border-radius: 1.56vw;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-top: 2.6vh;will-change: transform;transition: none;}
.section_3 .s3_content .box>img{position: relative;z-index: 1;transition: all .3s;}
.section_3 .s3_content .box:hover>img{transform: scale(1.05);}
.section_3 .s3_content .box .txt_wrap{position: absolute;z-index: 2;top: 1.35vw;left: 1.3vw;color: #1a1a1a;}
.section_3 .s3_content .box .txt_wrap h4{font-size: 1.35vw;line-height: 1.35vw;font-family:opposB;}
.section_3 .s3_content .box .txt_wrap p{font-size: 0.94vw;line-height: 0.94vw;font-family:opposR;margin-top: 0.57vw;}
.section_3 .s3_content .box .txt_wrap .showtxt{transform: translateY(5px);opacity: 0;transition: all .3s;}
.section_3 .s3_content.active .box .txt_wrap .showtxt{transform: translateY(0);opacity: 1;transition-delay: .4s;}
/*---------section_4-----------*/
.section_wrap .section_4{width: 100%;height: auto;position: relative;background: #fff;display: flex;justify-content: center;align-items: center;}
.section_4 .video_box{width: 62.5vw;height: 33.85vw;border-radius: 1.56vw;overflow: hidden;position: relative;}
.section_4 .video_box .s4_play{width: 7.34vw;height: 7.34vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 22;cursor: pointer;}
/*---------section_5-----------*/
.section_wrap .section_5{width: 100%;height: auto;position: relative;background: #f2f2f2;}
.section_5 .s5_txt{margin: 11.5vh auto 0;text-align: center;color: #1a1a1a;}
.section_5 .s5_txt .h3{margin-top: 2.5vh;}
.section_5 .s5_swiper_con{width: 62.5vw;height: 61.4vh;margin: 6.4vh auto 0;border-radius: 1.56vw;position: relative;}
.section_5 .s5_swiper_con::before{content:'';width: 2px;height: 100%;position: absolute;top: 0;left: -1px;background-color: #f2f2f2;z-index: 22;}
.s5_swiper_con .swiper ,.s5_swiper_con .swiper-wrapper ,.s5_swiper_con .swiper-slide ,.s5_swiper_con .slide_con{width: 100%;height: 100%;}
.s5_swiper_con .swiper ,.section_5 .s5_swiper_con{overflow: initial;}
.section_5.active .s5_swiper_con .swiper ,.section_5 .slide_con .img_box .cover{overflow: hidden;}
.section_5 .s5_swiper_con .swiper {z-index: 33;}
.section_5.active .s5_swiper_con .swiper {z-index: 1;}
.section_5 .slide_con{display: flex;flex-direction: column;}
.section_5 .slide_con .img_box{width: 100%;height: 52.4vh;display: flex;justify-content: center;align-items: center;z-index: 33;position: relative;}
.section_5 .slide_con .img_box>img{border-radius: 1.56vw 1.56vw 0 0;}
.section_5 .slide_con .img_box .cover>img{width: 100vw;height: 100vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: initial;max-height: initial;object-fit: cover;}
.section_5 .slide_con .img_box .txt{position: absolute;bottom: 0.9vw;right: 1.56vw;font-size: 1.56vw;line-height: 1;font-family: opposM;color: #1a1a1a;z-index: 5;}
.section_5 .slide_con .con_box{flex: 1;height: 0;display: flex;align-items: center;background: #fff;justify-content: flex-end;padding-right: 1.88vw;position: relative;z-index: 22;opacity: 0;transition: opacity .5s;transition-delay: 0s;border-radius: 0 0 1.56vw 1.56vw;}
.section_5 .slide_con .con_box .icon_wrap{margin-left: 0.83vw;display: flex;align-items: center;color: #1a1a1a;text-align: center;}
.section_5 .slide_con .con_box .icon_wrap .icon{width: 2.92vw;margin-right: 0.36vw;}
.section_5 .slide_con .con_box .icon_wrap .t1{font-family: opposM;font-size: 0.69vw;}
.section_5 .slide_con .con_box .icon_wrap .t2{font-family: opposM;font-size: 1.38vw;}
.section_5.active .s5_swiper_con .con_box ,.section_5.active .s5_swiper_con .swiper-pagination{opacity: 1;transition-delay: .3s;}
.section_5.active .s5_swiper_con .con_box{z-index: 44;}
.s5_swiper_con .swiper-pagination{bottom: 0 !important;z-index: 22;width: initial !important;height: 9vh;display: flex;align-items: center;padding-left: 2.08vw;opacity: 0;transition: initial;transition-delay: 0s;}
.s5_swiper_con .swiper-pagination-bullet{width: 1.77vw;height: 1.77vw;box-sizing: border-box;padding: 2px;border: 2px solid #fff;opacity: initial !important;background: initial;overflow: hidden;margin: 0 1vw 0 0 !important;cursor: pointer !important;outline: none;}
.s5_swiper_con .swiper-pagination-bullet-active{border-color: #000;}
.s5_swiper_con .swiper-pagination-bullet::before{content: '';width: 100%;height: 100%;display: block;border-radius: 50%;}
.s5_swiper_con .swiper-pagination-bullet:nth-child(1)::before{background-color: #353a44;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(53, 58, 68, 0.6);}
.s5_swiper_con .swiper-pagination-bullet:nth-child(2)::before{background-color: #e4e4e4;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(160, 160, 160, 0.6);}
.s5_swiper_con .swiper-pagination-bullet:nth-child(3)::before{background-color: #a2d0b0;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(162, 208, 176, 0.6);}
/*---------section_6-----------*/
.section_wrap .section_6{width: 100%;height: 100vh;background: #eeecea;position: relative;}
.section_6 .wholeFixed{position: fixed;top: 0;left: 0}
.section_6 .fixed_txt{width: 100%;left: 0;top: 11.8vh;text-align: center;}
.section_6 .fixed_txt .h3{margin-top: 2.4vh;}
/*---------section_7-----------*/
.section_wrap .section_7{width: 100%;height: auto;background: #f2f2f2;position: relative;}
.section_7 .fixed_txt{color: #1a1a1a;text-align: justify;text-align-last: justify;z-index: 222;width: 100vw;height: 100vh;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.section_7 .fixed_txt .txt_box{width: 25.47vw;white-space: nowrap;display: flex;flex-direction: column;align-items: center;}
.section_7 .fixed_txt h3{font-size: 7.5vh;line-height: 7.4vh;font-family:opposB;letter-spacing: 0.2vw;}
.section_7 .fixed_txt .txt{font-size: 2.8vh;line-height: 4vh;font-family:opposM;margin-top: 1.7vh;}
.section_7 .fixed_txt .txt .sup{top: 0.45vh;}
.section_7 .img_wrap{width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;z-index: 11;}
.section_7 .img_wrap>img{position: absolute;transition: all 1s ease-in-out;}
.section_7 .img_wrap .img1{width: 14.48vw;left: 4.22vw;top: -24.2vh;transform: translateY(-50%);}
.section_7 .img_wrap .img2{width: 30.1vw;left: -11.41vw;top: 16.8vh;transform: translateX(-80%);}
.section_7 .img_wrap .img3{width: 15vw;left: 2.45vw;top: 58.3vh;transform: translateX(-130%);}
.section_7 .img_wrap .img4{width: 25.21vw;left: -6.3vw;top: 78.5vh;transform: translateY(80%);}
.section_7 .img_wrap .img5{width: 22.5vw;left: 20.16vw;top: 6.3vh;transform: translateY(-150%);}
.section_7 .img_wrap .img6{width: 17.66vw;left: 20.16vw;top: 35.4vh;transform: translateY(180%);}
.section_7 .img_wrap .img7{width: 14.48vw;left: 20.16vw;top: 78.9vh;transform: translateY(180%);}
.section_7 .img_wrap .img8{width: 6.82vw;left: 43.39vw;top: 6.7vh;transform: translateY(-150%);}
.section_7 .img_wrap .img9{width: 6.77vw;left: 53.23vw;top: 7vh;transform: translateY(-150%);}
.section_7 .img_wrap .img10{width: 22.34vw;left: 35.73vw;top: 65.9vh;transform: translateY(120%);}
.section_7 .img_wrap .img11{width: 7.66vw;left: 58.18vw;top: 68.7vh;transform: translateY(120%);}
.section_7 .img_wrap .img12{width: 20.1vw;left: 62.19vw;top: 6.3vh;transform: translateY(-150%);}
.section_7 .img_wrap .img13{width: 14.64vw;left: 66.51vw;top: 37.4vh;transform: translateX(250%);}
.section_7 .img_wrap .img14{width: 16.3vw;left: 66.93vw;top: 54.5vh;transform: translateY(150%);}
.section_7 .img_wrap .img15{width: 25.21vw;left: 82.29vw;top: -19vh;transform: translateX(100%);}
.section_7 .img_wrap .img16{width: 14.58vw;left: 83.02vw;top: 12.9vh;transform: translateX(150%);}
.section_7 .img_wrap .img17{width: 7.66vw;left: 97.55vw;top: 20.8vh;transform: translateX(50%);}
.section_7 .img_wrap .img18{width: 28.44vw;left: 81.77vw;top: 49.5vh;transform: translateX(80%);}
.section_7 .img_wrap .img19{width: 20.1vw;left: 82.55vw;top: 88.9vh;transform: translateY(50%);}
.section_7 .img_wrap.active>img{transform: translate(0,0);}
/* .section_7 .img_wrap .img1{width: 14.48vw;left: 4.22vw;top: -11.56vw;}
.section_7 .img_wrap .img2{width: 30.1vw;left: -11.41vw;top: 8.75vw;}
.section_7 .img_wrap .img3{width: 15vw;left: 2.45vw;top: 30.36vw;}
.section_7 .img_wrap .img4{width: 25.21vw;left: -6.3vw;top: 40.89vw;}
.section_7 .img_wrap .img5{width: 22.5vw;left: 20.16vw;top: 3.28vw;}
.section_7 .img_wrap .img6{width: 17.66vw;left: 20.16vw;top: 18.44vw;}
.section_7 .img_wrap .img7{width: 14.48vw;left: 20.16vw;top: 41.09vw;}
.section_7 .img_wrap .img8{width: 6.82vw;left: 43.39vw;top: 3.49vw;}
.section_7 .img_wrap .img9{width: 6.77vw;left: 53.23vw;top: 3.65vw;}
.section_7 .img_wrap .img10{width: 22.34vw;left: 35.73vw;top: 34.32vw;}
.section_7 .img_wrap .img11{width: 7.66vw;left: 58.18vw;top: 35.78vw;}
.section_7 .img_wrap .img12{width: 20.1vw;left: 62.19vw;top: 3.28vw;}
.section_7 .img_wrap .img13{width: 14.64vw;left: 66.51vw;top: 19.48vw;}
.section_7 .img_wrap .img14{width: 16.3vw;left: 66.93vw;top: 28.39vw;}
.section_7 .img_wrap .img15{width: 25.21vw;left: 82.29vw;top: -9.9vw;}
.section_7 .img_wrap .img16{width: 14.58vw;left: 83.02vw;top: 6.72vw;}
.section_7 .img_wrap .img17{width: 7.66vw;left: 97.55vw;top: 10.83vw;}
.section_7 .img_wrap .img18{width: 28.44vw;left: 81.77vw;top: 25.78vw;}
.section_7 .img_wrap .img19{width: 20.1vw;left: 82.55vw;top: 46.3vw;}*/
/*---------section_8-----------*/
.section_wrap .section_8{width: 100%;height: auto;background: #FFFFFF;}
.section_8 .fixed_txt{width: 100%;left: 0;top: 9.7vh;text-align: center;z-index: 333;}
.section_8 .fixed_txt .h3{margin-top: 2.4vh;}
.section_8 .fixed_bg{position: absolute;top: 0;right: 0;z-index: 22;}
.section_8 .fixed_bg>img{width: 100vw;height: 100vh;max-width: initial;max-height: initial;object-fit: cover;position: absolute;right: 0;}
/*---------section_9-----------*/
.section_wrap .section_9{width: 100%;height: 100vh;background: #f2f2f2;position: relative;box-sizing: border-box;padding: 13.2vh 0 11.8vh;overflow: hidden;}
.section_9 .s9_wrap{width: 430vw;height: 100%;padding-right: 18.75vw;box-sizing: border-box;display: flex;}
.section_9 .s9_wrap .txt_con{margin: 19.4vh 8.18vw 0 12.45vw;float: left;color: #1a1a1a;white-space: nowrap;}
.section_9 .s9_wrap .txt_con h3{font-size: 7vh;line-height: 9vh;font-family: opposB;}
.section_9 .s9_wrap .txt_con h3:nth-child(2){padding-left: 5.46vw;}
.section_9 .s9_wrap .txt_con .txt{font-size: 3vh;line-height: 4vh;margin-top: 3.2vh;font-family: opposM;}
.section_9 .s9_wrap .img_box{width: 57.3vw;height: 100%;border-radius: 1.56vw;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-right: 2.6vw;}
/*---------section_10-----------*/
.section_wrap .section_10{width: 100%;height: 100vh;background: #ffffff;position: relative;}
.section_10 .s10_wrap{width: 100%;padding-top: 9.5vh;}
.section_10 .s10_wrap .h2 ,.section_10 .s10_wrap .h3{text-align: center;}
.section_10 .s10_wrap .h3{margin-top: 2.6vh;}
.section_10 .s10_wrap .content{width: 66.16vw;margin: 3.9vh auto 0;display: flex;justify-content: center;align-items: flex-start;}
.section_10 .s10_wrap .content .row{display: flex;flex-direction: column;}
.section_10 .s10_wrap .content .box{display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;background: #f2f2f2;border-radius: 1.56vw;will-change: transform;transition: none;}
.section_10 .s10_wrap .content .box>img{position: relative;z-index: 1;transition: all .3s;border-radius: 1.56vw;}
.section_10 .s10_wrap .content .box:hover>img{transform: scale(1.05);}
.section_10 .s10_wrap .content .box1{width: 26.3vw;}
.section_10 .s10_wrap .content .box2{width: 38.02vw;}
.section_10 .s10_wrap .content .boxtxt{position: absolute;z-index: 22;color: #1a1a1a;top: 2.86vw;left: 2.6vw;white-space: nowrap;}
.section_10 .s10_wrap .content .boxtxt>h5{font-size: 1.82vw;line-height: 1;font-family: opposB;}
.section_10 .s10_wrap .content .boxtxt>h6{font-size: 1.04vw;line-height: 1;margin-top: 0.63vw;font-family: opposM;}
.section_10 .s10_wrap .content .boxtxt>h5 .sup{margin-left: -0.25vw;}
.section_10 .s10_wrap .content .box1 .boxtxt{left: 50%;transform: translateX(-50%);text-align: center;}
.section_10 .s10_wrap .content .boxtxt .showtxt{transform: translateY(5px);opacity: 0;transition: all .3s;}
.section_10 .s10_wrap.active .content .boxtxt .showtxt{transform: translateY(0);opacity: 1;transition-delay: .4s;}
/*---------section_11-----------*/
.section_wrap .section_11{width: 100%;height: auto;background: #FFFFFF;position: relative;}
.section_11 .s11_mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .7);}
.section_11 .s11_main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;box-sizing: border-box;padding-top: 24.4vh;text-align: center;}
.section_11 .s11_main h3{font-size: 8vh;line-height: 8vh;font-family:opposB;color: #f2f2f2;}
.section_11 .s11_main h4{font-size: 3.5vh;line-height: 3.5vh;margin-top: 2.7vh;font-family:opposM;color: #f2f2f2;}
.section_11 .s11_main h4 .sup{color: #f2f2f2;}
.section_11 .s11_main .icon_wrap{margin-top: 9.6vh;display: flex;justify-content: center;}
.section_11 .s11_main .icon_wrap .icon_box{margin: 0 2.24vw;display: flex;flex-direction: column;align-items: center;}
.section_11 .s11_main .icon_wrap .icon_box .icon{width: 6.25vw;height: 6.25vw;}
.section_11 .s11_main .icon_wrap .icon_box .name{margin-top: 1.56vw;font-size: 1.46vw;line-height: 1;text-align: center;white-space: nowrap;color: #f2f2f2;white-space: nowrap;}
.section_11 .wholeFixed{position: fixed;top: 0;left: 0}
/*---------section_12-----------*/
.section_wrap .section_12{width: 100%;height: 100vh;background: #f2f2f2;position: relative;}
.section_12 .s12_wrap{width: 100%;padding-top: 11.6vh;}
.section_12 .s12_wrap .h2{text-align: center;}
.section_12 .s12_wrap .content{width: 66.16vw;margin: 5.2vh auto 0;display: flex;justify-content: center;align-items: flex-start;}
.section_12 .s12_wrap .content .row{display: flex;flex-direction: column;}
.section_12 .s12_wrap .content .box{display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;background: #f2f2f2;border-radius: 1.56vw;will-change: transform;transition: none;}
.section_12 .s12_wrap .content .box img{position: relative;z-index: 1;transition: all .3s;}
.section_12 .s12_wrap .content .box:hover img{transform: scale(1.05);}
.section_12 .s12_wrap .content .box1{width: 26.3vw;height: 32.8125vw;}
.section_12 .s12_wrap .content .box2{width: 38.02vw;height: 15.625vw;}
.section_12 .s12_wrap .content .boxtxt{position: absolute;z-index: 22;color: #1a1a1a;top: 2.72vw;right: 2.6vw;white-space: nowrap;text-align: right;}
.section_12 .s12_wrap .content .boxtxt>h5{font-size: 1.82vw;line-height: 1;font-family: opposB;letter-spacing: 0.05vw;}
.section_12 .s12_wrap .content .boxtxt>h6{font-size: 1.04vw;line-height: 1;margin-top: 0.68vw;font-family: opposM;}
.section_12 .s12_wrap .content .box1 .boxtxt{left: 50%;transform: translateX(-50%);text-align: center;}
.section_12 .s12_wrap .content .boxtxt .showtxt{transform: translateY(5px);opacity: 0;transition: all .3s;}

.section_12 .s12_wrap.active .content .boxtxt .showtxt{transform: translateY(0);opacity: 1;transition-delay: .4s;}
.section_12 .s12_swiper ,.section_12 .s12_swiper .swiper ,.section_12 .s12_swiper .swiper-wrapper ,.section_12 .s12_swiper .swiper-slide{width: 100%;height: 100%;}
.section_12 .s12_swiper .swiper-slide{position: relative;overflow: hidden;border-radius: 1.56vw;}
.section_12 .s12_swiper{position: relative;}
.section_12 .s12_swiper .tabs_wrap{display: flex;justify-content: flex-end;position: absolute;right: 2.6vw;top: 7.14vw;z-index: 222;}
.section_12 .box1 .s12_swiper .tabs_wrap{left: 50%;transform: translateX(-50%);right: initial;}
.section_12 .s12_swiper .tabs_wrap .tab{width: 1.56vw;height: 1.56vw;box-sizing: border-box;border-radius: 50%;border: 2px solid #fff;padding: 3px;background: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;cursor: pointer;margin: 0 0.3vw;outline: none;}
.section_12 .s12_swiper .tabs_wrap .tab::before{content: '';width: 100%;height: 100%;border-radius: 50%;}
.section_12 .s12_swiper .tabs_wrap .tab.active{border-color: #000;}
.section_12 .s12_swiper .tabs_wrap .tab:nth-child(1)::before{background-color: #353a44;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(53, 58, 68, 0.6);}
.section_12 .s12_swiper .tabs_wrap .tab:nth-child(2)::before{background-color: #e4e4e4;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(160, 160, 160, 0.6);}
.section_12 .s12_swiper .tabs_wrap .tab:nth-child(3)::before{background-color: #a2d0b0;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(162, 208, 176, 0.6);}
/*---------section_13-----------*/
.section_wrap .section_13{width: 100%;height: 100vh;background: #eeecea;position: relative;}
.section_13 .wholeFixed{position: fixed;top: 0;left: 0}
.section_13 .fixed_txt{width: 100%;left: 0;top: 12vh;text-align: center;}
/*---------section_14-----------*/
.section_wrap .section_14{width: 100%;background: #fff;position: relative;padding: 8.3vh 0 6.8vh;}
.section_14 .s14_wrap{margin: 0 auto;width: 56.77vw;}
.section_14 .s14_wrap h3{font-size: 6vh;line-height: 7.5vh;color: #1a1a1a;font-family: opposB;text-align: center;}
.section_14 .s14_wrap .content{margin-top: 5.3vh;display: flex;justify-content: space-between;}
.section_14 .s14_wrap .content .con_wrap{width: 17.92vw;display: flex;flex-direction: column;align-items: center;text-align: center;}
.section_14 .s14_wrap .content .con_wrap .img_box{width: 17.92vw;height: 17.92vw;border-radius: 1.56vw;overflow: hidden;display: flex;justify-content: center;align-items: center;will-change: transform;transition: none;}
.section_14 .s14_wrap .content .con_wrap .img_box>img{position: relative;z-index: 1;transition: all .3s;}
.section_14 .s14_wrap .content .con_wrap .img_box:hover>img{transform: scale(1.05);}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap{margin-top: 3.6vh;display: flex;justify-content: center;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box{margin: 0 0.57vw;cursor: pointer;display: flex;flex-direction: column;align-items: center;opacity: initial;background: initial;width: initial;height: initial;border-radius: initial;outline: none;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .tab{width: 1.93vw;height: 1.93vw;border-radius: 50%;box-sizing: border-box;overflow: hidden;border: 2px solid #fff;padding: 4px;background: #fff;display: flex;justify-content: center;align-items: center;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .tab::before{content: '';width: 100%;height: 100%;border-radius: 50%;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .txt{font-size: 0.78vw;color: #000000;white-space: nowrap;margin-top: 0.26vw;opacity: 0;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box.active .tab{border-color: #000;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box.active .txt{opacity: 1;}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .tab.black::before{background-color: #353a44;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(53, 58, 68, 0.6);}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .tab.white::before{background-color: #e4e4e4;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(160, 160, 160, 0.6);}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .tab.blue::before{background-color: #e5f3fe;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(156, 177, 198, 0.6);}
.section_14 .s14_wrap .content .con_wrap .tabs_wrap .tab_box .tab.green::before{background-color: #a2d0b0;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(162, 208, 176, 0.6);}
.section_14 .s14_wrap .content .con_wrap .name{font-size: 2.6vh;line-height: 1;margin-top: 3.8vh;font-family: opposB;}
.section_14 .s14_wrap .content .con_wrap .txt_con{margin-top: 5.2vh;border-top: 1px solid #c8c8c8;padding: 0.5vh 0 5.8vh;border-bottom: 1px solid #c8c8c8;width: 100%;}
.section_14 .s14_wrap .content .con_wrap .txt_con .txt{font-size: 1.6vh;line-height: 2.4vh;font-family: opposM;color: #000000;margin-top: 3.2vh;}
.section_14 .s14_wrap .content .con_wrap .txt_con .icon_box{margin-top: 3.8vh;display: flex;flex-wrap: wrap;justify-content: center;}
.section_14 .s14_wrap .content .con_wrap .txt_con .icon_box .icon{width: 2.81vw;height: 2.81vw;margin: 0 0.23vw;}
.section_14 .s14_wrap .content .con_wrap .txt_con .icon_box .t{width: 100%;font-size: 1.6vh;line-height: 2.4vh;font-family: opposM;color: #000000;margin-top: 0.8vh;}
.section_14 .s14_wrap .content .con_wrap .swiper ,.section_14 .s14_wrap .content .con_wrap .swiper-wrapper ,.section_14 .s14_wrap .content .con_wrap .swiper-slide{width: 17.92vw;height: 17.92vw;}
.section_14 .s14_wrap .content .con_wrap .swiper-slide{border-radius: 1.56vw;overflow: hidden;}
/*---------section_15-----------*/
.section_wrap .section_15{width: 100%;height: auto;position: relative;padding: 4.11vw 0 3.49vw;background: #f2f2f2;}
.section_15 .con_wrap{margin: 0 auto;width: 56.77vw;font-size: 0.63vw;line-height: 0.94vw;color: #1a1a1a;font-family: opposR;}
.section_15 .con_wrap .last{margin-top: 1vw;}


@media all and (min-width:1921px) {
.section_2 .last_bg .hover_wrap{padding: 0 16vw;top: 39vh;}
.section_5 .s5_banner_wrap img{width: 100%;height: 100%;object-fit: cover;}
.section_7 .fixed_txt .txt_box{width: 28.47vw;}
}



.mob_show{display: none;}
@media all and (max-width:1024px) {
.mob_s1 .fixed_txt h3 ,.mob_s2 .con_box .con_txt h3 ,.mob_s3 .s3_box_m .txt_wrap h3 ,.mob_s6 .fixed_txt h3 ,.mob_s7 .fixed_txt .txt_wrap h3 ,.mob_s8 .txt_wrap .h4 ,.mob_s9 .txt_wrap .h4 ,.mob_s10 .txt_wrap .h4 ,.mob_s10 .con_wrap .con_box .con_txt .h5 ,.mob_s10 .con_wrap .con_box .con_txt .h6 ,.mob_s10 .con_wrap .con_box .con_txt .h5 ,.mob_s12 .img_con .txt_wrap h5 ,.mob_s12 .img_con .txt_wrap h6{color: #1a1a1a;}
.h4, .h5, .h6, h4, h5, h6{margin: 0;}
.pc_show{display: none;}
.mob_show{display: block;}
.sup{font-size: 1.5vw;top: 0.75vw;}
.mob_section .section_box{position: relative;margin-top: -2px;}
.mob_section{width: 100%;height: auto;position: relative;z-index: 11;font-family:opposR;}
.mob_section .section{width: 100%;height: auto;position: relative;overflow: hidden;}
.mob_section .full_image{width: 100%;height: 100%;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.mob_section .full_image>img{width: 100%;height: 100%;object-fit: cover;}
.mob_section .fixed_txt{position: absolute;z-index: 2;}
/*---------mob_s1-----------*/
.mob_s1 .fixed_txt{width: 100%;left: 0;top: 19.47vw;display: flex;flex-direction: column;align-items: center;text-align: center;color: #1a1a1a;}
.mob_s1 .fixed_txt h3{font-size: 10vw;line-height: 11.64vw;font-family:opposB;}
.mob_s1 .fixed_txt .txt{font-size: 4.5vw;line-height: 1;font-family:opposB;margin-top: 4.09vw;width: 36.38vw;height: 8.25vw;border-radius: 5em;box-sizing: border-box;border: solid 0.38vw #191919;display: flex;justify-content: center;align-items: center;}
/*---------mob_s2-----------*/
.mob_section .mob_s2{width: 100%;height: 100vh;background: #f2f2f2;}
.mob_s2 .txt_outer{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;z-index: 2;background-color: #fff;transform: translate(-50%,-50%);transition: all .3s;}
.mob_s2 .txt_outer.hide{opacity: 0;visibility: hidden;}
.mob_s2 .txt_wrap{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: #fff;display: flex;justify-content: center;align-items: center;font-size: 6vw;line-height: 8.75vw;flex-direction: column;text-align: center;font-family:opposM;}
.mob_s2 .txt_wrap .txt:nth-child(2){margin: 12.75vw 0;}
.mob_s2 .slide_wrap{width: 91.25vw;height: 137.5vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;background: #fff;border-radius: 3.75vw;overflow: hidden;}
.mob_s2 .swiper ,.mob_s2 .swiper-wrapper ,.mob_s2 .swiper-slide ,.mob_s2 .con_box{width: 100%;height: 100%;}
.mob_s2 .con_box{position: relative;overflow: hidden;border-radius: 3.75vw;will-change: transform;transition: none;}
.mob_s2 .con_box>img{transition: all .3s;}
.mob_s2 .con_box:hover>img{transform: scale(1.05);}
.mob_s2 .con_box .con_txt{width: 100%;position: absolute;left: 0;top: 10.5vw;text-align: center;color: #1a1a1a;z-index: 22;}
.mob_s2 .con_box .con_txt h3{font-size: 6.25vw;line-height: 1;font-family: opposB;}
.mob_s2 .con_box .con_txt .txt{font-size: 5vw;line-height: 8vw;margin-top: 3vw;font-family: opposR;}
.mob_s2 .swiper .swiper-pagination{bottom: 10.5vw;display: flex;justify-content: center;align-items: center;}
.mob_s2 .swiper .swiper-pagination-bullet{width: 4.25vw;height: 4.25vw;opacity: initial;box-sizing: border-box;background: #fff !important;margin: 0 2.19vw !important;border: solid 0.25vw #fafafa;padding: 0.25vw;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.mob_s2 .swiper .swiper-pagination-bullet::before{content: '';width: 100%;height: 100%;border-radius: 50%;}
.mob_s2 .swiper .swiper-pagination-bullet:nth-child(1)::before{background-color: #353a44;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(53, 58, 68, 0.6);}
.mob_s2 .swiper .swiper-pagination-bullet:nth-child(2)::before{background-color: #e4e4e4;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(160, 160, 160, 0.6);}
.mob_s2 .swiper .swiper-pagination-bullet:nth-child(3)::before{background-color: #a2d0b0;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(162, 208, 176, 0.6);}
.mob_s2 .swiper .swiper-pagination-bullet-active{border-color: #000;}
/*---------mob_s3-----------*/
.mob_section .mob_s3{padding: 10vw 4.38vw 12.63vw;background: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mob_s3 .s3_box_m{margin-top: 2.5vw;background-color: #f2f2f2;border-radius: 3.75vw;position: relative;overflow: hidden;}
.mob_s3 .s3_box_m.b1{width: 100%;height: 37.5vw;}
.mob_s3 .s3_box_m.b2{width: 44.38vw;height: 43.75vw;}
.mob_s3 .s3_box_m .txt_wrap{position: absolute;top: 3.75vw;left: 3.75vw;z-index: 22;color: #1a1a1a;}
.mob_s3 .s3_box_m.b2 .txt_wrap{top: 3.13vw;}
.mob_s3 .s3_box_m .txt_wrap h3{font-size: 3.75vw;line-height: 1;font-family: opposB;margin-bottom: 1.44vw;}
.mob_s3 .s3_box_m .txt_wrap p{font-size: 2.5vw;line-height: 3.13vw;font-family: opposM;}
.mob_s3 .s3_box_m img{transition: all .3s ease-in-out;}
.mob_s3 .s3_box_m:hover img{transform: scale(1.1);}
/*---------mob_s4-----------*/
.mob_section .mob_s4{padding: 2px 4.38vw 12.38vw;background: #fff;box-sizing: border-box;}
.mob_s4 .s4_video_m{width: 100%;height: 51.38vw;overflow: hidden;position: relative;border-radius: 3.75vw;}
.mob_s4 .s4_video_m .s4_video_btn_m{width: 13.13vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 22;}
/*---------mob_s5-----------*/
.mob_section .mob_s5{padding: 11.87vw 4.38vw 8.25vw;background: #f2f2f2;box-sizing: border-box;}
.mob_s5 .h3{font-size: 8.75vw;line-height: 10vw;color: #1a1a1a;font-family: opposB;text-align: center;}
.mob_s5 .txt_wrap{color: #1a1a1a;text-align: center;margin-top: 3vw;width: 100%;}
.mob_s5 .txt_wrap p{font-size: 4.38vw;line-height: 6.62vw;font-family: opposM;white-space: nowrap;}
.mob_s5 .slide_wrap{margin-top: 4.76vw;padding-bottom: 6.38vw;position: relative;}
.mob_s5 .swiper{width: 100%;height: 131.63vw;border-radius: 3.75vw;}
.mob_s5 .swiper-wrapper ,.mob_s5 .swiper-slide ,.mob_s5 .slide_con{width: 100%;height: 100%;}
.mob_s5 .slide_con{display: flex;flex-direction: column;}
.mob_s5 .slide_con .img_box{width: 100%;height: 112.38vw;position: relative;}
.mob_s5 .slide_con .img_box .txt{font-size: 4.38vw;line-height: 1;width: 100%;text-align: center;font-family: opposM;position: absolute;left: 0;top: 6.75vw;z-index: 22;}
.mob_s5 .slide_con .img_box .txt.white{color: #f2f2f2 !important;}
.mob_s5 .slide_con .img_box .txt.black{color: #1a1a1a !important;}
.mob_s5 .slide_con .icon_box{flex: 1;height: 0;width: 100%;display: flex;justify-content: center;align-items: center;background: #fff;}
.mob_s5 .slide_con .icon_box .box{margin: 0 1.44vw;display: flex;align-items: center;}
.mob_s5 .slide_con .icon_box .box .icon{width: 10.25vw;margin-right: 0.63vw;color: #1a1a1a;}
.mob_s5 .slide_con .icon_box .box .t1{font-size: 2.37vw;text-align: center;}
.mob_s5 .slide_con .icon_box .box .t2{font-size: 4.74vw;text-align: center;}
.mob_s5 .swiper-pagination{bottom: 0 !important;display: flex;justify-content: center;align-items: center;}
.mob_s5 .swiper-pagination-bullet{width: 4.25vw;height: 4.25vw;opacity: initial;box-sizing: border-box;background: #f2f2f2 !important;margin: 0 2.5vw !important;border: solid 0.25vw #f2f2f2;padding: 0.25vw;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.mob_s5 .swiper-pagination-bullet::before{content: '';width: 100%;height: 100%;border-radius: 50%;}
.mob_s5 .swiper-pagination-bullet:nth-child(1)::before{background-color: #353a44;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(53, 58, 68, 0.6);}
.mob_s5 .swiper-pagination-bullet:nth-child(2)::before{background-color: #e4e4e4;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(160, 160, 160, 0.6);}
.mob_s5 .swiper-pagination-bullet:nth-child(3)::before{background-color: #a2d0b0;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(162, 208, 176, 0.6);}
.mob_s5 .swiper-pagination-bullet-active{border-color: #000;background: #fff !important;}
/*---------mob_s6-----------*/
.mob_s6 .full_image{transition: all .5s;transform: scale(1.1);transition-delay: .2s;}
.mob_s6.active .full_image{transform: scale(1);}
.mob_s6 .fixed_txt{width: 100%;left: 0;top: 12.5vw;display: flex;flex-direction: column;align-items: center;text-align: center;color: #1a1a1a;}
.mob_s6 .fixed_txt h3{font-size: 8.75vw;line-height: 1;font-family:opposB;}
.mob_s6 .fixed_txt .txt{font-size: 4.38vw;line-height: 6.25vw;font-family:opposM;margin-top: 2.7vw;}
/*---------mob_s7-----------*/
.mob_section .mob_s7{height: 100vh;background: #f2f2f2;box-sizing: border-box;}
.mob_s7 .fixed_txt{width: 100%;left: 0;top: 59.25vw;display: flex;justify-content: center;}
.mob_s7 .fixed_txt .txt_wrap{width: 52.75vw;color: #1a1a1a;white-space: nowrap;text-align: justify;text-align-last: justify;}
.mob_s7 .fixed_txt .txt_wrap h3{font-size: 8.75vw;line-height: 1;letter-spacing: -0.21vw;font-family:opposB;}
.mob_s7 .fixed_txt .txt_wrap .txt{font-size: 3.13vw;line-height: 4.75vw;letter-spacing: -0.02vw;font-family:opposM;margin-top: 1.82vw;}
.mob_s7 .img_wrap{width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;z-index: 11;}
.mob_s7 .img_wrap>img{position: absolute;transition: all 1s ease-in-out;transition-delay: .3s;}
.mob_s7 .img_wrap .img1{width: 32.25vw;left: 0;top: 0;transform: translateX(-100%);}
.mob_s7 .img_wrap .img2{width: 23.5vw;left: 0;top: 52.25vW;transform: translateX(-100%);}
.mob_s7 .img_wrap .img3{width: 36.75vw;left: 0;top: 118.38VW;transform: translateX(-100%);}
.mob_s7 .img_wrap .img4{width: 41.63vw;left: 34.63VW;top: 0;transform: translateY(-100%);}
.mob_s7 .img_wrap .img5{width: 42.38vw;left: 36vw;top: 31.63VW;transform: translateX(300%);transition-delay: 0s;}
.mob_s7 .img_wrap .img6{width: 41vw;left: 19vw;top: 90vw;transform: translateX(-200%);transition-delay: 0s;}
.mob_s7 .img_wrap .img7{width: 19.75vw;left: 61.88vw;top: 89vw;transform: translateY(350%);transition-delay: 0s;}
.mob_s7 .img_wrap .img8{width: 22.13vw;left: 37.25vw;top: 114.75vw;transform: translateY(300%);transition-delay: 0s;}
.mob_s7 .img_wrap .img9{width: 44vw;left: 14vw;top: 161.5vw;transform: translateX(-200%);}
.mob_s7 .img_wrap .img10{width: 26.53vw;right: 0;top: 4vw;transform: translateX(100%);}
.mob_s7 .img_wrap .img11{width: 18.63vw;right: 0;top: 30vw;transform: translateX(100%);transition-delay: .5s;}
.mob_s7 .img_wrap .img12{width: 17.75vw;right: 0;top: 81.88vw;transform: translateX(100%);}
.mob_s7 .img_wrap .img13{width: 38.13vw;right: 0;top: 139.88vw;transform: translateX(100%);}
.mob_s7 .img_wrap.move>img{transform: translate(0,0);}
/*---------mob_s8-----------*/
.mob_section .mob_s8{height: 100vh;background: #f2f2f2;box-sizing: border-box;}
.mob_s8 .txt_wrap{width: 100%;position: absolute;left: 0;top: 11.88vw;z-index: 33;color: #1a1a1a;text-align: center;}
.mob_s8 .txt_wrap .h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;}
.mob_s8 .txt_wrap .h4{font-size: 4.38vw;line-height: 1;font-family: opposM;margin-top: 4.12vw;}
.mob_s8 .img1_wrap{width: 100%;height: 100%;position: relative;z-index: 11;background: #fff;display: flex;align-items: flex-start;}
.mob_s8 .img1_wrap>img{width: 100%;height: auto;}
.mob_s8 .img2_wrap{position: absolute;top: 0;right: 0;z-index: 22;height: 100%;overflow: hidden;background: #f2f2f2;}
.mob_s8 .img2_wrap>img{width: 100vw;max-width: initial;max-height: initial;object-fit: cover;position: absolute;right: 0;}
/*---------mob_s9-----------padding-top: 11.88vw;*/
.mob_section .mob_s9{height: 100vh;background: #fff;position: relative;box-sizing: border-box;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.mob_s9 .txt_wrap{width: 100%;color: #1a1a1a;text-align: center;}
.mob_s9 .txt_wrap .h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;}
.mob_s9 .txt_wrap .h4{font-size: 4.38vw;line-height: 6.25vw;font-family: opposM;margin-top: 3.19vw;}
.mob_s9 .img_wrap{width: 478.125vw;box-sizing: border-box;display: flex;padding: 0 1.25vw 0 4.375vw;margin-top: 5.19vw;}
.mob_s9 .img_wrap .img_box{width: 75vw;height: 97.5vw;border-radius: 3.75vw;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-right: 3.75vw;}
/*---------mob_s10-----------*/
.mob_section .mob_s10{background: #fff;position: relative;padding: 11.88vw 4.38vw 12.38vw;box-sizing: border-box;}
.mob_s10 .txt_wrap{width: 100%;color: #1a1a1a;text-align: center;}
.mob_s10 .txt_wrap .h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;}
.mob_s10 .txt_wrap .h4{font-size: 4.38vw;line-height: 6.25vw;font-family: opposM;margin-top: 3.19vw;}
.mob_s10 .con_wrap{width: 100%;margin-top: 1.56vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.mob_s10 .con_wrap .con_box{background-color: #f2f2f2;border-radius: 3.75vw;overflow: hidden;position: relative;margin-top: 3.63vw;}
.mob_s10 .con_wrap .con_box.box1{width: 100%;height: 37.5vw;}
.mob_s10 .con_wrap .con_box.box2{width: 44.38vw;height: 64.5vw;}
.mob_s10 .con_wrap .con_box .con_txt{width: 100%;position: absolute;left: 0;top: 6vw;text-align: center;z-index: 22;color: #1a1a1a;}
.mob_s10 .con_wrap .con_box .con_txt .h5{font-size: 3.75vw;line-height: 4.25vw;font-family: opposB;}
.mob_s10 .con_wrap .con_box .con_txt .h6{font-size: 2.5vw;line-height: 2.5vw;font-family: opposM;margin-top: 1.38vw;}
.mob_s10 .con_wrap .con_box.box1 .con_txt{width: 44.4vw;top: 11.13vw;}
.mob_s10 .con_wrap .con_box img{transition: all .3s ease-in-out;}
.mob_s10 .con_wrap .con_box:hover img{transform: scale(1.1);}
/*---------mob_s11-----------*/
.mob_section .mob_s11{width: 100%;height: 100vh;background: #FFFFFF;position: relative;}
.mob_s11 .s11_mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .7);}
.mob_s11 .s11_main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;box-sizing: border-box;text-align: center;display: flex;flex-direction: column;justify-content: center;padding-bottom: 12vw;}
.mob_s11 .s11_main h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;color: #f2f2f2;}
.mob_s11 .s11_main .txt{margin-top: 3.19vw;color: #f2f2f2;}
.mob_s11 .s11_main .txt h4{font-size: 4.38vw;line-height: 6.25vw;font-family: opposM;color: #f2f2f2;}
.mob_s11 .s11_main .txt h4 .sup{color: #f2f2f2;}
.mob_s11 .s11_main .icon_wrap{padding-top: 4.56vw;display: flex;justify-content: center;width: 68vw;margin: 0 auto;flex-wrap: wrap;}
.mob_s11 .s11_main .icon_wrap .icon_box{margin: 4.25vw 4vw 0;display: flex;flex-direction: column;align-items: center;}
.mob_s11 .s11_main .icon_wrap .icon_box .icon{width: 13vw;height: 13vw;}
.mob_s11 .s11_main .icon_wrap .icon_box .name{margin-top: 2vw;font-size: 2.5vw;line-height: 1;text-align: center;white-space: nowrap;color: #f2f2f2;white-space: nowrap;}
.mob_s11 .wholeFixed{position: fixed;top: 0;left: 0}
/*---------mob_s12-----------*/
.mob_section .mob_s12{background: #F2F2F2;position: relative;padding: 11.88vw 4.38vw 12.63vw;box-sizing: border-box;}
.mob_s12 .txt_wrap{width: 100%;color: #1a1a1a;text-align: center;}
.mob_s12 .txt_wrap .h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;margin: 0;}
.mob_s12 .con_wrap{width: 100%;margin-top: 3.36vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.mob_s12 .con_wrap .con_box{background-color: #f2f2f2;border-radius: 3.75vw;overflow: hidden;position: relative;margin-top: 2.5vw;}
.mob_s12 .con_wrap .con_box.box1{width: 100%;height: 37.5vw;}
.mob_s12 .con_wrap .con_box.box2{width: 44.38vw;height: 64.5vw;}
.mob_s12 .swiper ,.mob_s12 .swiper-wrapper ,.mob_s12 .swiper-slide ,.mob_s12 .img_con{width: 100%;height: 100%;}
.mob_s12 .img_con{position: relative;overflow: hidden;border-radius: 3.75vw;will-change: transform;transform: none;}
.mob_s12 .img_con>img{transition: all .3s;}
.mob_s12 .img_con:hover>img{transform: scale(1.05);}
.mob_s12 .img_con .txt_wrap{width: 100%;position: absolute;right: 0;top: 6.13vw;z-index: 22;text-align: center;color: #1a1a1a;}
.mob_s12 .img_con .txt_wrap h5{font-size: 3.75vw;line-height: 1;font-family: opposB;}
.mob_s12 .img_con .txt_wrap h6{font-size: 2.5vw;line-height: 1;font-family: opposM;margin-top: 1.63vw;}
.mob_s12 .box1 .img_con .txt_wrap{width: 33.26vw;top: 11.38vw;}
.mob_s12 .tabs_wrap{width: 100%;margin-top: 3.25vw;display: flex;justify-content: center;align-items: center;}
.mob_s12 .tabs_wrap .tab{width: 4.25vw;height: 4.25vw;opacity: initial;box-sizing: border-box;background: #f2f2f2;margin: 0 2.5vw;border: solid 0.25vw #f2f2f2;padding: 0.25vw;display: flex;justify-content: center;align-items: center;overflow: hidden;border-radius: 50%;}
.mob_s12 .tabs_wrap .tab::before{content: '';width: 100%;height: 100%;border-radius: 50%;}
.mob_s12 .tabs_wrap .tab:nth-child(1)::before{background-color: #353a44;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(53, 58, 68, 0.6);}
.mob_s12 .tabs_wrap .tab:nth-child(2)::before{background-color: #e4e4e4;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(160, 160, 160, 0.6);}
.mob_s12 .tabs_wrap .tab:nth-child(3)::before{background-color: #a2d0b0;box-shadow: inset 0vw 0.25vw 0.13vw 0vw rgba(162, 208, 176, 0.6);}
.mob_s12 .tabs_wrap .tab.active{border-color: #000;background: #fff !important;}
/*---------mob_s13-----------*/
.mob_section .mob_s13{height: 100vh;background: #fff;position: relative;}
.mob_s13 .fixed_txt{width: 100%;text-align: center;left: 0;top: 11.88vw;z-index: 22;}
.mob_s13 .fixed_txt h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;color: #1a1a1a;}
.mob_s13 .wholeFixed{position: fixed;top: 0;left: 0}
/*---------mob_s14-----------*/
.mob_section .mob_s14{width: 100%;background: #fff;position: relative;padding: 12vw 0 6.25vw;}
.mob_s14 h3{font-size: 8.75vw;line-height: 10vw;font-family: opposB;color: #1a1a1a;text-align: center;}
.mob_s14 .s14_wrap{margin-top: -1.88vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mob_s14 .s14_wrap .con_wrap{width: 49vw;display: flex;flex-direction: column;text-align: center;margin-top: 6.25vw;}
.mob_s14 .s14_wrap .con_wrap:nth-child(odd){align-items: flex-end;}
.mob_s14 .s14_wrap .con_wrap:nth-child(even){align-items: flex-start;}
.mob_s14 .s14_wrap .con_wrap .line{width: 100%;height: 0.13vw;background-color: #c8c8c8;}
.mob_s14 .s14_wrap .con_wrap .img_box{width: 43vw;height: 43vw;border-radius: 3.75vw;overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #dbe1eb;will-change: transform;transform: none;}
.mob_s14 .s14_wrap .con_wrap .img_box>img{transition: all .3s;}
.mob_s14 .s14_wrap .con_wrap .img_box:hover>img{transform: scale(1.05);}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap{width: 43vw;margin-top: 4.63vw;display: flex;justify-content: center;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box{margin: 0 1vw;cursor: pointer;display: flex;flex-direction: column;align-items: center;opacity: initial;background: initial;width: initial;height: initial;border-radius: initial;outline: none;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .tab{width: 4.63vw;height: 4.63vw;border-radius: 50%;box-sizing: border-box;overflow: hidden;border: 0.25vw solid #fff;padding: 0.75vw;background: #fff;display: flex;justify-content: center;align-items: center;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .tab::before{content: '';width: 100%;height: 100%;border-radius: 50%;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .txt{font-size: 1.88vw;color: #000000;white-space: nowrap;margin-top: 0.63vw;opacity: 0;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box.active .tab{border-color: #000;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box.active .txt{opacity: 1;}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .tab.black::before{background-color: #353a44;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(53, 58, 68, 0.6);}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .tab.white::before{background-color: #e4e4e4;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(160, 160, 160, 0.6);}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .tab.blue::before{background-color: #e5f3fe;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(156, 177, 198, 0.6);}
.mob_s14 .s14_wrap .con_wrap .tabs_wrap .tab_box .tab.green::before{background-color: #a2d0b0;box-shadow: inset 0.06vw 0.08vw 0.05vw 0vw rgba(162, 208, 176, 0.6);}
.mob_s14 .s14_wrap .con_wrap .name{width: 43vw;font-size: 3.25vw;line-height: 1;margin-top: 4.63vw;margin-bottom: 6vw;font-family: opposB;}

.mob_s14 .s14_wrap .con_wrap .txt_con{width: 43vw;padding: 1.75vw 0 6vw;}
.mob_s14 .s14_wrap .con_wrap .txt_con .txt{font-size: 2vw;line-height: 3vw;font-family: opposM;color: #000000;margin-top: 4.25vw;}
.mob_s14 .s14_wrap .con_wrap .txt_con .icon_box{margin-top: 4.25vw;display: flex;flex-wrap: wrap;justify-content: center;}
.mob_s14 .s14_wrap .con_wrap .txt_con .icon_box .icon{width: 6.75vw;height: 6.75vw;margin: 0 0.56vw;}
.mob_s14 .s14_wrap .con_wrap .txt_con .icon_box .t{width: 100%;font-size: 2vw;line-height: 1;font-family: opposM;color: #000000;margin-top: 1.13vw;}
.mob_s14 .s14_wrap .con_wrap .swiper ,.mob_s14 .s14_wrap .con_wrap .swiper-wrapper ,.mob_s14 .s14_wrap .con_wrap .swiper-slide{width: 43vw;height: 43vw;}
/*---------mob_s15-----------*/
.mob_section .mob_s15{width: 100%;height: auto;position: relative;padding: 6.5vw 4.13vw;background: #f2f2f2;box-sizing: border-box;}
.mob_s15 .con_wrap{font-size: 1.5vw;line-height: 2.25vw;color: #1a1a1a;font-family: opposR;}
.mob_s15 .con_wrap .last{margin-top: 1.5vw;}

.cover_video_mask .video_container .close{width: 16px;height: 16px;right: 0;top: -24px;}

}

@media all and (max-width:767px) {
body{padding-top: 60px !important;}
}