@charset "utf-8";
/* CSS Document */

.case-banner{display:flex;width:100%;}
.case-banner-left{flex:1;display:flex;}
.case-banner-left img{width:100%;height:clamp(540px, 90vh, 706px);object-fit:cover;display:block;}
.case-banner-right{flex:0 0 50%;background:#000;color:#fff;padding:0 clamp(72px, 11vw, 200px) 0 3%;display:flex;flex-direction:column;justify-content:center;position: relative;	}
/* 国家标签 */
.country-tag1{display:flex;align-items:center;gap:8px;position: unset;background:rgba(255,255,255,0.12);width:fit-content;border-radius:30px;font-size:15px;margin-bottom:24px;padding:0 2% 0 0;}
.country-tag1 img{width:34px;height:34px;border-radius:50%;}
.case-banner-right h1{font-size:clamp(24px, 3.5vw, 34px);margin-bottom:26px;line-height:1.35;font-family: 'Objectivity1';}
.contact-line{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;color:rgba(255,255,255,0.7);}
.contact-line:hover{color:rgba(255,255,255,1);}
.contact-line img{width:18px;}
.banner-btn{width:fit-content;margin-top:24px;padding:12px 28px;}


/* ========== 案例介绍正文 ========== */
.case-intro{padding:120px 0;text-align:center;}

.banner-title{font-size:clamp(24px,4vw,40px);font-weight:500;margin-bottom:20px;}
.case-intro p{font-size:clamp(14px,1.4vw,16px);opacity:0.62;line-height:1.7;max-width:100%;margin:0 auto;}
.case-intro p a{color:#b90000;}
.case-intro p a:hover{font-weight:900;}
.video-wrap video,.video-wrap iframe{width:58%;height:468px;border-radius:8px;}
.param-wrap{max-width:90%;margin:3% auto 4% auto;background:#f1f1f1;border-radius:999px;display:flex;position:relative;padding:2.5% 0;}
.param-item{flex:1;text-align:center;}
.param-wrap::before{content:"";position:absolute;left:33.3333%;top:50%;transform:translate(-50%,-50%);width:1px;height:28px;background:#c9c9c9;}
.param-wrap::after{content:"";position:absolute;left:66.6666%;top:50%;transform:translate(-50%,-50%);width:1px;height:28px;background:#c9c9c9;}
.param-item .label{color:#222;font-size:clamp(14px,1.4vw,16px);display:inline-block;}
.param-item .value{color:#57a838;font-size:clamp(16px,1.4vw,20px);display:inline-block;margin-left:6px;}

.adv-section {padding-bottom:0;}




@media screen and (min-width:1200px) and (max-width:1500px) {
/*banner*/
	.case-banner-left{flex:0 0 55%;}
	.case-banner-left img{height:clamp(440px, 90vh, 640px);}
	.case-banner-right{flex:0 0 45%;padding:0 3% 0 3%;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
/*banner*/
	.case-banner-left{flex:0 0 55%;}
	.case-banner-left img{height:clamp(420px, 90vh, 540px);}
	.case-banner-right{flex:0 0 45%;padding:0 3% 0 3%;}
	.case-banner-right h1{font-size:clamp(18px, 3.5vw, 27px);}
/* ========== 案例介绍正文 ========== */
	.case-intro{padding:120px 0 80px 0;}
	.video-wrap video,.video-wrap iframe{width:80%;height:468px;}
}

@media screen and (min-width:769px) and (max-width:992px) {
/*banner*/
	.case-banner{flex-direction:column;}
    .case-banner-left,.case-banner-right{flex:none;width:100%;}
	.case-banner-left{flex:0 0 55%;}
	.case-banner-left img{height:clamp(420px, 90vh, 540px);}
	.case-banner-right{flex:0 0 45%;padding:5% 5% 5% 5%;}
	.case-banner-right h1{font-size:clamp(21px, 1.5vw, 27px);line-height:1.8;}
	.contact-line {margin-bottom:20px;}
	/* ========== 案例介绍正文 ========== */
	.case-intro{padding:60px 0 60px 0;}
	.video-wrap video,.video-wrap iframe{width:80%;height:468px;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.case-banner{flex-direction:column;}
    .case-banner-left,.case-banner-right{flex:none;width:100%;}
	.case-banner-left{flex:0 0 55%;}
	.case-banner-left img{height:clamp(350px, 35vh, 420px);}
	.case-banner-right{flex:0 0 45%;padding:5% 5% 5% 5%;}
	.case-banner-right h1{font-size:clamp(18px, 1vw, 21px);line-height:1.8;}
	.contact-line {margin-bottom:20px;}
/* ========== 案例介绍正文 ========== */
	.param-wrap{flex-direction:column;border-radius:24px;padding:24px;gap:16px;}
	.case-intro{padding:45px 3% 45px 3%;}
	.video-wrap video,.video-wrap iframe{width:100%;height:340px;}
    /* 手机端移除竖线 */
    .param-wrap::before,.param-wrap::after{display:none;}
}