.scroll_box{width:100%;min-height: 100vh;position: relative;}
.scroll-change{width:100%;position: absolute;}
.box{width:100%;height: 100vh;}
.scroll_box_main {width:100%;height: 100vh;display: block;}
.scroll_box_main video{width:100%;height: 100vh;object-fit: cover;display: block;}
.banner_video{position: relative;}
.banner_video_btn{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:8;width:50px;height: 50px;text-align: center;line-height: 50px;}
.banner_video_btn i{font-size: 50px;color:#fff;}



.index_box_container.swiper-container {
    width: 100%;
    height: 85%;
    padding-top:100px;
    top:10%;
}
.index_box_container .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(.8) !important;
}
/*.index_box_container .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}*/
.index_box_container .swiper-slide a{display: block;width: 100%;height: 100%;}
.index_box_container .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;}
.index_box_container .swiper-slide-active{padding:0 20px;transform: scale(1.2) !important;}
@media screen and (max-width: 750px) {
    .index_box_container.swiper-container{top:0;height: 95%;}
    .index_box_container .swiper-slide-active{transform: scale(1) !important;}
    .index_box_container .swiper-slide-active{padding:0 2%;}
}
.index_box_next,.index_box_prev{background-image: unset !important;color:#fff;font-size:30px !important;top:calc(50% + 50px) !important;}
.index_box_next{right:15% !important;}
.index_box_prev{left:15% !important;}

.index_scroll_box{width:96%;padding:100px 0 0;margin:0 2%;height:95%;overflow: hidden;}
.index_scroll_box_list{width:33.33%;flex-grow: 1;display: block;}
.index_scroll_box_list a{width: 100%;height:100%;display: block;position: relative;overflow: hidden;}
.index_scroll_box_list img{width:100%;height: 100%;object-fit: cover;display: block;transition: all ease .3s;}
.index_scroll_box_list:hover img{transform: scale(1.05);}
.index_scroll_box_list p{width:100%;font-size:16px;color:#fff;position: absolute;bottom:30px;line-height: 30px;text-align: right;padding:0 10px;transition:all ease .5s;}
/*.index_scroll_box_list:hover p{color:#ee3d3d;}*/
.index_scroll_box_list.swiper-slide-active p{text-align:left;}
.index_scroll_box_list.swiper-slide-next p{text-align:center;}



.info{width:100%;padding:100px 6.25% 100px;display: block;}
.about{width:100%;margin-top:40px;}
.about_img{width:64%;height:32.34375vw;display: block;}
.about_img img{width:100%;height:100%;object-fit: cover;display: block;}
.about_text{margin-left:10%;width:26%;height:32.34375vw;display: block;position: relative;}
.about_text_main{width:100%;position: absolute;bottom:0;}
.about_text_main h2{width:auto;font-size:20px;line-height: 40px;padding:0 20px;background: #000;color:#fff;display: inline-block;font-weight: normal;letter-spacing: 5px;}
.about_text_main span{width:100px;height: 2px;background: #000;margin:40px 0 30px;display: block;}
.about_text_main p{width:100%;font-size:16px;line-height: 30px;color:#000;}
.about_text_main p span{width: 100%;height: auto;background: unset;margin:0;}
.about_position{position: relative;}
.about_position .about_img{margin-left:36%;}
.about_position .about_text{margin-left:0;margin-right:10%;position: absolute;left:0;top:0;text-align: right;}
.about_position .about_text .about_text_main span{margin-left:auto;}
.about_position .about_text .about_text_main p{text-align: left;}
@media screen and (max-width: 750px) {
    .info{padding:70px 2%;}
    .about_img,.about_text{width:100% !important;height: unset;}
    .about_img{margin-left:0 !important;}
    .about_text{position: unset !important;top:unset !important;left:unset !important;text-align: left !important;margin:20px 0 0;}
    .about_text_main{position: unset;bottom:unset;}
    .about_text_main span{margin:5.33vw 0 4vw !important;}
    .about_text_main p span{margin:0 !important;}
}

/*  品牌故事  */
.brand{width:100%;margin-top:80px;margin-bottom: 120px;}
.brand_img{width:45%;min-width:45%;min-height: 21.46667vw;display: block;}
.brand_img img{width:100%;height: 100%;object-fit: cover;display: block;}
.brand_text{width:50%;margin-left:5%;position: relative;display: block;}
.brand_text_main{width:100%;position: absolute;top:50%;left:0;transform: translateY(-50%);}
.brand h2{width:100%;font-size:26px;line-height: 50px;display: block;color:#000;}
.brand span{width:35px;height: 1px;background: #000;display: block;}
.brand_text_main_p{width:100%;margin-top:45px;display: block;font-size:14px;line-height: 30px;color:#333;}
.brand_text_main_p p{margin-bottom: 20px;}
.brand_text_main_p p span{width: 100%;height: auto;background: unset;}
.brand_img_right{position: relative;}
.brand_img_right .brand_img{margin-left:55%;}
.brand_img_right .brand_text{position: absolute;top:0;left:0;margin-left:0;bottom:0;}
.history h2{text-align: center;}
.history span{margin:0 auto;}
@media screen and (max-width: 1200px) {
    .brand{margin-top:6.666vw; margin-bottom: 10vw;}
    .brand_img,.brand_text{width:100%;margin-left:0 !important;margin-right: 0;}
    .brand_img{margin-bottom: 3vw;}
    .brand_text_main_p{margin-top:3vw;}
    .brand_text_main,.brand_text{position: unset !important;top:unset;left:unset;transform: unset;bottom:unset;}
}

.brand_box{width:100%;height: 26.77vw;display: block;position: relative;}
.brand_box_swiper{width:44%;padding:30px;position: absolute;top:50%;right:0;transform: translateY(-50%);background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);overflow: hidden;}
.brand_box_swiper .mySwiper2 .swiper-slide{opacity: 0;}
.brand_box_swiper .mySwiper2{min-height: 11.979vw;padding-top:45px;font-size:14px;line-height: 24px;color:#333;}
.brand_box_swiper .mySwiper2 .swiper-slide-active{opacity: 1;}
.brand_box_swiper .mySwiper{overflow: hidden;position: relative;border-bottom: 1px solid #eee;line-height: 50px;font-size:16px;text-align: center;}
.brand_box_swiper .mySwiper .swiper-slide{position: relative;}
.brand_box_swiper .mySwiper .swiper-slide.swiper-slide-thumb-active:before{content:'';width:35px;height: 1px;background: #333;position:absolute;bottom:0;left:50%;transform: translateX(-50%);}
.brand_box_swiper .swiper-button-next,.brand_box_swiper .swiper-button-prev{color:#666 !important;}
.brand_box_swiper .swiper-button-next{right:-10px;}
.brand_box_swiper .swiper-button-prev{left:-10px;}
.brand_box_swiper .swiper-button-next:after,.brand_box_swiper .swiper-button-prev:after{font-size:16px !important;}
.brand_box .mySwiper3{width:66%;height: 26.77vw;overflow: hidden;}

@media screen and (max-width: 750px) {
    .brand_box{height: auto;}
    .brand_box_swiper{width:100%;padding:4vw;position: unset;top:unset;right:unset;transform: unset;}
    .brand_box_swiper .mySwiper2{padding-top:6vw;}
    .brand_box .mySwiper3{width: 100%;height: auto;}
}
.designer_img{width:100%;}
.designer_img img{height: 27.65625vw;object-fit: cover;}
.designer_img img:first-child{width:58.5%;display: block;}
.designer_img img:nth-child(2){width:40%;display: block;}
@media screen and (max-width: 750px) {
    .designer_img img{width: 100% !important;height: unset;margin-bottom: 3vw;}
}
.advantage{height: 100vh;width:100%;box-sizing: border-box;}
.advantage .banner_video,.advantage_main{width: 100%;height: 100%;padding:120px 6.25% 40px;}
.advantage_main{position: relative;}
.advantage .banner_video{display: block;}
.advantage video{width:100%;height: 100%;object-fit: cover;display: block;}
.advantage_img{width:40%;display: block;position: absolute;top:120px;left:6.25%;bottom:40px;}
.advantage_img img{width:100%;height: 100%;object-fit: cover;display: block;}
.advantage_text{width:52%;margin-left:48%;display: block;position: relative;height:100%;}
.advantage_text h2{width:100%;font-size:26px;line-height: 30px;color:#000;letter-spacing: 5px;margin-bottom: 40px;}
.advantage_text span{width:120px;height: 5px;background: #000;display: block;margin-bottom: 40px;}
.advantage_text p{width:100%;font-size:16px;line-height: 20px;color:#000;display: block;letter-spacing: 2px;}
.advantage_text p span{width: 100%;height: auto;background: unset;margin-bottom:0;}
.advantage_swiper{width:100%;height:50%;position: absolute !important;bottom:0;right:0;}
.advantage_swiper .swiper-slide{width:33.33%;height: 100%;overflow: hidden;}
.advantage_swiper .swiper-slide img{width:100%;height: 100%;object-fit: cover;display: block;transition: all ease .3s;}
.advantage_swiper .swiper-slide:hover img{transform: scale(1.05);}
@media screen and (max-width: 750px) {
    .advantage_img,.advantage_text{width:100%;}
    .advantage_img{position: unset;top:unset;left:unset;bottom:unset;}
    .advantage_text{margin-left:0;height: auto;}
    .advantage .banner_video,.advantage_main{padding:70px 2% 20px;}
    .advantage_text h2{margin-bottom: 2vw;}
    .advantage_text span{margin-bottom: 2vw;height: 0.666vw;}
    .advantage_text p span{margin-bottom: 0;height: auto;}
    .advantage_swiper{position: unset !important;bottom:unset;right:unset;height: 25vw;min-height: 100px;margin:3vw 0;}
    .advantage_img{height: calc(100vh - 35.666vw - 160px);}
    .advantage_img img{object-fit: contain;margin:0 auto auto;}
}

.info_img{width:100%;padding:120px 1% 40px;}
.info_img_list{width:24.625%;height: 36.25vw;margin-right: 0.5%;margin-bottom:2%;display: block;position: relative;}
.info_img_list:nth-child(4n){margin-right: 0;}
.info_img_list a{width:100%;display: block;}
.info_img_list img{width:100%;height: 100%;object-fit:cover;display: block;}
.info_img_list span{width:100%;height: 100%;position: absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,.3);z-index:2;display: block;transition: all ease .3s;}
.info_img_list:hover span{opacity: 0;}
.info_img_list_text{width:100%;position: absolute;top:100%;left:0;right:0;background: #fff;text-align: center;overflow: hidden;transition: all ease .3s;height:0;padding:0;z-index:3;}
.info_img_list:hover .info_img_list_text{height: auto;padding:2%;}
.info_img_list_text p{width:100%;font-size:14px;color:#333;line-height: 24px;display: block;}
.info_img_list_text i{width:100%;font-size:12px;color:#333;line-height: 24px;display: block;}
.info_img_list_text img{width:40px;height: 40px;object-fit: contain;display: block;margin:0 auto;}
@media screen and (max-width: 1200px){
    .info_img{padding-top:70px;}
}
@media screen and (max-width: 750px){
    .info_img_list{width:32.8%;margin-right: 0.5%;height:48.266vw;}
    .info_img_list:nth-child(4n){margin-right: 0.5%}
    .info_img_list:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 540px){
    .info_img_list{width:49.75%;margin-right: 0.5%;height:73vw;}
    .info_img_list:nth-child(3n){margin-right: 0.5%;}
    .info_img_list:nth-child(2n){margin-right: 0;}
}

/*  店铺信息  */
.store{width:100%;max-width: 1200px;height:100vh;display: block;margin:0 auto;padding:80px 0 0;}
.store_box{width:60%;display: block;}
.store_map{width:40%;}
.store_box_search{width:100%;background: #f8f8f8;padding:15px 2%;}
.store_box_search h3{width:100%;font-size:18px;line-height: 40px;display: block;color:#000;}
.store_box_search select{width:49%;display: block;line-height: 50px;background: #fff;font-size:16px;height: 50px;border:none;margin-right: 2%;padding:0 10px;}
.store_box_search select:nth-child(3){margin-right: 0;}
.store_box_search button{width:calc(20% - 10px);display: block;text-align: center;background: #333;color:#fff;font-size:16px;}
.store_main,.store_list{width:100%;display: block;}
.store_main{border-top:1px solid #eee;height:calc(100vh - 200px);overflow-y: auto;}

.store_main::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.store_main::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.store_main::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background   : #ededed;
}
.store_list{padding:20px 2%;border-bottom: 1px solid #eee;}
.store_list h2{width:100%;font-size:16px;line-height: 30px;display: block;color:#000;}
.store_list span{width:100%;margin:10px 0;font-size:14px;line-height: 24px;display: block;color:#333;}
.store_list p{width:100%;font-size:12px;line-height: 20px;display: block;color:#666;}
@media screen and (max-width: 1200px) {
    .store{padding-top:50px;}
    .store_main{height:calc(100vh - 170px);}
}
@media screen and (max-width: 750px) {
    .store_box{width:100%;}
    .store_map{display: none;}
}

.job{width:100%;max-width: 1200px;margin:0 auto;display: block;padding:120px 0 40px;min-height:680px;}
.job_nav{width:100%;text-align: center;margin-bottom: 45px;display: block;}
.job_nav h2{width:100%;font-size: 26px;color:#000;display: block;line-height: 40px;}
.job_nav span{width:35px;height: 1px;background: #000;display: block;margin:0 auto;}
.job_main{width:100%;max-width: 800px;margin:0 auto;}
.job_list{width:100%;display: block;margin-bottom: 10px;}
.job_list:nth-child(2n){margin-right: 0;}
.job_title{width:100%;font-size:20px;line-height: 40px;border-bottom: 1px solid #eee;display: block;color:#000;background: #f8f8f8;padding:20px;}
.job_title span{width:calc(100% - 20px);}
.job_intro{width:100%;padding:2%;display: none;background:#f8fcff; }
.job_intro h2{width:100%;font-size:14px;color:#333;line-height: 30px;display: block;margin-top:15px;}
.job_intro p{width:100%;font-size:12px;line-height: 24px;color:#666;display: block;}
@media screen and (max-width: 750px) {
    .job_main{padding:0 2%;}
    .job{padding:70px 2% 0;}
}


.detail,.detail p{width:100%;display: block;font-size:14px;line-height: 30px;color:#666;}
.detail p{margin-bottom: 30px;text-indent: 2rem;}
.detail img{max-width: 100%;margin:0 auto;display: block;}


.page{width:100%;display: block;margin-top:6vw;}
.pagination{width:100%;display: flex;justify-content: center;flex-wrap: wrap;}
.page a {width:auto;padding:0 8px;height: 26px;font-size:14px;line-height:24px;color:#333;text-align: center;box-sizing: border-box;border:1px solid #333;flex-grow: 0;display: block;margin:0 4px 5px;transition: .4s ease .1s;}
.page a.current,.page a:hover{background: #333;border-color: #333;color:#fff;}

.contact{max-width: 1200px;margin:0 auto;padding:180px 0 100px;}
.contact_content{width:40%;margin-right: 20px;display: block;}
.contact_content h2{width:100%;font-size:26px;line-height: 40px;margin-bottom: 25px;color:#000;}
.contact_content li{width:100%;display: flex;justify-content: flex-start;margin:10px 0;}
.contact_content li img{height: 20px;object-fit: contain;display: block;margin-right: 10px;margin-top:5px;}
.contact_content li p{font-size:14px;line-height: 30px;color:#333;display: block;}
.contact_map{width:calc(60% - 20px);display: block;height: 350px;}
@media screen and (max-width: 750px) {
    .contact{padding:20vw 2% 13.33vw;}
    .contact_content{width:100%;margin-right:0;}
    .contact_map{width: 100%;}
}

.info_banner_video video::-webkit-media-controls-play-button{display: none;}
.info_banner_video_btn{width: 87.5%;position: absolute;top:120px;z-index:9;height: calc(100vh - 230px);transform: translateX(-50%);}
.info_banner_video_btn i{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}


.video_container .swiper-slide{width:100%;position: relative;}
.video_container .swiper-slide img{width: 100%;height: 100vh;object-fit: cover;display: block;}
.video_container_text{width:100%;display: block;z-index:9;}
.video_container_text h2{width: 100%;font-size:48px;color:#fff;font-weight: normal;text-transform: uppercase;position: absolute;bottom:20%;left:0;text-align: center;}
.video_container_text a{width: 220px;height: 56px;line-height: 56px;font-size:18px;color:#000;display: block;text-align: center;background: rgba(255,255,255,0.9);transition: all ease .5s;position: absolute;bottom:11%;margin:0 auto;left:calc(50% - 110px);transform: translateX(-50%);}
.video_container_text a:hover{bottom:13.8%;}
.video_pagination span{border-radius: unset;border:1px solid #fff;opacity: 1 !important;width: 10px;height: 10px;background: none;}
.video_pagination span.swiper-pagination-bullet-active{background: #fff;}
@media screen and (max-width: 1600px) {
    .video_container_text h2{font-size:38px;}
    .video_container_text a{width:180px;height: 50px;line-height: 50px;font-size: 16px;left:calc(50% - 90px);}
}
@media screen and (max-width: 1400px) {
    .video_container_text h2{font-size:30px;}
    .video_container_text a{width:160px;height: 46px;line-height: 46px;font-size: 14px;left:calc(50% - 80px);}
}
@media screen and (max-width: 1199px) {
    .video_container_text h2{font-size:24px;}
    .video_container_text a{width:150px;height: 42px;line-height: 42px;font-size: 14px;left:calc(50% - 75px);}
}
@media screen and (max-width: 767px) {
    .video_container_text h2{font-size:18px;}
    .video_container_text a{width:140px;height:40px;line-height: 40px;font-size:14px;left:calc(50% - 70px);}
}
@media screen and (max-width: 480px) {
    .video_container_text h2{font-size:18px;}
    .video_container_text a{width:130px;height:36px;line-height: 36px;font-size:14px;left:calc(50% - 65px);}
}