.header .nav-menu .first-li{
	display: flex;
	align-items: center;
	position: relative;
	height: calc(100 / 1920* 100vw);
}
.header .nav-menu .first-li>a{
	min-width: calc(100 / 1920* 100vw);
	text-align: center;
}
.header .nav-menu .children{
	display:none;
	position: absolute;	
	left: 0;
	top: calc(100 / 1920* 100vw);
	width: 260%;
	padding: 15px 0;
	background: #000;
}
.header .nav-menu .children li a{
	display: block;
	padding: 10px 15px;
	color: #B49478;
}
.header .nav-menu .children li a:hover{
	color: #fff;
}
.header .nav-menu .first-li:hover .children{
	display: block;
}

.content-box img{
	max-width: 100%;
	height: auto;
}
.rec-card-details{
	position: relative;
}
.rec-card-details a{
	margin-right: 15px;
	margin-top: 15px;
}
.pane-bullets-list p{
	font-size: calc(22 / 1920* 100vw);
}

.pagination{
	display: flex;
    gap: calc(12 / 1920* 100vw);
    align-items: center;
}
.pagination a {
    width: calc(70 / 1920* 100vw);
    height: calc(40 / 1920* 100vw);
    border-radius: calc(18 / 1920* 100vw);
    background-color: #e9e9e9;
    color: #999999;
    font-size: calc(20 / 1920* 100vw);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: none;
    background: #EBEBEB;
    border-radius: 20px;
}
.pagination .active a, .pagination a:hover {
    background-color: #4c3b6f;
    color: #ffffff;
}


.warranty-banner .interior-ambient-container{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 0;
}

.warranty-banner .ambient-subtitle{
	font-size: calc(33 / 1920* 100vw);
	color: #fff;
}

.warranty-banner .contact-text{
	margin:  calc(30 / 1920* 100vw) 0 calc(30 / 1920* 100vw);
}
.warranty-banner .contact-text .tel-box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.warranty-banner .contact-text .tel-box span{
	font-size: calc(72 / 1920* 100vw);
	color: #fff;
}
.warranty-banner .contact-text .tel-box span.ico{
	display: block;
	width: calc(58 / 1920* 100vw);
	height: calc(58 / 1920* 100vw);
	margin-right: calc(16 / 1920* 100vw);
	background: url(../images/icon_phone.png) center no-repeat;
	background-size: contain;
}
.warranty-banner .worktime{
	font-size: calc(25 / 1920* 100vw);
	color: #fff;
}
.warranty-banner .cate-text{
	margin-top:  calc(250 / 1920* 100vw);
	font-weight: bold;
	font-size: calc(72 / 1920* 100vw);
	color: #fff;
}
.warranty-banner .flag-box{
	position: absolute;
	right: calc(300 / 1920* 100vw);
	bottom: calc(-126 / 1920* 100vw);
}
.warranty-banner .flag-box img{
	width: calc(200 / 1920* 100vw);
}

.warranty-page .group-intro-section{
	padding-top: calc(10 / 1920* 100vw);
    padding-bottom: calc(0 / 1920* 100vw);
}

.warranty-page .content-box h3{
	line-height: calc(50 / 1920* 100vw);
	font-size: calc(25 / 1920* 100vw);
}
.warranty-page .content-box p{
	font-size: calc(24 / 1920* 100vw);
}
.warranty-page .width1{
	width: 66%;
}
.warranty-page .block{
	 position: relative;
	 padding: calc(25 / 1920* 100vw);
	 background: linear-gradient(to right, #fafafa, #d9d9d9);
	 border-radius: calc(25 / 1920* 100vw);
}
.warranty-page .block p{
	 font-size: calc(22 / 1920* 100vw);
}
.warranty-page .block .people{
	position: absolute;
	right: calc(-22 / 1920* 100vw);
	bottom: 0;
}
.warranty-page .block .people img{
	width: calc(300 / 1920* 100vw);
}

.faq-ambient-banner {
	height: 65vh;
}
.faq-ambient-title {
	font-size: calc(50/ 1920 * 100vw);
	color: #b49478;
	font-weight: 700;
 	letter-spacing: calc(0.5 / 1920 * 100vw);
}

.faq-list-section {
	background-color: #ffffff;
    padding-top: calc(130 / 1920 * 100vw);
    padding-bottom: calc(100 / 1920 * 100vw);
}

.faq-list-section .group-intro-title{
	font-size: calc(50/ 1920 * 100vw);
}
.faq-list-section .line{
	margin: calc(25/ 1920 * 100vw) 0 calc(15/ 1920 * 100vw);;
	width: calc(38/ 1920 * 100vw);
	height: calc(2/ 1920 * 100vw);
	background: #000000;
}
.faq-list-section .desc{
	margin-top: calc(25/ 1920 * 100vw);
	font-size: calc(40/ 1920 * 100vw);
}
.tab-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.tab-box li{
	margin: calc(10/ 1920 * 100vw) 0;
}
.tab-box li a{
	display: block;
	width: 100%;
	height: 100%;	
	padding: calc(10/ 1920 * 100vw) calc(25/ 1920 * 100vw);
	background: #b6b5b5;
	color: #fff;
	font-size: calc(28/ 1920 * 100vw);
	border-radius: calc(35/ 1920 * 100vw);
	text-align:center;
	cursor: pointer;
}
.tab-box li.active a, .tab-box li:hover a{
	background: #512d6d;
	color: #fff;
}
.faq-list-container{
	margin: calc(10/ 1920 * 100vw) 0;
	padding-top: calc(100/ 1920 * 100vw)
}
.faq-list-container .item{
	margin: calc(25/ 1920 * 100vw) 0;
	padding: calc(30/ 1920 * 100vw) calc(50/ 1920 * 100vw);
	border-radius: calc(35/ 1920 * 100vw);
	background: #efefef;
}
.faq-list-container .item .faq{
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.faq-list-container .item .faq p{
	font-size: calc(30/ 1920 * 100vw);
	font-weight: bold;
}
.faq-list-container .item .faq span{
	display: block;
	width: calc(30/ 1920 * 100vw);
	height: calc(30/ 1920 * 100vw);
	font-size: calc(30/ 1920 * 100vw);
	cursor: pointer;
	text-align: center;
}
.faq-list-container .item .answer{
	display: none;
	margin-top: calc(30/ 1920 * 100vw);
	}
.faq-list-container .item .answer p{
	font-size: calc(24/ 1920 * 100vw);
	line-height: calc(40/ 1920 * 100vw);
}
.faq-list-container .item.active .faq p, .faq-list-container .item:hover .faq p{
	color: #512d6d;
}
.faq-list-container .item.active .answer{
	display: block;
}

.network-box{
}
.network-box .group-intro-title{
	font-size: calc(70/ 1920 * 100vw);
}
.network-box .group-intro-title2{
	font-size: calc(50/ 1920 * 100vw);
}
.network-box .sub-title{
	margin:  calc(30/ 1920 * 100vw) 0 calc(60/ 1920 * 100vw);
	font-size: calc(40/ 1920 * 100vw);
}
.network-box .desc{
	font-size: calc(30/ 1920 * 100vw);
	line-height: calc(43/ 1920 * 100vw);
}
.network-box .content-out .name{
	margin:  calc(45/ 1920 * 100vw) auto;
	padding:  calc(15/ 1920 * 100vw) 0;
	background: #000;
	text-align: center;	
	font-size: calc(50/ 1920 * 100vw);
	color: #fff;
}
.network-box .content-out .name span{
	padding-right:  calc(50/ 1920 * 100vw);
}
.newwork-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: calc(40/ 1920 * 100vw) auto;
}
.newwork-list ul{
	padding-left: calc(15/ 1920 * 100vw);
	border-left: calc(1/ 1920 * 100vw) solid #231810;
	width: 25%;
}
.newwork-list ul:last-child{
	padding-right: calc(15/ 1920 * 100vw);
	border-right: calc(1/ 1920 * 100vw) solid #231810;
}
.newwork-list ul li{
	margin: 0 auto calc(21/ 1920 * 100vw);
	color: #595757;
	font-size: calc(20/ 1920 * 100vw);
}
.newwork-list ul li:last-child{
	margin-bottom: 0;
}
.phone-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: calc(40/ 1920 * 100vw) auto;
}
.phone-list li{
	width: 50%;
	margin: 0 auto calc(21/ 1920 * 100vw);
	color: #595757;
	font-size: calc(20/ 1920 * 100vw);
}
.phone-list li span{
	display: inline-block;
}
.phone-list li span:first-child{
	width: calc(130/ 1920 * 100vw);
}
.advantage-box{
}
.advantage-box .group-intro-title{
	font-size: calc(40/ 1920 * 100vw);
	text-align: center;
	line-height: calc(60/ 1920 * 100vw);
}
.advantage-box .photo-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.advantage-box .photo-list .item{
	margin: calc(35/ 1920 * 100vw) auto;
	width: 48.1%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.advantage-box .photo-list .item:hover{
	transform: translateY(calc(-6 / 1920 * 100vw));
}
.advantage-box .photo-list .item .photo{
	width: 100%;
	height: calc(400/ 1920 * 100vw);
	border-radius: calc(15/ 1920 * 100vw);
	overflow: hidden;
}
.advantage-box .photo-list .item .tit{
	margin: calc(22/ 1920 * 100vw) auto calc(15/ 1920 * 100vw);
	font-size: calc(30/ 1920 * 100vw);
	font-weight: bold;
	color: #000;
}
.advantage-box .photo-list .item .desc{	
	line-height: calc(30/ 1920 * 100vw);
	font-weight: 100;
	font-size: calc(20/ 1920 * 100vw);
	color: #585858;
}


.download-ambient-banner{
	height: 65vh;
}
.download-banner-container{
	padding-bottom: calc(50 / 1920* 100vw);
}
.download-box .group-intro-title{
	font-size: calc(40/ 1920 * 100vw);
}
.download-box .desc{
	margin: calc(36/ 1920 * 100vw) auto;
	font-size: calc(36/ 1920 * 100vw);
}
.download-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.download-list .item{
	width: 32%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin: calc(30/ 1920 * 100vw) 0;
}
.download-list .item:hover{
	transform: translateY(calc(-6 / 1920 * 100vw));
}
.download-list .item .photo{
	width: 100%;
	height: calc(520/ 1920 * 100vw);
	border-radius: calc(15/ 1920 * 100vw);
	overflow: hidden;
}
.download-list .item .tit{
	height: calc(70/ 1920 * 100vw);
	line-height: calc(40/ 1920 * 100vw);
	margin: calc(22/ 1920 * 100vw) auto calc(15/ 1920 * 100vw);
	font-size: calc(30/ 1920 * 100vw);
	font-weight: bold;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
    text-overflow: ellipsis;
}
.download-list .item .desc{	
	height: calc(210/ 1920 * 100vw);
	line-height: calc(30/ 1920 * 100vw);
	font-weight: 100;
	font-size: calc(18/ 1920 * 100vw);
	color: #585858;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
    text-overflow: ellipsis;
}
.download-list .item .text{	
	padding: calc(25/ 1920 * 100vw);
}
.download-list .item .info{
	position: relative;
}
.download-list .item .info .ico-box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: calc(15/ 1920 * 100vw);
}
.download-list .item .info .ico-box span:first-child{
	display: inline-block;
	width: calc(25/ 1920 * 100vw);
	height: calc(35/ 1920 * 100vw);	
}
.download-list .item .info .ico-box span:last-child{
	display: inline-block;
	font-size: calc(22/ 1920 * 100vw);
	margin-left: calc(25/ 1920 * 100vw);
	text-decoration: underline;
	text-underline-offset: calc(8/ 1920 * 100vw);
	text-decoration-thickness: calc(2/ 1920 * 100vw);
    text-decoration-color: #000;
    text-decoration-skip-ink: none;
}
.download-list .item .info .ico-box span.cloud{
	background: url(../images/icon_cloud.png) center calc(10/ 1920 * 100vw)  no-repeat;
	background-size: contain;
}
.download-list .item .info .ico-box span.eye{
	background: url(../images/icon_eye.png) center calc(10/ 1920 * 100vw) no-repeat;
	background-size: contain;
}

.container-devlop{
	padding:  calc(100/ 1920 * 100vw);
}
.building-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: calc(100/ 1920 * 100vw) 0;
}
.building-box .text-box{
	width: 40%;
	padding-left: calc(170/ 1920 * 100vw);
}
.building-box .text-box .title1{
	margin-top: calc(10/ 1920 * 100vw);
	font-size: calc(50/ 1920 * 100vw);
	font-weight: bold;
	color: #000;
}
.building-box .text-box .title2{	
	font-size: calc(30/ 1920 * 100vw);
	color: #000;
}
.building-box .text-box .title3{
	font-size: calc(30/ 1920 * 100vw);
	color: #000;
}
.building-box.block1 .pic-box{
	width: 60%;
	height: calc(690/ 1920 * 100vw);
	overflow: hidden;
}
.building-box .bg-pic-box{
	position: relative;
	width: 100%;
}
.building-box.block1 .bg-pic-box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: calc(690/ 1920 * 100vw);
	background: #f1f3f3;
}
.building-box.block1 .bg-pic-box .pic{
	position: absolute;
	left: 10%;
	top: calc(75/ 1920 * 100vw);
	width: 90%;
	height: calc(540/ 1920 * 100vw);
	z-index: 10;
	overflow: hidden;
}


.building-box.block2{
	height: calc(700/ 1920 * 100vw);
}
.building-box.block2 .bg-pic-box{
	height: 100%;
	clear: both;
}
.building-box.block2 .bg-pic-box .bg{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 55%;
	height: calc(568/ 1920 * 100vw);
	background: #f1f3f3;
}

.building-box.block2 .bg-pic-box .pic{
	position: absolute;
	left: 50%;
	top: calc(100/ 1920 * 100vw);
	width: 50%;
	height: calc(568/ 1920 * 100vw);
	z-index: 10;
	overflow: hidden;
}
.building-box.block3{
	height: calc(700/ 1920 * 100vw);
}
.building-box.block3 .bg-pic-box{
	height: 100%;
	clear: both;
}
.building-box.block3 .bg-pic-box .bg{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: calc(568/ 1920 * 100vw);
	background: #f1f3f3;
}

.building-box.block3 .bg-pic-box .pic{
	position: absolute;
	left: 0;
	top: calc(100/ 1920 * 100vw);
	width: 55%;
	height: calc(568/ 1920 * 100vw);
	z-index: 10;
	overflow: hidden;
}
.block2 .text-box, .block3 .text-box{
	width: 100%;
}

.building-box .bg-pic-box .pic{
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.building-box .bg-pic-box .pic:hover{
	transform: translateY(calc(-6 / 1920 * 100vw));
}

.banner-center{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 78vh;
}
.banner-center .text-box{
	text-align: center;
	color: #b49478;
	font-size: calc(30/ 1920 * 100vw);
}
.banner-center .text-box .title{
	margin-top: calc(10/ 1920 * 100vw);
	text-align: center;
	color: #b49478;
	font-size: calc(50/ 1920 * 100vw);
}
.building-box .block2, .building-box .block3{
	margin-bottom: 0;
}
.building-box.block1{
	margin-top: 0;
}

.life-ambient-banner{
	height: 100vh;
}
.life-banner-container{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: calc(250 / 1920* 100vw);	
}
.life-banner-container .title{	
	font-size: calc(36/ 1920 * 100vw);
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.life-banner-container .desc{
	margin: calc(30/ 1920 * 100vw) auto;
	font-size: calc(24/ 1920 * 100vw);
	color: #fbfaf9;
	text-align: center;
}

.section-letter{
	background: #000000;
}
.life-banner-container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding: calc(100/ 1920 * 100vw) calc(285/ 1920 * 100vw) calc(450 / 1920* 100vw) ;
	color: #ba9274;
}
.section-letter .life-banner-container .title{
	width: 100%;
	color: #ba9274;
}
.life-banner-container .letter-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: calc(100/ 1920 * 100vw) auto;
}
.letter-list .item{
	text-align: center;
}
.letter-list .item .letter{
	font-size: calc(130/ 1920 * 100vw);
}
.letter-list .item .name{
	margin: calc(30/ 1920 * 100vw) auto;
	font-size: calc(40/ 1920 * 100vw);
}
.letter-list .item .sub{
	font-size: calc(20/ 1920 * 100vw);
	color: #765c47;
}

.section-letter .life-banner-container .desc{
	width: 100%;
	color: #ba9274;
}
.section-building .log{
	text-align: center;
}
.section-building .log img{
	margin: auto;
}
.section-building .life-banner-container .desc{
	margin-top: calc(100/ 1920 * 100vw);
	width: 100%;
	color: #ba9274;
}
.last-box .title{
	margin-top: calc(100/ 1920 * 100vw);
}
.last-box .desc{
	margin-top: calc(150/ 1920 * 100vw);
	width: 100%;
}

.life-bg-color{
	padding: calc(100/ 1920 * 100vw) 0;
	background: linear-gradient(to bottom, #3c1160, #09030e);
}
.life-bg-color .innter{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.life-bg-color .innter .log{
	margin-bottom: calc(100/ 1920 * 100vw);
}
.life-bg-color .innter .photo-box{
	width: 100%;	
}
.life-bg-color .innter .photo-box .line{
	width: 100%;
	height: calc(89/ 1920 * 100vw);
	background: url(../images/life_line.webp) center no-repeat; background-size: 50%; 
}
.life-bg-color .innter .photo-box .cat-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(925/ 1920 * 100vw);
	margin: auto;
}
.life-bg-color .innter .photo-box .cat-list .item{
	width: auto;
}
.life-bg-color .innter .photo-box .cat-list .item img{
	width: calc(273/ 1920 * 100vw);
}
.life-bg-color .innter .photo-box .cat-list .item p{
	margin: calc(30/ 1920 * 100vw) auto;
	height: calc(50/ 1920 * 100vw);
	color: #ba9274;
	font-size: calc(22/ 1920 * 100vw);
	text-align: center;
}
.qual-card-item:hover .qual-card-content{
	display: none;
}
.qual-card-item:hover .qual-card-watermark{
	opacity: 0.8;
}
.value-card:hover .value-card-content{
	display: none;
}
.value-card:hover .value-card-bg{
	opacity: 0.8;
}

.video-list-section {
	background-color: #ffffff;
    padding-top: calc(130 / 1920 * 100vw);
    padding-bottom: calc(150 / 1920 * 100vw);
}

.video-list-section .tab-box{
	justify-content: space-around;
	margin: calc(30 / 1920 * 100vw) auto calc(100 / 1920 * 100vw);
}
.video-list-section .tab-box li{
	width: 45%;
}
.video-list-section .tab-box li a{
	padding: calc(10/ 1920 * 100vw) 0;
}

.video-list-section .group-intro-title{
	font-size: calc(50/ 1920 * 100vw);
}
.video-list-section .desc{
	font-size: calc(40/ 1920 * 100vw);
	text-align: center;
}
.video-list-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: calc(35/ 1920 * 100vw);
	margin: calc(100/ 1920 * 100vw) 0 0;
}


.video-list-container .item{
	position: relative;
	width: calc((100% - 2 * calc(35/ 1920 * 100vw)) / 3);
	height: calc(500/ 1920 * 100vw);
	border-radius: calc(25/ 1920 * 100vw);
	overflow: hidden;
}
.video-list-container .item .pic{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.video-list-container .item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.6s ease;
}
.video-list-container .item:nth-last-child(2):first-child,
.video-list-container .item:nth-last-child(2) ~ .item:nth-last-child(1) {
    margin-right: auto;
}
.video-list-container .item .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: calc(25/ 1920 * 100vw);
	background: rgba(0, 0, 0, 0.4);
	opacity: 1;
	visibility: visible;
	transition: opacity 0.6s ease, visibility 0.6s ease;
}
.video-list-container .item .text .inner{
	position: relative;
}
.video-list-container .item .text .title{
	font-size: calc(30/ 1920 * 100vw);
	color: #fff;
}
.video-list-container .item .text .sub{
	font-size: calc(26/ 1920 * 100vw);
	color: #fff;
}
.video-list-container .item .play-box{
	position: absolute;	
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.6s ease, visibility 0.6s ease;
}
.video-list-container .item .play{
	width: calc(162/ 1920 * 100vw);
	height: calc(162/ 1920 * 100vw);
	background: url(../images/play.webp) center no-repeat;
	background-size: contain;	
	cursor: pointer;
}

.video-list-container .item:hover .pic img{
	transform: scale(1.1);
}
.video-list-container .item:hover .play-box{
	opacity: 1;
	visibility: visible;
}
.video-list-container .item:hover .text{
	opacity: 0;
	visibility: hidden;
}


.case-list-section {
	background-color: #ffffff;
    padding-top: calc(130 / 1920 * 100vw);
    padding-bottom: calc(150 / 1920 * 100vw);
}

.case-list-section .desc{
	font-size: calc(40/ 1920 * 100vw);
	text-align: center;
}
.case-list-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: calc(25/ 1920 * 100vw);
	margin: calc(100/ 1920 * 100vw) 0 0;
}


.case-list-container .item{
	position: relative;
	width: calc((100% - 3 * calc(25/ 1920 * 100vw)) / 4);
	height: auto;
	overflow: hidden;
}
.case-list-container .item .pic{
	width: 100%;
	height: calc(350/ 1920 * 100vw);
	overflow: hidden;
}
.case-list-container .item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.6s ease;
}
.case-list-container .item:nth-last-child(2):first-child,
.case-list-container .item:nth-last-child(2) ~ .item:nth-last-child(1) {
    margin-right: auto;
}
.case-list-container .item .text{
	width: 100%;	
	margin: calc(50/ 1920 * 100vw) auto calc(70/ 1920 * 100vw);
}
.case-list-container .item .text a{
	display: block;
	width: 100%;
	padding: calc(5/ 1920 * 100vw)  calc(10/ 1920 * 100vw);
	font-size: calc(29/ 1920 * 100vw);
	border: calc(1/ 1920 * 100vw) solid #210548;
	border-radius: calc(35/ 1920 * 100vw);
	color: #000000;	
	text-align: center;
	transition: opacity 0.6s ease, visibility 0.6s ease;
}
.case-list-container .item:hover .pic img{
	transform: scale(1.1);
}
.case-list-container .item:hover .text a{
	background: #210548;
	color: #fff;
}
.center-banner-container{
	align-items: center;
	padding-bottom: 0;
}
.bold{
	font-weight: bold;
}
.text-center{
	text-align: center;
}
.global-network img{
	max-width: 100%;
}
.mt100{
	margin-top: calc(100/ 1920 * 100vw);
}
.title-phone{
	margin: calc(100/ 1920 * 100vw) auto calc(70/ 1920 * 100vw);
	font-size: calc(75/ 1920 * 100vw);
	font-weight: bold;
}
.num-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: calc(100/ 1920 * 100vw);
}
.num-list .item{
	width: 23%;
	margin: calc(30/ 1920 * 100vw) auto;
	padding: calc(50/ 1920 * 100vw) calc(10/ 1920 * 100vw);
	text-align: center;
	background: #f5f5f5;
	box-shadow: calc(4/ 1920 * 100vw) calc(6/ 1920 * 100vw) 10px rgba(0, 0, 0, 0.07);
}
.num-list .item .num{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	font-size: calc(63/ 1920 * 100vw);
	font-weight: bold;
	color: #d5b25d;
}
.num-list .item .num .plus{
	margin-left: calc(5/ 1920 * 100vw);
	font-size: calc(40/ 1920 * 100vw);
	font-weight: 300;
}
.num-list .item .num .plus2{
	font-size: calc(63/ 1920 * 100vw);
	font-weight: bold;
	color: #d5b25d;
}
.num-list .item .name{
	margin-top: calc(10/ 1920 * 100vw);
}
.num-list .item .name span{
	font-size: calc(18/ 1920 * 100vw);
	color: #000000;
}
.group-intro-section-warranty h1{
	margin: calc(150/ 1920 * 100vw) auto;
	font-size: calc(40/ 1920 * 100vw);
}

.warranty-list-box {
    margin: 0 auto calc(100 / 1920 * 100vw);
    display: grid;
    gap: calc(24 / 1920 * 100vw);
}
.warranty-list-box .item {
    display: grid;
    grid-template-columns: 4.5fr 5.5fr;
    gap: calc(24 / 1920 * 100vw);
}
.warranty-list-box .box-text {
    background-color: #e9e9ec;
    border-radius: calc(20 / 1920 * 100vw);
    padding: calc(40 / 1920 * 100vw) calc(15 / 1920 * 100vw);
}
.warranty-list-box .text-header {
    display: flex;
    align-items: flex-start;
    gap: calc(18 / 1920 * 100vw);
}
.warranty-list-box .circle-icon {
    width: calc(82 / 1920 * 100vw);
    height: calc(82 / 1920 * 100vw);
    flex-shrink: 0;
}
.warranty-list-box .circle-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.warranty-list-box .text-right-wrap {
    flex: 1;
}
.warranty-list-box .text-title {
    font-size: calc(28 / 1920 * 100vw);
    font-weight: bold;
    line-height: 1.4;
	margin-top: calc(5 / 1920 * 100vw);
    margin-bottom: calc(60 / 1920 * 100vw);
}
.warranty-list-box .text-list p {
    font-size: calc(18 / 1920 * 100vw);
    line-height: 1.6;
    margin-bottom: calc(16 / 1920 * 100vw);
}
.warranty-list-box .text-list p:last-child {
    margin-bottom: 0;
}
.warranty-list-box .box-img {
    border-radius: calc(20 / 1920 * 100vw);
    overflow: hidden;
}
.warranty-list-box .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.warranty-list-box .box-img:hover img {
    transform: scale(1.06);
}
#pane-details{
	padding: calc(60 / 1920 * 100vw) 0;
	border-top: calc(2 / 1920 * 100vw) solid #b2b1b1; 
	border-bottom: calc(2 / 1920 * 100vw) solid #b2b1b1;
}






