@charset "utf-8";

/* service */
.service-tt{margin-bottom: 0.7rem;}
.service-tt .bt{font-family: var(--font-montserrat-extraBold);font-size: var(--fz37);text-transform: uppercase;}


.service-afs{padding:0.7rem 0 1.1rem;background:#f3f3f4;}
.service-afs .detail{display: flex;align-items: flex-start;justify-content: space-between;}
.service-afs .info{padding-top:0.4rem;width: 44%;}
.service-afs .title{font-size: var(--fz31);font-family: var(--font-montserrat-extraBold);color:var(--theme-color);line-height: 1.3;}
.service-afs .txt{margin-top:0.3rem;font-family: var(--font-montserrat-light);line-height: 1.8;-webkit-line-clamp: 7;}
.service-afs .imgbox{/* height: 4.55rem; */width: 47.5%;aspect-ratio: 1.5; }
.service-afs .more{margin-top:0.35rem;}

.service-tech{padding:0.85rem 0 1.2rem;}
.service-tech .service-tt{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0;}
.service-tech .list{margin-top:0.5rem;border-top:1px solid #bec0c0;}
.service-tech .list .item{border-bottom:1px solid #bec0c0;position: relative;display: block;font-size: var(--fz26);padding:0.28rem 0.5rem 0.28rem 0;}
.service-tech .list .lk{-webkit-line-clamp: 2;}
.service-tech .list .item::after{content:'\e60d';font-family: 'iconfont';position: absolute;right:0;top:50%;transform: translate(0,-50%) rotate(45deg);transition: all 0.3s;}
.service-tech .list .item:hover .lk{color:var(--theme-color);}
.service-tech .list .item:hover::after{transform: translate(0,-50%) rotate(0);}





.service-video{}
.service-video .service-tt{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0;}
.service-video .list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:1px;margin-top: 0.45rem;}
.service-video .list .item{/* height: 3.6rem; */position: relative;aspect-ratio: 1.8;cursor: pointer;}
.service-video .list .imgbox{height: 100%;}
.service-video .list .playicon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:0.86rem;height:0.86rem;background:url(../images/service_13.png) no-repeat center;background-size:contain;}
.service-video .list .title{color:#fff;position: absolute;width: 100%;left: 0;bottom: 0.15rem;padding:0 .4rem;font-family: var(--font-roboto-medium);}



.service-repair{padding:0.8rem 0 0.7rem;background:#f3f3f4;}
.service-repair .detail{display: flex;align-items: center;justify-content: space-between;gap:0.65rem;}
.service-repair .imgbox{width: 51.5%;/* height: 4.9rem; */aspect-ratio: 1.51; }
.service-repair .title{font-size: var(--fz36);font-family: var(--font-montserrat-bold);color:var(--theme-color);line-height: 1.3;}
.service-repair .txt{margin-top:0.4rem;font-family: var(--font-montserrat-light);line-height: 1.8;}
.service-repair .more{margin-top:0.35rem;}




/* technicalData */
.tech-main{padding:0.2rem 0 1.45rem;}

.tech-sx{margin-bottom: 0.7rem;}
.tech-sx .select{font-size: var(--fz26);width: 3.2rem;border:0;border-bottom:1px solid #979797;height: 0.6rem;line-height: 0.6rem;font-family: var(--font-roboto-medium);appearance: none;-webkit-appearance: none;background:url(../images/arrow.png) no-repeat right center;background-size:0.18rem;}
.tech-sx .select option{font-size: var(--fz24);}


.tech-list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:0.7rem 0.4rem;}
.tech-list .item{padding-right: 0.6rem;padding-bottom:0.3rem;position: relative;}
.tech-list .title{font-size: var(--fz25);color:var(--theme-color);-webkit-line-clamp: 3;margin-bottom: 0.25rem;}
.tech-list .txt{font-size: var(--fz18);color:#494848;font-family: var(--font-montserrat-light);-webkit-line-clamp: 3;margin-bottom: 0.2rem;}
.tech-list .more{font-size: var(--fz18);color:#333333;display: flex;align-items: center;gap:0.18rem;}
.tech-list .more::after{content:'\e70a';font-family: 'iconfont';color:var(--theme-color);}

.tech-list .item::before,.tech-list .item::after{content:'';position: absolute;left:0;bottom:0;transition: all 0.3s;}
.tech-list .item::before{height:1px;width:100%;background:#979797;}
.tech-list .item::after{height:2px;width:0;background:var(--theme-color);}
.tech-list .item:hover::after{width: 100%;}
.tech-list .item:hover .more{color:var(--theme-color);}


@media (max-width:991px){
	
	/* service */
	.service-afs .detail{display: block;}
	.service-afs .info{width: 100%;padding: 0;}
	.service-afs .txt{margin-top: 0.2rem;}
	.service-afs .imgbox{width: 100%;margin-top: 0.4rem;}
	
	.service-tech .list .item{font-size: var(--fz22);}

	.service-video .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.service-video .list .playicon{width: 0.74rem;height: 0.74rem;}
	
	
	.service-repair .detail{display: block;}
	.service-repair .imgbox{width: 100%;margin-bottom: 0.35rem;}
	
	
	/* technicaldata */
	.tech-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.tech-list .item{padding-right: 0;}
	
	
}


@media (max-width:767px){
	
	/* service */
	.service-tt{margin-bottom: 0.5rem;flex-direction: column;align-items: end!important;}
	.service-tt .bt{font-size: var(--fz34);width: 100%;text-align: left;}
	.service-tt .more{margin-top:0.18rem;}
	
	.tech-sx .select{width:100%;}
	
	
	
	.service-afs{padding:0.7rem 0;}
	
	.service-tech{padding:0.7rem 0 1rem;}
	.service-tech .list .item{font-size: var(--fz22);}

	.service-video .list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.service-video .list .playicon{width: 0.6rem;height: 0.6rem;}
	.service-video .list .title{padding:0 0.3rem;font-size: var(--fz20);bottom: 0.2rem;}
	
	
	.service-repair .detail{display: block;}
	.service-repair .imgbox{width: 100%;margin-bottom: 0.35rem;}
	.service-repair .title{font-size: var(--fz30);}
	.service-repair .txt{margin-top: 0.3rem;}
	
	
	/* technicaldata */
	.tech-main{padding:0.2rem 0 1.2rem;}
	.tech-list{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 0.5rem 0;}
	.tech-list .txt{font-size: var(--fz19);}
	
}