/*定义宽度和颜色css*/
.w_100{width:100%;}
.w_70{width:calc(70% - calc(20px * var(--scale))); display:flex; overflow:hidden;}
.w_50{width:calc(50% - calc(20px * var(--scale))); display:flex; overflow:hidden;}
.w_33{width:calc(33.33333% - calc(26.666px * var(--scale))); display:flex; overflow:hidden;}
.w_30{width:calc(30% - calc(20px * var(--scale))); display:flex; overflow:hidden;}
.w_25{width:calc(25% - calc(30px * var(--scale))); display:flex; overflow:hidden;}
.bg_E1ECFD{background:#E1ECFD;}
.bg_E3E3E3{background:#E3E3E3;}
.bg_f9f9f9{background: #f9f9f9;}
.bg_fff{background: #fff;}
.align_items{align-items: center;}
.h_390{height: calc(390px * var(--scale));}
.h_500{height: calc(500px * var(--scale));}
.h_800{height: calc(800px * var(--scale));}
.w_800{width: calc(800px * var(--scale));}

.mt_130 {margin-top: calc(130px * var(--scale));}
.text_40{font-size:34px; font-weight:700;}
.text_align{text-align:center;}
.pr{position:relative; padding-right:0;}
.pa{position:absolute; z-index:2;}


/*定义公用样式css*/
.mokuai_box{color:#000}
.mokuai_box font[size="1"]{font-size: max(calc(9px * var(--scale)), 10px) !important;}
.mokuai_box font[size="2"]{font-size: max(calc(12px * var(--scale)), 12px) !important;}
.mokuai_box font[size="3"]{font-size: max(calc(16px * var(--scale)), 12px) !important;}
.mokuai_box font[size="4"]{font-size: max(calc(18px * var(--scale)), 14px) !important; font-family:"HarmonyOS_Sans_SC_Light"}
.mokuai_box font[size="5"]{font-size: max(calc(24px * var(--scale)), 15px) !important;}
.mokuai_box font[size="6"]{font-size: max(calc(32px * var(--scale)), 16px) !important;}
.mokuai_box font[size="7"]{font-size: max(calc(34px * var(--scale)), 18px) !important; line-height: 180%;}
.mokuai_box .box{display:flex;}
.mokuai_box img{margin-top:0; width:100%;}
.mokuai_box h3{font-size:34px;font-weight: 400;line-height:1.2; margin-bottom:calc(40px * var(--scale));}
.mokuai_box h5{font-size:24px;font-weight: 400;line-height:1.2; margin-bottom:calc(5px * var(--scale));}
.mokuai_box p{font-size:18px;font-weight: 300; line-height: 180%; font-family:"HarmonyOS_Sans_SC_Light"}

/* ！！核心：先全局重置p标签默认样式，避免浏览器干扰 */
.mokuai_box p {margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;}
/* 1. 优先保护有内容p（最高优先级，确保高度自适应） */
.mokuai_box p:has(text),
.mokuai_box p:not(:empty):not(:has(br:only-child)):has(*:not(br)),
.mokuai_box p:not(:empty):not(:has(br:only-child)){height: auto !important; line-height:180% !important; background: none !important; font-size: inherit !important;}

@media screen and (max-width: 992px){
    .mt_200 {margin-top: calc(80px* var(--scale));}
    .mokuai_box p:has(text),
.mokuai_box p:not(:empty):not(:has(br:only-child)):has(*:not(br)),
.mokuai_box p:not(:empty):not(:has(br:only-child)){line-height:140% !important;}
}



/* 2. 定义所有空p的基础样式 空p：完全空 / 仅含br / 仅含富文本空标签且无文字 */
.mokuai_box p:empty,
.mokuai_box p:has(br):not(:has(text)):not(:has(*:not(br, span, b, font, div))) {height:calc(32px * var(--scale)) !important; line-height: calc(32px * var(--scale)) !important;overflow: hidden !important;}
/* 3. 关键：仅隐藏「连续的空p」（核心修复：只匹配“空p+空p”，排除有内容p隔开的情况）
   - 仅当前后两个都是空p时，才隐藏后一个
   - 文字间的单个空p（前后是有内容p）不会触发此规则，保留25px */
.mokuai_box p:empty + p:empty,
.mokuai_box p:has(br):not(:has(text)) + p:empty,
.mokuai_box p:has(br):not(:has(text)) + p:has(br):not(:has(text)) {height: 0 !important;line-height: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important;background: none !important;}
/* 4. 补充：隐藏三层及以上连续空p（仅针对纯空p连续场景） */
.mokuai_box p:empty + p:empty + p:empty,
.mokuai_box p:has(br):not(:has(text)) + p:has(br):not(:has(text)) + p:has(br):not(:has(text)) {height: 0 !important;line-height: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important; background: none !important;}
/* 5. 清除空p内嵌套标签的默认干扰（仅作用于空p） */
.mokuai_box p:empty *,
.mokuai_box p:has(br:only-child):not(:has(text)):not(:has(*:not(br))):not(:has(*:not(br):not(:empty))) * {
  line-height: 0 !important; 
  height: 0 !important; 
  margin: 0 !important; 
  padding: 0 !important; 
  border: none !important; 
  font-size: 0 !important;
}


.mokuai_box .neirong{width:100%; padding:0 calc(50px * var(--scale)) 0 calc(40px * var(--scale));}
.mokuai_box .neirong1{width:100%; padding:0 calc(40px * var(--scale));}
.mokuai_box .neirong_bai{color:#fff; padding:0 calc(50px * var(--scale)) 0 calc(40px * var(--scale));}
.mokuai_com{display:flex; gap:calc(40px * var(--scale)); width:100%; margin-bottom:calc(30px * var(--scale));}
.p_con{ margin:calc(40px * var(--scale)) 0 calc(20px * var(--scale)) 0;}

.mokuai_video{border-radius:calc(20px * var(--scale)); width:100%; height:100%;}
.mokuai_img{width:100%; height:100%; aspect-ratio:1/1; overflow:hidden; display:flex; justify-content:center; align-items:center;border-radius:calc(20px * var(--scale));}
.mokuai_img img{width:auto; height:100%;object-fit: cover;}
.h_390 .mokuai_img img{width:100%; height:auto}
.h_500 .mokuai_img img{width:100%; height:auto;}
.mokuai_1 #fullscreen-video,
.mokuai_2 #fullscreen-video{object-fit: cover;width: 100%;height: 100%;display: block;border-radius: inherit;}

.mokuai_1,.mokuai_2,.mokuai_3,.mokuai_4{justify-content: space-between;}

.mokuai_7{display:flex; flex-direction: column;}
.mokuai_7_box1{display:flex; justify-content: flex-end; /*margin-bottom:calc(30px * var(--scale));*/ align-items: center;}
.mokuai_7_box2{display:flex; align-items: center;}
.mokuai_7_box1 .neirong{padding-right:calc(100px * var(--scale));}
.mokuai_7_box2 .neirong{padding-left:calc(100px * var(--scale));}

.pc_mokuai_7{display:flex;}
.m_mokuai_7,.m_mokuai_7_2{display:none;}
.pc_mokuai_7_2{display:block;}


.mokuai_7_box1.h_500 .mokuai_img img{height:100%;}
.mokuai_7_2 .h_500 .mokuai_img img{height:100%;}

.mokuai_8{display:flex; flex-wrap: wrap; gap:calc(40px * var(--scale));}
.mokuai_8 .box{width:calc(50% - calc(20px * var(--scale)));}


.mokuai_8 .mokuai_img img,
.mokuai_9 .mokuai_img img,
.mokuai_10 .mokuai_img img,
.mokuai_11 .mokuai_img img,
.mokuai_13 .mokuai_img img,
.mokuai_14 .mokuai_img img,
.mokuai_12 .mokuai_img img,.mokuai_15 .mokuai_img img{width:100%; height:100%;}
.mokuai_12 .h_390,.mokuai_15 .h_390{border:1px solid #ccc;border-radius:calc(20px * var(--scale));}

.mokuai_8 .pa,
.mokuai_9 .pa,
.mokuai_10 .pa,
.mokuai_11 .pa,
.mokuai_12 .pa{top:calc(40px * var(--scale));}

.mokuai_9 .box{gap:calc(40px * var(--scale));}
.mokuai_9_r{display:flex; flex-direction: column; justify-content: space-between;}


.mokuai_10 .box,
.mokuai_11 .box,
.mokuai_12 .box,
.mokuai_13 .box,
.mokuai_14 .box,
.mokuai_15 .box{gap:calc(40px * var(--scale)); flex-wrap: wrap;}

.mokuai_13 .w_50,.mokuai_14 .w_33,.mokuai_15 .w_25{display:flex; flex-direction: column;}
.mokuai_13 h3,.mokuai_14 h3,.mokuai_15 h3{margin:calc(40px * var(--scale)) 0 calc(20px * var(--scale)) 0;}
.mokuai_13 .neirong1,.mokuai_14 .neirong1,.mokuai_15 .neirong1{padding:calc(20px * var(--scale)) calc(20px * var(--scale)) 0 calc(20px * var(--scale));}
.mokuai_16 .mokuai_img img{width:100%; height:auto;}

.pane1 > div:nth-child(1) .text_40{margin-top:0 !important;}

@media screen and (max-width: 1680px){
	.h_800{height: calc(780px * var(--scale));}
    .w_800{width: calc(780px * var(--scale));}
    .mokuai_9 .h_390{height: calc(380px * var(--scale));}
}

@media screen and (max-width: 1440px){
	.text_40{font-size:18px !important;}
	.mokuai_box h3{font-size:max(calc(34px * var(--scale)), 16px) !important;}
	.mokuai_box h5{font-size:max(calc(24px * var(--scale)), 16px) !important;}
    .mokuai_box p{font-size:max(calc(18px * var(--scale)), 14px) !important;}
}

@media screen and (max-width: 1024px){
    .h_800{height: calc(710px * var(--scale));}
    .w_800{width: calc(710px * var(--scale));}
    .mokuai_9 .h_390,.mokuai_15 .h_390{height: calc(345px * var(--scale));}
	.h_390 .mokuai_img img{height:100%;}
	.mokuai_com{ margin-bottom: calc(25px * var(--scale));}
	.mokuai_2 .neirong,
	.mokuai_4 .neirong,
	.mokuai_6 .neirong{padding:0 calc(50px * var(--scale)) 0 calc(0px * var(--scale));}
	.mt_90{margin-top:calc(50px* var(--scale));}
	.text_40{font-size: min(max(calc(32px * var(--scale)), 18px), 18px) !important;}
}

@media screen and (max-width: 992px){
    .w_800{width: calc(600px * var(--scale));}
	.mokuai_1 .h_800,.mokuai_2 .h_800,.mokuai_4 .h_800,.mokuai_9 .h_800{height: calc(600px * var(--scale));}
	.mokuai_9 .h_390,
	.mokuai_14 .h_390,
	.mokuai_15 .h_390{height: calc(290px * var(--scale));}
	.mokuai_box font[size="1"]{font-size: min(max(calc(9px * var(--scale)), 9px), 9px) !important;}
    .mokuai_box font[size="2"]{font-size: min(max(calc(12px * var(--scale)), 12px), 12px) !important;}
    .mokuai_box font[size="3"]{font-size: min(max(calc(16px * var(--scale)), 12px), 12px) !important;}
    .mokuai_box font[size="4"]{font-size: min(max(calc(18px * var(--scale)), 12px), 12px) !important;}
    .mokuai_box font[size="5"]{font-size: min(max(calc(24px * var(--scale)), 13px), 13px) !important;}
    .mokuai_box font[size="6"]{font-size: min(max(calc(32px * var(--scale)), 18px), 18px) !important;}
    .mokuai_box font[size="7"]{font-size: min(max(calc(36px * var(--scale)), 20px), 20px) !important;}
	.text_40{font-size: min(max(calc(32px * var(--scale)), 18px), 18px) !important;}
	.mokuai_7_box1 .neirong{padding-right:calc(50px * var(--scale));}
	.h_500 .mokuai_img img{width:100%; height:100%;}
}

@media screen and (max-width: 768px){
    .mokuai_box font[size="1"]{font-size: min(max(calc(9px * var(--scale)), 9px), 9px) !important;}
    .mokuai_box font[size="2"]{font-size: min(max(calc(12px * var(--scale)), 12px), 12px) !important;}
    .mokuai_box font[size="3"]{font-size: min(max(calc(16px * var(--scale)), 12px), 12px) !important;}
    .mokuai_box font[size="4"]{font-size: min(max(calc(18px * var(--scale)), 12px), 12px) !important;}
    .mokuai_box font[size="5"]{font-size: min(max(calc(24px * var(--scale)), 13px), 13px) !important;}
    .mokuai_box font[size="6"]{font-size: min(max(calc(32px * var(--scale)), 16px), 16px) !important;}
    .mokuai_box font[size="7"]{font-size: min(max(calc(36px * var(--scale)), 20px), 20px) !important;}
	.h_390{height: calc(390px * var(--scale));}
	.h_500{height: calc(500px * var(--scale));}
	.w_800{width:calc(50% - calc(10px * var(--scale)));}
	.mokuai_box p{font-size:max(calc(18px * var(--scale)), 12px) !important;}
	.mokuai_box .neirong{padding:0  calc(20px * var(--scale));}
	.mokuai_1 .h_800,.mokuai_2 .h_800,.mokuai_4 .h_800,.mokuai_9 .h_800{height: calc(580px * var(--scale));}
	.mokuai_3 .h_390,
	.mokuai_9 .h_390,.mokuai_12 .h_390,
	.mokuai_14 .h_390,
	.mokuai_15 .h_390{height:auto;}
    .mokuai_1 .mokuai_img img{width:100%;}
	.mokuai_box #fullscreen-video{height:100%;}
	.mokuai_7 .h_500,.mokuai_7_2 .h_500{height: calc(450px * var(--scale));}
	.text_40{font-size: min(max(calc(32px * var(--scale)), 16px), 16px) !important;}
	
}

@media screen and (max-width: 568px){
	.text_40{font-size:16px;}
	.w_100,.w_70,.w_50,.w_33,.w_30{width:100%;}
	.w_25{width:100%;}
	.w_800{width:100%;}
	.p_con{margin: calc(15px * var(--scale)) 0;}
	.mokuai_com{flex-direction: column;}
	.mokuai_img img{width:100%;}
	.mokuai_box .neirong{padding:0;}
	.mokuai_box .neirong1{padding:10px 0 0 0;}
	.mokuai_13 .neirong1{padding-bottom:10px;}
	.mokuai_box h3{font-size:17px; margin: calc(20px* var(--scale)) 0 8px;}
	.mokuai_1 h3,.mokuai_2 h3,.mokuai_3 h3,.mokuai_4 h3,.mokuai_5 h3,.mokuai_6 h3{margin: 5px 0 8px;}
	.mokuai_14 h3,.mokuai_15 h3{margin: calc(20px * var(--scale)) 0 5px;}
	.mokuai_2 .w_800:nth-child(2),
	.mokuai_4 .w_800:nth-child(2),
	.mokuai_6 .w_50:nth-child(2){order:-1;}
	
	.mokuai_3 .h_390,
	.mokuai_5 .h_390,
	.mokuai_6 .h_390,
	.mokuai_7 .h_500,.mokuai_7_2 .h_500,
	.mokuai_8 .h_390,
	.mokuai_10 .h_390,
	.mokuai_11 .h_390,
	.mokuai_13 .h_390{height: calc(350px * var(--scale));}
	.mokuai_15 .h_390{height: calc(350px * var(--scale));}
	.mokuai_7 .mokuai_img img,.mokuai_7_2 .mokuai_img img{width:100%; height:100%;}
	.mokuai_7 .pa,.mokuai_7_2 .pa,
	.mokuai_8 .pa,
	.mokuai_9 .pa,
	.mokuai_10 .pa,
	.mokuai_11 .pa,
	.mokuai_12 .pa{width:88%;left:20px; top:20px;}
	.mokuai_8,.mokuai_9 .box{flex-direction: column;}
	.mokuai_9 .h_390{height: calc(290px * var(--scale));}
	.mokuai_9_r{gap:calc(20px* var(--scale));}
	.mokuai_8 .box{width:100%;}
	
	.mokuai_14 .w_33{margin-bottom:5px;}

	.mokuai_box .mt_55,.mokuai_box .mt_90,.mokuai_box .mt_130{margin-top:25px;}
	
	.h_390 .mokuai_img img{width:auto;}
	.mokuai_14 .mokuai_img img{width:100%;}
	
	.pc_mokuai_7,.pc_mokuai_7_2{display:none;}
	.m_mokuai_7{display: flex;}
	.m_mokuai_7 font,.m_mokuai_7_2 font {color:#000 !important}
	.m_mokuai_7_2{display:block}
	
	
	.mokuai_6 .h_390 .mokuai_img img{width:100%; height:auto;}
	.mokuai_9 .h_390 .mokuai_img img{width:100%; height:auto;}
	/*.mokuai_14 .h_390 .mokuai_img img{width:auto; height:auto;}*/
	.mokuai_7_2 .pa{width:60%;}
	/*.mokuai_7_box2{overflow: hidden; position: relative;}*/
	/*.mokuai_7_2 .mokuai_img img{width: auto !important;object-fit: none;object-position: right center;max-width: none !important;}*/
	.mokuai_9 .w_50 .pa{width:50%;}
	.mokuai_11 .mokuai_img img{width:100%;}
	.mokuai_14 .h_390{height:255px;}
	.mokuai_15 .h_390{height:auto;}
}