@font-face {
  font-family: p-black;
  src: url(../../styles/fonts/Poppins-Black.otf);
}
@font-face {
  font-family: p-bold;
  src: url(../../styles/fonts/Poppins-Bold.otf);
}
@font-face {
  font-family: p-medium;
  src: url(../../styles/fonts/Poppins-Medium.otf);
}
@font-face {
  font-family: p-regular;
  src: url(../../styles/fonts/Poppins-Regular.otf);
}

@keyframes slideActive {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
body {
  font-family: p-regular;
  width: 100vw;
  overflow-x: hidden;
}
.himla{ width: 100%;  }


.himla img{width: 100%;}
.himla .moreTitle .more{font-size: 0.42rem; line-height: 1.1rem; font-weight: bold; color: #000; margin-left: 1.36rem;}
.himla .moreTitle .more span{display: inline-block; width: 0; height: 0; border-left: 12px solid black; border-top: 12px solid transparent; border-bottom: 12px solid transparent; vertical-align: middle;margin-left:0.13rem;}
.himla .moreTitle .title{font-size: 0.8rem; line-height: 1.1rem; font-weight: bold; color: #000; margin-bottom: 0.2rem; margin-left: 1.36rem; margin-top: 1.24rem;}

.himla video{width: 100%; height: 100%; object-fit: cover;}
.himla .banner{ width: 100%; height: 100vh; position: relative; background: url(../images/himla/banner.jpg) no-repeat; background-size: cover;}
.himla .banner img{width: 100%; height: 100%; object-fit: cover;}
.himla .banner .title{position: absolute; bottom: 0.6rem; right:0.4rem; font-size: 0.5rem; font-family: p-bold; color: #fff; font-weight: bold;}
.himla .degrees{width: 100%;}
.himla .degrees img{width: 100%;}
.himla .record { padding: 0 0.74rem;}
.himla .record li{position: relative; display: flex; flex:1; align-items: center; flex-wrap: wrap; margin: 0.28rem 0 ; padding-left:1%; }
/* .himla .record li:first-child{width: 4.86rem;} */
.himla .record li div{width: 100%;}
.himla .record li::before{ content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.02rem; height: 0.94rem; background-color: #000;}
.himla .record li .name{font-size: 0.22rem; font-family: p-regular;}
.himla .record li .data{font-size: 0.36rem; font-family: p-bold; font-weight: bold; margin-top: 0.1rem;}
.himla .record ul{ display: flex;}

.himla .appearance360{ margin-bottom: 0.4rem; }
/* model_wrap */

@keyframes rotate{
	from{
		transform: rotate(0);
	}
	to{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate{
	from{
		-webkit-transform: rotate(0);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}
@-ms-keyframes rotate{
	from{
		-ms-transform: rotate(0);
	}
	to{
		-ms-transform: rotate(360deg);
	}
}

@media(min-width: 768px){
  .mb-only {
      display: none!important
  }
}
 
.model_wrap{position: relative;  width: 15.86rem; height: 70vh; margin: 0 auto;}
/* .model_wrap .tit_360{font-size: .42rem;font-weight: bold;color: #343434;text-align: center;padding: .2rem 0;position: relative;}
.model_wrap .tit_360:after{content: '';display: block;width: .51rem;height: .04rem;background: #c50d27;position: absolute;left: 50%;margin-left: -.255rem;bottom: 0;}
.model_wrap .rotate_icon{position: absolute;right: 10%;top: 35%;z-index: 1;width: 1.4rem;height: 1.4rem;display: flex;align-items: center;justify-content: center;}
.model_wrap .rotate_icon .ro{width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: rotate infinite 5s linear;	-webkit-animation: rotate infinite 5s linear;	-ms-animation: rotate infinite 5s linear;}
.model_wrap .rotate_icon .ct{width: .26rem;height: .26rem;position: relative;z-index: 1;transition: all .32s ease-in-out;}
.model_wrap .rotate_icon .ct:hover{transform: scale(1.3);} */
.model_wrap .model_360{overflow: hidden;width:78%;height: 100%;margin: 0 auto;position: relative;}
.model_wrap .model_360 .threesixty{width: 100%;height: 100%;}
.model_wrap .model_360 #interior_360{width: 100%;height: 100%;cursor: move;}
.model_wrap .bg360{width: 100%;position: absolute; /*height: 100%; object-fit: cover;*/}

/* .model_wrap .change_E_I{display: flex;justify-content: center;width: 4.18rem;margin: .46rem auto;color: #010103; font-size: .2rem;}
.model_wrap .change_E_I span{cursor: pointer; width: 47.36%; height: .43rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border: 1px solid #000000;transition: all .42s ease-in-out;}
.model_wrap .change_E_I span.on{background: #c50d27;border: none;color: #ffffff;}
.model_wrap .change_E_I span+span{margin-left: .24rem;} */

.model_wrap .color_cut{height:1rem;  width: 100%; display: flex; justify-content: end; position: absolute; bottom: 0.4rem; left: 0;}
.model_wrap .color{ padding: 0.15rem 0.7rem 0.15rem 0.1rem;  border-radius: 0.48rem;  background-color: #dddddd; /*margin-right: 1rem;*/  transform: scale(0.7);}
.model_wrap .color.off{display: none;}
.model_wrap .color span{opacity: 1; width: 0.64rem; height: 0.64rem;  position: relative;  background-color: #dddddd;  margin: 0 0.1rem; display: block;}
.model_wrap .color span i{    display: inline-block;  width: 0.64rem;  height: 0.64rem;  border-radius: 50%;}

/* .model_wrap .color span.on{border: 1px solid #b2b2b2;} */
.model_wrap .color span.on::after { content: '';  position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); width: 0.62rem; height: 0.62rem;  border: 0.08rem #000 solid; background-color: rgba(-255, -255, -255, 0); border-radius: 50%;}
.model_wrap .color span.on i{transform: scale(0.7);}

.model_wrap .pop_360_rou{width: 100%; height: 100%; position: relative;display: flex;
  align-items: center;}
.model_wrap .pop_360_rcon{width: 100%;}
.model_wrap #interior_360{position: absolute;top: 0;left: 0;z-index: -10;opacity: 0;}

.model_wrap .svgIndicator{ top: 0; left: 0;  height: 100%;  pointer-events: none;  position: absolute; width: 100%; display: flex; justify-content: center; align-items: center;}
.model_wrap .svgIndicator img{width: 1rem; height: 1rem;}
.model_wrap .color span.oliveGreen i{
	background-color: #849b7f;
}
/* .model_wrap .color span.blue-a i{
	background-color: #2da8c6;
}
.model_wrap .color span.blue-b i{
	background-color: #0b268a;
}
.model_wrap .color span.gold i{
	background-color: #8d7a6b;
}
.model_wrap .color span.gray i{
	background-color: #808388;
}
.model_wrap .color span.orange i{
	background-color: #d13c0b;
}
.model_wrap .color span.red i{
	background-color: #dc1818;
}
.model_wrap .color span.white i{
	background-color: #f2f2f3;
}
.model_wrap .color span.silver i{
	background-color: #c1c1c1;
}
.model_wrap .color span.green i{
	background-color: #6f6b3b;
}
.model_wrap .color span.purple i{
	background-color: #47354d;
}
.model_wrap .color span.grayblack i{
	background-color: #2a3137;
}
.model_wrap .color span.silverblack i{
	background-color: #383b3d;
}
.model_wrap .color span.brown i{
	background-color: #614b17;
} */



/* .model_360 .color i.on:before{
	content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 16px;
    background: url(../images/360_view/picker-selected.png) no-repeat top center transparent;
    background-size: contain;
   	top: 7px;
    left: 23px;
}
.model_360 .color i.white.on:before{
	content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 16px;
    background: url(../images/360_view/picker-selected-dark.png) no-repeat top center transparent;
    background-size: contain;
    top: 7px;
    left: 23px;
}
.model_360 .color.off{
	display: none;
} */
/* .threesixty_images {
    cursor: url(../images/himla/360/cursor.cur),move;
} */

.loading-360{
	background: url(../images/himla/360/loading.png) no-repeat top center transparent;
	background-size: contain;
	width: .8rem;
	height: .8rem;
	animation: rotate 1s infinite;
	-webkit-animation: rotate 1s infinite;
	-ms-animation: rotate 1s infinite;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -40px auto;
}


/* model_wrap */

.himla .interior360 {width: 100%; }
.himla .interior360 .con{width: 100vw; /*height: 100vh;*/ }
.himla .interior360 .con .interior360Swiper{width: 100vw; height: 78vh; --swiper-pagination-bullet-width:0.64rem; --swiper-pagination-bullet-height:0.64rem;} 
.himla .interior360 .con .interior360Swiper .swiper-slide{width: 100vw; height: 7.98rem;}
.himla .interior360 .con .interior360Swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.himla .interior360 .con .interior360Swiper .swiper-pagination{left: initial;  bottom: 0.15rem; right: 1rem; /*height: 0.94rem;*/ width: 2.22rem; padding: 0.15rem 0.1rem; border-radius: 0.48rem; background-color: #dddddd; text-align:left; transform: scale(0.7);}
.himla .interior360 .con .interior360Swiper .swiper-pagination span{ opacity:1; position: relative; background-color: #dddddd; margin: 0 0.1rem;}
.himla .interior360 .con .interior360Swiper .swiper-pagination span i{display: inline-block; width: 0.64rem; height: 0.64rem; border-radius: 50%;}
.himla .interior360 .con .interior360Swiper .swiper-pagination span:first-child i{background-color:#c89a4f; }
.himla .interior360 .con .interior360Swiper .swiper-pagination span:nth-child(2) i{background-color:#000;}
.himla .interior360 .con .interior360Swiper .swiper-pagination .swiper-pagination-bullet-active i{transform: scale(0.7); }
.himla .interior360 .con .interior360Swiper .swiper-pagination .swiper-pagination-bullet-active::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0.62rem; height: 0.62rem; border: 0.08rem #000 solid; background-color: rgba(-255, -255, -255, 0); border-radius: 50%; }
/* .himla .interior360 .con .interior360Swiper .swiper-pagination */
.himla .interior360 .record{padding-bottom: 0.4rem;}
.himla .interior360 .record ul{ justify-content: space-between;}

.himla .introduceMenu{ 
  height: 0.75rem; 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  position: sticky; /* 添加粘性定位 */
  top: 0; /* 贴顶 */
  z-index: 250;
  cursor: pointer;
}
.himla .introduceMenu a{font-size: 0.22rem; font-family: p-bold; font-weight: bold; display: flex; justify-content: center; align-items: center; background-color: #536a5e; width: 34%; height: 100%; color: #fff; border-right: #6a786d 1px solid;}
.himla .introduceMenu a:last-child{border: none;}
.himla .introduceMenu a.on{background-color: #709682; }
.himla .introduceCon{width: 100%;} 
.himla .introduceCon video{ width: 100%; height: 100%; object-fit: cover;}
.himla .showPic{width: 100%; height: 100%; margin-top: 1.18rem;}
.himla .showPic img{width: 100%; height: 100%; object-fit: cover;}
.himla .showPic .record ul li{width: 24%; flex: none;}


.himla .myVideo{width: 100%; height: calc( 100svh - 0.75rem); position: relative;}
.himla .myVideo video{width: 100%; height: 100%; object-fit: cover;}
.himla .myVideo .audioControlBtn{position: absolute; bottom: 0.34rem; right:1.2rem; width: 0.72rem; height: 0.72rem; background-color: rgba(-255, -255, -255, 0.5); border-radius: 50%;  display: flex; justify-content: center; align-items: center; border: none; padding: 0; border: 0; margin-right: 0.24rem;}
.himla .myVideo .audioControlBtn i{width: 100%; height: 100%;}
.himla .myVideo .audioControlBtn i img{width: 100%; height: 100%; object-fit: cover;}
.himla .myVideo .playPauseBtn{ position: absolute; bottom: 0.34rem; right: 0.44rem; width: 0.72rem; height: 0.72rem; background-color: rgba(-255, -255, -255, 0.5); border-radius: 50%;  display: flex; justify-content: center; align-items: center; border: none;}
.himla .myVideo .playPauseBtn i{font-size: 0.28rem; color: #fff; font-style:initial; line-height: 0.72rem;}
.himla .myVideo .playPauseBtn .pause-icon{font-size: 0.38rem; background: transparent;}
.himla .myVideo .bigPlayBtn{ position: absolute; top: 50%; left:50%; width: 0.72rem; height: 0.72rem; background-color: rgba(-255, -255, -255, 0.5); border-radius: 50%;  display: flex; justify-content: center; align-items: center; border: none; transform-origin: center center; transform: translate(-50%,-50%) scale(2);}
.himla .myVideo .bigPlayBtn i{font-size: 0.28rem; color: #fff; font-style:initial; line-height: 0.72rem;    margin-left: 0.05rem;}
.himla .titleCon{width:96%; margin: 0 auto;}
.himla .titleCon .contact{width: 4.3rem; margin: 0 auto;}
.himla .titleCon .record{ padding: 0.3rem 0 0.6rem 0;}
.himla .titleCon .title{font-size: 0.72rem; font-weight: bold;}
.himla .titleCon .record li{width: 30%;}

/* Multi-record performance table styles - Desktop Only */
/* 基于 1920px 设计图，1rem = 100px */
.himla .multi-record {
  margin-top: 0.1rem; /* 40px */
  margin-bottom: 0.5rem; /* 40px */
  margin-left: auto;
  margin-right: auto;
}

.himla .multi-record .engine-section {
  margin-bottom: 0.2rem; /* 80px */
}
.himla .showPic .record{padding-top:0;}
.himla .showPic .record ul li{width: auto;}

.himla .multi-record .engine-title {
  font-size: 0.48rem; /* 48px */
  font-family: p-bold;
  font-weight: bold;
  margin-bottom: 0.1rem; /* 40px */
  text-align: left;
}

.himla .multi-record .performance-table {
  width: 100%;
  border-collapse: collapse;
  font-family: p-regular;
}

.himla .multi-record .table-header {
  display: flex;
  background-color: transparent;
  border-bottom: 0.02rem solid #000; /* 2px */
}

.himla .multi-record .header-item {
  flex: 1;
  padding: 0.1rem 0.16rem; /* 24px 16px */
  font-size: 0.2rem; /* 18px */
  font-family: p-medium;
  color: #666;
  text-align: left;
}

.himla .multi-record .table-row {
  display: flex;
  border-bottom: 0.01rem solid #e0e0e0; /* 1px */
  padding: 0.1rem 0; /* 10px 0 */
  align-items: center;
}

.himla .multi-record .table-row:last-child {
  border-bottom: none;
}

.himla .multi-record .table-cell {
  flex: 1;
  padding: 0.1rem 0.16rem; /* 24px 16px */
  font-size: 0.36rem; /* 56px */
  font-family: p-bold;
  font-weight: bold;
  color: #000;
  text-align: left;
  line-height: 1.2;
}

.himla .imgCon{ position: relative; }
.himla .imgCon .bigSwiper{ width: 15.86rem; margin: 0 auto; height: 70svh; border-radius: 0.2rem;margin-bottom: 2svh;}
.himla .imgCon .bigSwiper img{ width: 100%; height: 100%; object-fit: cover;}
.himla .imgCon .littleSwiper{width: 15.86rem; height: 17svh; margin: 0 auto;}
.himla .imgCon .littleSwiper .swiper-slide{ /*border: #fff 0.04rem solid; border-radius: 0.08rem; overflow: hidden;*/ width: 20%; height: 100%;position: relative;}
.himla .imgCon .littleSwiper .swiper-slide .pic{width: 95%; height: 95%; transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; border-radius: 0.16rem; overflow: hidden; border: #fff solid 0.04rem;}
.himla .imgCon .littleSwiper .swiper-slide-thumb-active .pic{border: #383635 0.04rem solid;}
.himla .imgCon .littleSwiper .swiper-slide img { display: block;  width: 100%;   height: 100%;  object-fit: cover; }
.himla .imgCon {--swiper-navigation-color: #fff; --swiper-navigation-size:0.3rem} 
.himla .imgCon .swiper-button-next, .himla .imgCon .swiper-rtl .swiper-button-prev{width: 0.48rem; height: 0.48rem; background-color: #666464; border-radius: 50%; top: var(--swiper-navigation-top-offset, 90%); right: var(--swiper-navigation-sides-offset,5%);}
.himla .imgCon .swiper-button-prev, .himla .imgCon .swiper-rtl .swiper-button-next{width: 0.48rem; height: 0.48rem; background-color: #666464; border-radius: 50%; top: var(--swiper-navigation-top-offset, 90%); left: var(--swiper-navigation-sides-offset,5%);}


.himla .btnChoosePic{ width: 15rem; margin: 0 auto; margin-top: 2rem; }
.himla .btnChoosePic .pic{width: 100%; height: 70svh; border-radius: 0.2rem; overflow: hidden; position: relative;}
.himla .btnChoosePic .pic li{position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: all 0.5s;}
.himla .btnChoosePic .pic li img{width: 100%; height: 100%; object-fit: cover;}
.himla .btnChoosePic .pic li.on{visibility: visible; opacity: 1; transition: all 0.5s;}
.himla .btnChoosePic .btnList{display: flex; justify-content: space-between; align-items: center; font-size: 0.28rem; margin-top:2%;}
.himla .btnChoosePic .btnList a{ height: 0.46rem; display: block;color: #727272; position: relative; cursor: pointer;  transition: all 0.5s;}
.himla .btnChoosePic .btnList a.on,.himla .btnChoosePic .btnList a:hover{color: #000; transition: all 0.5s;}
.himla .btnChoosePic .btnList a.on::after ,.himla .btnChoosePic .btnList a:hover::after{ content: ''; display: block;width: 100%; height: 0.04rem; background-color: #000; position: absolute; bottom: 0; left: 0;  transition: all 0.5s;}
.himla .btnChoosePic .conShow{ height: 0.28rem; line-height: 0.28rem; margin-top: 2%; font-size: 0.22rem; display: flex; justify-content: center; align-items: center; color: #727272; position: relative;}
.himla .btnChoosePic .conShow span{position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: all 0.5s; text-align: center;}
.himla .btnChoosePic .conShow span.on{ opacity:1; transition: all 0.5s;}
.himla .textExplanation{width:100%}
.himla .textExplanation .swiper .icon{width: 1.82rem;}
.himla .textExplanation .swiper .icon{width: 1.82rem;}
.himla .textExplanation .swiper .more{color: #fff; font-size: 0.3rem; font-weight: lighter;    line-height: 0.12rem;}
.himla .textExplanation .textExplanation_conten{display: flex; width: 100%;}
.himla .textExplanation .videoMain{width: calc(100% - 6.82rem); height: auto;}
.himla .textExplanation .videoText{width: calc(6.82rem - 0.68rem); background: url(../images/himla/textExplanation_bg.png) no-repeat #546a5e bottom; background-size: 100%; padding:0.55rem 0.34rem; color: #fff; font-size: 0.3rem; line-height: 0.5rem; position: relative;} 
.himla .textExplanation .videoText h3{font-size: 0.74rem; line-height: 0.94rem; font-weight: bold; margin-bottom: 0.25rem;}
.himla .textExplanation .videoTxtBottom{display: flex;position: absolute; bottom: 0.35rem; left: 0; align-items:flex-end; justify-content: space-between; width:calc(100% - 0.68rem);padding:0 0.34rem;}
.himla .textExplanation .videoTxtBottom_more{color: #fff; font-size: 0.3rem; font-weight: lighter;    line-height: 0.12rem;}
.himla .textExplanation .videoTxtBottom_more span{display: inline-block; width: 0; height: 0; border-left: 12px solid white; border-top: 12px solid transparent; border-bottom: 12px solid transparent; vertical-align: middle;margin-left:0.13rem;}


.himla .buid-price{width: 100%; text-align: center; margin-top:1.2rem; margin-bottom: 0.6rem;}
.himla .btn-build-price {
  display: inline-block;
  padding: 0.38rem 0;
  background-color: #546a5e;
  color: #fff;
  font-family: p-bold, Arial, sans-serif;
  font-size: 0.28rem;
  line-height: 0.28rem;
  font-weight: bold;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  text-align: center;
  transition: background 0.2s;
  width: 3.36rem;
}
.himla  .btn-build-price:hover {
  background-color: #4d5f56;
}
.himla .bottomPicSwiper{width: 100%; height: calc( 100svh - 0.75rem );}
.himla .bottomPicSwiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.himla .bottomBg{width: 100%; background-color: #546a5e; height: 0.2rem;}
.himla .SPACE .commercialSpace{padding-top: 0.89rem;}
.himla .SPACE .commercialSpace .titleCon{margin-left: 0.62rem;}
.himla .SPACE .commercialSpace .record ul{flex-wrap: wrap;}
.himla .SPACE .MultiScenario {padding: 1.16rem 0;}
.himla .SPACE .MultiScenario .imgCon{margin-top: 0.60rem;}
.himla .SPACE .MultiScenario .titleCon{padding-left:0;width: 15.86rem;}
.himla .SPACE .VersatileSpace {position: relative; margin-top: 1.2rem; }
.himla .SPACE .VersatileSpace .logoTitle{ height: 14svh; display: flex; justify-content: space-between; align-items: center; width: 96%; margin: 0 auto;}
.himla .SPACE .VersatileSpace .logoTitle h4{font-size: 0.72rem; line-height: 0.9rem; font-weight: bold; color: #000; width: 7.33rem; }
.himla .SPACE .VersatileSpace .logo img{width: 8rem;}
.himla .SPACE .VersatileSpace_con{display: flex; margin-top: 0.43rem; align-items: center; margin-bottom: 1.64rem; height: 70svh; position: relative; width: 100%;}
.himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper{/*width: calc(100% - 6.04rem);*/ width: 60%; height: 100%; margin: 0;}
.himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper img{ height: 100%; width: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.himla .SPACE .VersatileSpace_con .swiper-button-next{width: 6.04rem; font-size: 0.48rem;line-height: 0.58rem;height: 100%; position: relative; top: 0; right: 0; font-weight: bolder; color: #000; text-align: center;}
.himla .SPACE .VersatileSpace_con .swiper-button-next span{font-size: 0.42rem;}
.himla .SPACE .VersatileSpace_con .swiper-button-next:after{content: ''; background: url(../images/himla/VersatileSpace_j.png) no-repeat; width: 0.77rem; height: 1.45rem; background-size:100% ;}
.himla .SPACE .campingSpace .titleCon{margin-bottom:0.6rem ;}
.himla .SPACE .LivingSpace {margin-top: 1.16rem; }
.himla .SPACE .LivingSpace .titleCon{margin-bottom: 0.6rem;}
.himla .SPACE .LivingSpace .livingSpaceSwiper{width: 100%; height: 90svh; --swiper-navigation-color:#fff; --swiper-navigation-size:0.3rem;position: relative;}
.himla .SPACE .LivingSpace .swiper-button-next,.himla .SPACE .LivingSpace .swiper-rtl .swiper-button-prev{width: 0.8rem; height: 0.8rem; background-color: rgba(-255,-255,-255,0.6); border-radius: 50%; right: var(--swiper-navigation-sides-offset,2%);}
.himla .SPACE .LivingSpace .swiper-button-prev{width: 0.8rem; height: 0.8rem; background-color: rgba(-255,-255,-255,0.6); border-radius: 50%; left: var(--swiper-navigation-sides-offset, 2%);}
.himla .SPACE .LivingSpace .livingSpaceSwiper img{width: 100%; height: 100%; object-fit: cover;}
/* .himla .SPACE .LivingSpace .con{width: 100%; position: relative;}
.himla .SPACE .LivingSpace .con img{width: 100%;}
.himla .SPACE .LivingSpace .con .word{position: absolute; bottom: 2rem; right:1.86rem; color: #fff; font-size: 0.74rem; line-height: 1.1rem; font-weight: bold;}

.himla .SPACE .LivingSpace .titleCon{width:auto; margin-left: 1.12rem; margin-top: 1.16rem; margin-bottom: 0.6rem;} */
.himla .SPACE .CompleteAllTasksComfortably .moreTitle{width: 15rem;margin: 0 auto;}
.himla .SPACE .CompleteAllTasksComfortably .moreTitle .title{margin-left: 0;}
.himla .SPACE .CompleteAllTasksComfortably .moreTitle .more{margin-left: 0;}
.himla .SPACE .CompleteAllTasksComfortably .btnChoosePic{margin-top: 0.75rem;}
.himla .SPACE .CompleteAllTasksComfortably .btnList{justify-content: space-around;}
.himla .SPACE .bottomPic img{width: 100%; margin-top: 1.10rem;}
.himla .SAFETY .ReliableSafety .btnChoosePic{margin-top: 0.56rem;}
.himla .SAFETY .ReliableSafety .btnList{justify-content: space-around;}
.himla .SAFETY .ReliableSafety .moreTitle{width:15rem; margin: 0 auto;}
.himla .SAFETY .ReliableSafety .moreTitle .title{margin-left:0;}
.himla .SAFETY .ReliableSafety .moreTitle .more{margin-left:0;}


@media (max-width: 767px) {
  .pc-pad{
      display: none!important;
  }
 .himla .banner{ background-image: url(../images/himla/banner_mb.jpg); background-size: cover;}
  .himla .introduceMenu{height: 1.4rem;}
  .himla .record{padding: 0;}
  .himla .degrees .record{width: 90%; margin: 0 auto; padding: 0.32rem 0;}
  .himla .record ul{flex-wrap: wrap;}
  /* .himla .record li:first-child{width: 47.5%;} */
  .himla .record li{width: 47.5%; margin-left: 2%;}
  .himla .record li .data{line-height: 0.5rem;}
  .himla .record li .name{line-height: 0.4rem;}
  .himla .record li::before{height: 100%;}
  .himla .showPic .record ul li{flex: auto; width: 47%;}

 .model_wrap{width: 100%; overflow: hidden;}
  .himla .degrees .model_wrap .bg360{width: 200%;}
  .model_wrap .model_360{width: 100%; padding-top: 1rem;}
 
  .himla .myVideo{width: 100%; height: 5rem;}
  .himla .bottomPicSwiper{width: 100%; height: calc( 100svh - 1.5rem );}
  .himla .SPACE .VersatileSpace .logoTitle{ flex-wrap:wrap; height: 3.2rem;}
  .himla .titleCon,.himla .SPACE .MultiScenario .titleCon,.himla .SPACE .LivingSpace .titleCon,.himla .SAFETY .ReliableSafety .moreTitle{width:90%; margin:auto !important; padding: 0;}
  .himla .titleCon .record li{width: 47.5%;}
  .himla .imgCon .bigSwiper{width: 90%;height: 4.5rem;}
  .himla .imgCon .littleSwiper{width: 90%;}
  .himla .imgCon .swiper-button-next, .himla .imgCon .swiper-rtl .swiper-button-prev{right: var(--swiper-navigation-sides-offset, .2rem);    top: var(--swiper-navigation-top-offset, 80%);}
  .himla .imgCon .swiper-button-prev, .himla .imgCon .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, .2rem);    top: var(--swiper-navigation-top-offset, 80%);}
  .himla .SPACE .LivingSpace .livingSpaceSwiper{margin-top: 0.4rem;  --swiper-navigation-size: 0.4rem;}
  .himla .SPACE .LivingSpace .swiper-button-next, .himla .SPACE .LivingSpace .swiper-rtl .swiper-button-prev{width: 1rem; height: 1rem;}
  .himla .SPACE .LivingSpace .swiper-button-prev{width: 1rem; height: 1rem;}
  .himla .btnChoosePic{width: 90%; margin-top: 1rem;}
  .himla .btnChoosePic .btnList{font-size: 0.24rem; text-align: center;}
  .himla .btnChoosePic .btnList a{height: auto; padding:0 0.1rem 0.2rem; width: calc(100% / 3); height: 0.6rem;}
  .himla .btnChoosePic .conShow{font-size: 0.24rem; line-height: .4rem; margin-top: 0.34rem; height: 1.2rem;}
  .himla .moreTitle .title{ font-size: 0.45rem;line-height: 0.6rem; margin-left: 0.3rem;}
  .himla .moreTitle .more{margin-left: 0.3rem; font-size: 0.4rem;}
  .himla .textExplanation .textExplanation_conten{flex-wrap: wrap;}
  .himla .textExplanation .videoMain,.himla .textExplanation .videoText{width: 100%;height: 7rem;}
  .himla .SPACE .VersatileSpace{ margin-top:0 ;}
  .himla .SPACE .VersatileSpace .logo img{width: 6rem;        margin-left: 5%;}
  .himla .SPACE .VersatileSpace .logoTitle h4{width: auto; padding-right: 5%;padding-left: 5%; margin-bottom: 0.1rem;}
  .himla .SPACE .VersatileSpace_con{flex-wrap: wrap;justify-content: flex-end; height:8rem;}
  .himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper{width: 100%; height: 5rem;}
  .himla .SPACE .VersatileSpace_con .swiper-button-next{margin-top: 0;width: auto; height: auto; right:0.5rem}
  .himla .SPACE .VersatileSpace_con .VersatileSpaceSwiper img{width: 95%;}
  .himla .SPACE .CompleteAllTasksComfortably .moreTitle{width: 90%;}
  .himla .bottomBg{height: 0.33rem;}
  .himla .SPACE .LivingSpace .con .word{bottom: 0.5rem; right: 0.5rem;font-size: 0.5rem; line-height: 0.6rem;}
  .himla .interior360 .con{ height: 7.5rem;}
  .himla .interior360 .con .interior360Swiper{height:7.9rem;}
  .himla .interior360 .con .interior360Swiper .swiper-pagination{ right: 0;}
  .himla .SPACE .campingSpace .titleCon{padding-bottom: 0.4rem;}
  .himla .CompleteAllTasksComfortably .btnChoosePic .btnList a,.himla .ReliableSafety .btnChoosePic .btnList a{ width: calc(100% / 2); display: flex; align-items: center;  justify-content: center;}
}