.desq-company_intro{padding:110px 0 40px;}
.desq-company_intro .wp{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;z-index:20;}
.desq-company_intro .txt{-webkit-flex:1;flex:1;margin-right:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-between;align-content:space-between;}
.desq-company_intro .txt h3{color:var(--tit-color);font-size:34px;font-weight:bold;line-height:1;position:relative;}
.desq-company_intro .txt h3::before{content:"";width:30px;height:2px;background:#666;display:inline-block;position:absolute;left:-48px;top:calc(50% - 1px);}
.desq-company_intro .txt .t{color:#666;font-size:18px;line-height:42px;margin:30px 0 0;}

.desq-company_intro .more{margin:30px 0 0;}
.desq-company_intro .more a{color:#fff;font-size:14px;width:165px;height:40px;line-height:40px;border-radius:25px;background:var(--btn-bg);display:inline-block;text-align:center;}
.desq-company_intro .more a:hover{background:var(--btn-bg-hover);}

.desq-company_intro .pic{width:42%;position:relative;}
.desq-company_intro .pic .v{width:100%;display:block;overflow:hidden;position:relative;z-index:20;}
.desq-company_intro .pic .v img{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;aspect-ratio: 1.5; object-fit: cover;}
.desq-company_intro .pic .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../../images/v1.png") no-repeat right 30px bottom 30px;display:block;}

.desq-company_intro .pic .v:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}




@media screen and (max-width:1400px){
    .desq-company_intro .txt h3{font-size:32px;}
}

@media screen and (max-width:1280px){
    .desq-company_intro{padding:70px 0;}
    .desq-company_intro .txt .t{font-size:17px;line-height:36px;margin:20px 0 0;}
}

@media screen and (max-width:992px){
    .desq-company_intro .txt h3{font-size:28px;}

    .desq-company_intro{padding:30px 0;}
    .desq-company_intro .wp{-webkit-flex-direction:column;flex-direction:column;}
    .desq-company_intro .txt{margin:0 0 20px;display:block;}
    .desq-company_intro .txt h3{text-align:center;}
    .desq-company_intro.txt h3::before{display:none;}
    .desq-company_intro .txt .t{font-size:16px;line-height:24px;margin:20px 0 0;}
    .desq-company_intro .more{margin:20px 0 0;text-align:center;}
    .desq-company_intro .more a{width:140px;height:36px;line-height:36px;}
    .desq-company_intro .pic{width:auto;max-width:580px;margin:0 auto;text-align:center;}

}

@media screen and (max-width:600){
    .desq-company_intro .txt h3{font-size:25px;}
}

@media screen and (max-width:480px) {
    .desq-company_intro .txt h3{font-size:24px;}
    .desq-company_intro .pic .v::after{background-size:50px;}
}


.indexB-arshine {
				background: #fff;
				padding: 50px 0;
			}

			.indexB-arshine ul {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
			}

			.indexB-arshine ul li {
				text-align: center;
			}

			.indexB-arshine ul li h5 {
				color: #333;
				font-size: clamp(30px, 3.15vw, 60px);
				line-height: 1;
				display: inline-block;
				position: relative;
			}

			.indexB-arshine ul li h5 span {
				font-family: var(--font-family1);
			}

			.indexB-arshine ul li h5::after {
				content: attr(date-txt);
				position: absolute;
				right: -15px;
				top: 2px;
				color: #333;
				font-size: clamp(18px, 1.3vw, 24px);
			}

			.indexB-arshine ul li:nth-child(1) h5::after {
				right: -80px;
			}

			.indexB-arshine ul li:nth-child(2) h5::after {
				right: -42px;
			}

			.indexB-arshine ul li p {
				font-size: clamp(14px, 1.05vw, 20px);
				color: #333;
				line-height: 24px;
				margin: 5px 0 0;
			}





			@media screen and (max-width: 991px) {
				.indexB-arshine {
					padding: 15px 0;
				}

				.indexB-arshine ul li {
					width: 50%;
					text-align: center;
					padding: 15px 0;
				}


				.indexB-arshine ul li:nth-child(1) h5::after {
					right: -70px;
				}

				.indexB-arshine ul li:nth-child(2) h5::after {
					right: -40px;
				}

			}