/* reset.css — 基础样式清零（IE11 兼容） */

* { margin: 0; padding: 0; box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-family: HarmonyOS Sans SC, "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background: #fff; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; max-width: 100%; }

ul, ol, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

input, textarea, select, button { font: inherit; color: inherit; outline: none; border: none; background: none; }

button { cursor: pointer; overflow: visible; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { text-align: left; }

html, body { height: 100%; }

body { overflow-x: hidden; }

.clearfix:after { content: ""; display: block; clear: both; }

[hidden] { display: none; }
/* 视频弹窗 */

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 14rem;position: fixed;left: 50%;top: 50%;object-fit: cover; transform:translateY(-50%)translateX(-50%);max-width: 90%;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; background:#000; }
.vwrap .videobox #videobox .img_hezi{ padding-bottom:60% !important}
.vwrap .videobox #videobox video{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 0.31rem;height: 0.31rem;cursor: pointer;position: absolute;top: 0rem;right: -0.42rem;text-align: center;}
.vwrap .close i { display: block; width: 0.31rem; height: 0.31rem; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
@media(max-width: 1024px){
    .vwrap .close{right: 0;top: -0.35rem;}
	.vwrap .videobox{width:80%;}
	.vwrap .videobox #videobox .img_hezi{ padding-bottom:50% !important}
}
@media(max-height: 500px) and (min-width: 768px){
	.vwrap .videobox{width:50%;}
}


.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important;background-position: center center !important;}
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }




html {
  font-size: 5.208333vw;
}
.wp{ width: 16rem; padding: 0; margin: 0 auto;max-width: 94%;}
@media(max-width: 1024px){
	.wp{ padding:0 15px; width: 100%;max-width: 100%;}
}
/* 移动端梯度根字号（规则75）：保持 rem 单位不变，只压缩根字号 */
@media (max-width: 1024px) {
  html { font-size: 85px !important; }
}
@media (max-width: 640px) {
  html { font-size: 80px !important; }
}
@media (max-width: 375px) {
  html { font-size: 75px !important; }
}
@media (max-width: 320px) {
  html { font-size: 65px !important; }
}

.g-container {
  width: 16.01rem;
  max-width: 94%;
  margin: 0 auto;
}

/* 移动端容器宽度让出（规则76，5类白名单 #2） */
@media (max-width: 1024px) {
  .g-container {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
}