.subtitle{ text-align: center; font-size: 14px; color: #888888; margin: 0 0 20px; }

.titleT1{ text-align: center; font-size: 24px; font-weight:normal; color: #104c9a; margin: 0 0 8px; letter-spacing: 0.5px; }
	.titleT1 span{ color: #4b7fbf; margin-left:5px; font-size:21px; }
		
.sectionSpeciality{ padding: 46px 24px 20px; background: #ffffff; }
	.sectionSpeciality .wrap{ width: 1200px; max-width: 100%; margin: 0 auto; }
	.sectionSpeciality .grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
	.sectionSpeciality .card{ padding:20px; border: 0px solid #e8ecf0; border-radius: 12px; text-align: center; background: #ffffff; /*box-shadow: 0 2px 8px rgba(0,0,0,.04);*/ transition: transform 0.25s ease, box-shadow 0.25s ease; }
	/*.sectionSpeciality .card:hover{ transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,102,204,.12); border-color: rgba(0,102,204,.2); }*/
	.sectionSpeciality .icon{ width:auto; height:143px; object-fit: contain; margin: 0 auto 16px; border-radius: 14px; }
	.sectionSpeciality .text{ margin: 0; font-size: 18px; color: #444444; font-weight: 500; }

.sectionServices{ padding: 46px 24px 20px; background:; }
	.sectionServices .wrap{ width: 1200px; max-width: 100%; margin: 0 auto; }
	.sectionServices .blockRow{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 28px; padding-top:20px; }
	.sectionServices .main{ height:428px; padding:27px 0 0; border-radius:0px; color: #ffffff; box-shadow: 0 8px 24px rgba(0,0,0,.12); transition: transform 0.25s ease, box-shadow 0.25s ease; position: relative; cursor: pointer; }
	.sectionServices .main:hover{ transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,.18); }
	.sectionServices .main.manufacture{ background: url(../images/serviceIcon1.jpg) center/100% 100% no-repeat; }
	.sectionServices .main.repair{ background: url(../images/serviceIcon2.jpg) center/100% 100% no-repeat; }
	.sectionServices .head{ display: inline-block; min-width:378px; margin: 0 0 12px; padding:5px 44px; font-size: 36px; font-weight:normal; background: #71b1d9; color:#fff; }
	.sectionServices .desc{ margin: 0 0 10px; padding-left:44px; font-size: 24px; opacity: 0.95; color:#a0f4f3; }
	.sectionServices .detail{ position: absolute; bottom:0; left:0; right:0; height:174px; line-height:1.5; padding:34px 44px; margin: 0; font-size: 22px; opacity: 0.92; background:rgba(103,224,246,.41); color:#fff; display:flex; align-items: flex-end; }
	.sectionServices .optics{ height:124px; padding: 24px 28px; border-radius: 0px; background: url(../images/serviceIcon3.jpg) center/100% 100% no-repeat; color: #ffffff; text-align: center; box-shadow: 0 6px 20px rgba(42,157,122,.35); transition: box-shadow 0.25s ease; display:flex; align-items:center; justify-content: center; }
	.sectionServices .optics:hover{ box-shadow: 0 8px 28px rgba(42,157,122,.45); }
	.sectionServices .optics .text{ margin: 0; font-size:30px; }
	
	.sectionServices .repair .head{ min-width:354px; background: #d7a0f4; }
	.sectionServices .repair .desc{ color: #d7a0f4; }
	.sectionServices .repair .detail{ background:rgba(215,160,244,.41); }
	
.sectionApply{ padding: 56px 24px 48px; background: #ffffff; }
	.sectionApply .wrap{ width: 1200px; max-width: 100%; margin: 0 auto; }
	.sectionApply .wrap > .title{ text-align: center; font-size: 24px; font-weight: 600; color: #1a1a2e; margin: 0 0 8px; letter-spacing: 0.5px; }
	.sectionApply .inner{ padding-top:20px; display: flex; gap:30px; align-items: flex-start; }
	.sectionApply .columns{ flex:1 1 auto; display: grid; grid-template-rows:1fr 1fr; grid-template-columns: repeat(3, 1fr); gap:22px; min-width: 0; }
		.sectionApply .col{ background:/*#f8f8f8*/; padding: 20px 0 20px 18px; border: 0px solid #ececec; border-width:0 1px 1px 0; border-radius:0 0; transition: background 0.2s ease; }
		.sectionApply .col:hover{ background: rgba(0,0,0,.02); }
		.sectionApply .col .title{ margin: 0 0 18px; font-size: 16px; font-weight:bold; color: #1a1a2e; border-left:3px solid #6e9fdb; line-height:1; padding-left:10px; }
			.sectionApply .list{ margin: 0; padding-left: 0; list-style: none; font-size: 14px; color: #555555; line-height: 1.9; }
			.sectionApply .list li{ position: relative; padding:3px 16px; }
			.sectionApply .list li::before{ content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background:url(../images/dot1.png) center no-repeat; border-radius: 50%; }
		.sectionApply .col:nth-child(2){ grid-row:1/3; grid-column:2/3; }
		.sectionApply .col:nth-child(3){ grid-row:1/3; grid-column:3/4; }
	.sectionApply .imageWrap{ flex: 1; min-width:245px; }
	.sectionApply .imageWrap img{ width:100%; height:366px; min-height: 280px; object-fit: cover; border-radius:0px; border:0px solid #e8ecf0; box-shadow: 0 4px 16px rgba(0,0,0,.08); }

.sectionGuaranteeTit{ position: relative; margin-top:10px; }
.sectionGuarantee{ height:260px; padding:0; background: #f7f7f7; }
	.sectionGuarantee .wrap{ max-width: 1200px; padding:0 33px; margin:0 auto 0; background:#f7f7f7 url(../images/iconDiajmond.jpg) 267px 0 no-repeat; }
	.sectionGuarantee .title{ text-align: center; font-size: 24px; font-weight: 600; color: #1a1a2e; margin: 0 0 8px; letter-spacing: 0.5px; }
	.sectionGuarantee .inner{ display: flex; gap:36px; align-items: flex-start; }
	.sectionGuarantee .imageWrap{ width:430px; flex-shrink: 0; }
	.sectionGuarantee .imageWrap img{ height:362px; margin-top:-102px; }
	.sectionGuarantee .textWrap{ flex:1; min-width: 0; display: flex; gap: 28px; align-items: flex-end; padding-bottom:20px; }
	.sectionGuarantee .text{ flex: 1; font-size: 16px; color: #427abe; line-height:2.25; /*width:526px;*/ padding:45px 0 15px; }
	.sectionGuarantee .text p{ margin: 0; }
	.sectionGuarantee .badge{ width: 114px; flex-shrink: 0; }
		.sectionGuarantee .badge img{ width:100%; }

@media (max-width: 1140px) {
	.sectionGuarantee{ height:auto; }
	.sectionGuarantee .imageWrap{ width:260px; }
	.sectionGuarantee .wrap{ padding:0 20px; }
}
@media (max-width: 1024px) {
	.sectionSpeciality .grid{ grid-template-columns: repeat(2, 1fr); }
	.sectionServices .blockRow{ grid-template-columns: 1fr; }
	.sectionApply .inner{ flex-direction: column; }
	.sectionApply .columns{ grid-template-columns: repeat(2, 1fr); }
	.sectionApply .col:nth-child(2){ grid-area:auto; }
	.sectionApply .col:nth-child(3){ grid-area:auto; }
	.sectionApply .imageWrap{ flex: none; width: 100%; max-width:; min-width: 0; }
	.sectionApply .imageWrap img{ min-height:100px; height:20vw; }
	.bannerBox img{ min-height: 34vw; }
	
	.has-global-padding{ padding:0 20px; }
}
@media (max-width: 750px) {
	.sectionGuarantee .inner{ flex-direction: column; }
	.sectionGuarantee .inner{ gap:0; }
	.sectionGuarantee .text{ padding:20px 0 0; font-size:14px; }
	.sectionGuaranteeTit{ padding-left:180px;  }
	.sectionGuarantee .imageWrap img{ height:252px; margin-top:-70px; }
	.sectionGuarantee .badge{ width:70px; }
	.footer .nav{ font-size:14px; gap:15px; }
	.footer .copy{ font-size:12px; }
}
@media (max-width: 640px) {
	.sectionApply .columns{ grid-template-columns: 1fr; }
	.sectionServices{ padding:0; }
	.sectionServices .main{ height:330px; }
	.sectionServices .head{ font-size:30px; min-width:auto !important; }
	.sectionServices .desc{ font-size:16px; }
	.sectionServices .detail{ font-size:16px; padding:20px; height:134px; }
	.sectionServices .optics .text{ font-size:22px; }
	.sectionSpeciality{ padding:40px 0px; }
	.sectionSpeciality .grid{ gap:0; }
	.sectionSpeciality .icon{ height:100px; }
	.sectionSpeciality .text{ font-size:16px; }
	.sectionApply .columns{ grid-template-rows:auto; }
	.sectionApply .inner{ align-items:stretch; }
	
	.footer{ padding:30px 0; }
}
@media (max-width: 500px) {
	.sectionSpeciality .text{ font-size:14px; }
	.sectionGuarantee .textWrap{ gap:10px; }
}
@media (max-width: 400px) {
	.sectionGuaranteeTit{ margin-bottom:70px; padding-left:0; }
}