.fwzc-list-box { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.fzlcbt { text-align: center; color: #fff; }
.fwzc-list-box .fwzc-list-one { width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 0.4rem; }
.fwzc-list-box .fwzc-list-one:nth-child(3n) { margin-right: 0; }
.fwzc-list-box .fwzc-list-one p:nth-child(1) img { width: 100%; aspect-ratio: 16/9; height: 2.93rem; }
.fwzc-list-box .fwzc-list-one p:nth-child(2) { margin-top: 0.36rem; height: 0.6rem; padding-left: 0.3rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fwzc-list-box .fwzc-list-one p:first-child { display: block; height: 2.93rem; width: 100%; overflow: hidden; }
.zw-content { padding:0.7rem 0; }
.nr_bg { background-image: url(/uiFramework/commonResource/image/2026081911102153468.jpg); background-size: cover; }
.dlny { padding:0.6rem 0; position:relative; height:9.26rem; box-sizing:border-box; }
.dlny .dlny-bg { position: absolute; top: 0; left: 0; width: 100%; height:9.26rem; background-image: url("/eportal/fileDir/wcjt/resource/cms/2026/04/img_pc_site/2026042410133199828.jpg"); background-size: cover; background-position: center; transform: scale(1); transition:all 0.4s ; clip-path: inset(20.5% 8.5% round 0px); }
.dlny .w1600 { position: relative; z-index:9; }
.title-wrap { transform: translateX(-.5rem); transition: all .4s; opacity: 1; }
.title-wrap.opc { opacity: 0; }
.title-wrap.show { transform:translateX(0); opacity: 1; }
.title-wrap.show h2 ,.title-wrap.show p { text-align:center; padding-left: 0; }
.title-wrap h2 ,.title-wrap p { padding-left: .5rem; }
.title-wrap h2 { font-weight: 350; color:#141414; }
.title-wrap p { margin: 0.15rem 0 0; color: #6e6e6e; font-size: 0.16rem; line-height: 0.24rem; letter-spacing: 0; font-weight: 300; }
.cards { display: grid; grid-template-columns: repeat(4, minmax(2.2rem, 1fr)); margin: 0.7rem auto 0; max-width: 16rem; }
.energy-card { position: relative; height: 6rem; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.35); background: rgba(0, 69, 150, 0.38); }
.energy-card:last-child { border-right: 1px solid rgba(255, 255, 255, 0.35); }
.energy-card::before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: radial-gradient(circle at center, rgba(0, 91, 196, 0.45) 0%, rgba(0, 59, 131, 0.72) 58%, rgba(0, 39, 88, 0.88) 100%); transform: translate(-50%, -50%) scale(0); transform-origin: center center; opacity: 0; transition: transform 0.55s ease, opacity 0.6s ease; z-index: 0; }
.energy-card:hover::before { opacity: 1; }
.card-inner { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 1rem 0.24rem 0.29rem; }
.card-inner .top-tr { display: flex; flex-direction: column; align-items: center; transition: transform 0.35s ease; }
.energy-card:hover .top-tr { transform: translateY(-0.2rem); }
.num { margin: 0; color: rgba(255, 255, 255, 0.3); font-size: 1rem; line-height: 1; font-weight: 200; margin-bottom:0.1rem; }
.name { color: #ffffff; font-weight:350; }
.desc { margin: 0.13rem 0 0; color: #ffffff; font-size: 0.16rem; line-height: 0.24rem; font-weight: 300; opacity: 0; transition: transform 0.55s ease, opacity 0.6s ease; }
.energy-card:hover .desc { opacity: 1; }
.more2 { margin-top: auto; display: inline-flex; align-items: center; color: #ffffff; font-size: 0.16rem; line-height: 0.24rem; font-weight: 300; text-decoration: none; color:#fff; }
.dot1 { margin-top: 0.17rem; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: inline-flex; align-items: center; justify-content: center; transition:background 0.35s ease; }
.dot1::after { content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #ffffff; transition:background 0.35s ease; }
.energy-card:hover .dot1 { background: rgba(255, 255, 255, 1); box-shadow: 0 0 0 0.06rem rgba(255,255,255,0.25) }
.energy-card:hover .dot1::after { background:#003B83; }
.card-1 { background: rgba(0, 60, 132, 0.58); }
.equip { width: min(92%, 3.87rem); margin-top: 0.05rem; opacity: 0; transform: translateY(0.12rem); transition: opacity 0.35s ease, transform 0.35s ease; }
.card-1:hover { background: rgba(0, 48, 109, 0.82); }
.card-1:hover .equip { opacity: 1; transform: translateY(0); }
.card-2 .desc, .card-3 .desc, .card-4 .desc { visibility: hidden; height: 0.24rem; }



@media (max-width: 1000px) {
/* 企业文化 */
.fzlcbt {margin-bottom: 0.4rem;}
.zw-content {padding:0.7rem 0;}
.qywhpage {display: block; margin: 0.17rem auto 0;}
.card-inner {     padding: 0.3rem 0.24rem 0.3rem;}
.energy .cards .energy-card .card-inner .top-tr .desc{text-align: justify;}
.energy-card {height: 3rem;}
.num {font-size: 0.6rem;}
.cards {display: block;}
.energy-card {margin: 0.1rem 0;}
.desc{opacity: 1;}
}