@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;box-sizing:border-box}
body{font: 14px/1.5 PingFang SC,Tahoma,Arial,Hiragino Sans GB,Microsoft YaHei,simsun,黑体,STHeiti,sans-serif;color: #555;background:#f5f5f5}
table,td,th,tr{border-collapse:collapse;border-spacing:0;}
dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,ul{border:0;list-style-type:none}
a{text-decoration:none;color:#555}
a:hover{color:#ff7200;text-decoration:none}
.aside i{display:inline-block;background:url(../pic/n_icon.png) no-repeat}
[v-cloak]{display:none}
.iconfont{font-family:iconfont;font-style:normal}
.fl{float:left}
.fr{float:right}
.clear{clear:both}

.cont_w{width:1200px;margin:0 auto}
.mx{margin:0 auto;width:1200px;line-height:45px}
.mx span{margin:0 10px}
.fft{background:#121010;margin-top:20px}
.fft .ftw{width:1200px;margin:0 auto;color:#fff;line-height:30px;font-size:14px;padding:20px 0}
.fft .ftw a{color:#fff}
.fft .ftw a:hover{color:#f90}
.fft .ftw h3{display:inline;font-weight:400;font-size:14px}
.fyk{display:flex;justify-content:space-between;line-height:30px;margin:20px 0 20px 0}
.fyk a{display:block}
.fyk .next{border:1px solid #ddd;border-radius:2px;padding:0 10px;color:#0c8dd1;background:#fff;cursor:pointer}
.fyk .next i{margin:0 5px;color:#0c8dd1}
.fyk .smll{border:1px solid #ddd;width:30px;height:30px;text-align:center;margin:0 5px;cursor:pointer;color:#0c8dd1;background:#fff}
.fyk .on{background:#0c8dd1;color:#fff}
.fyk .off{cursor:auto;background:#eee;color:#999}
.fyk .off i{cursor:auto;background:#eee;color:#999}
.fyk .next:hover,.fyk .smll:hover{border:1px solid #0c8dd1}
.fyk .off:hover{border:1px solid #ddd}
.lyk{background:#f9f9f9;border-radius:0 0 10px 10px;padding:20px}
.lyk .subox{padding-left:30px}
.lyk .subox dl{display:flex;line-height:30px;margin-bottom:10px}
.lyk .subox dl dt{color:#000;font-size:14px;margin-right:10px}
.lyk .subox dl dd input{outline:0;height:36px;width:550px;border:0;border-bottom:1px solid #eee}
.lyk .subox dl dd textarea{height:90px;border-radius:10px;width:550px;border:1px solid #eee;outline:0}
.lyk .subox .txt{line-height:20px}
.lyk .subox .yzm{line-height:30px}
.lyk .subox .yzm dt{margin-right:20px}
.lyk .subox .yzm input{width:80px;margin-right:10px;border:1px solid #eee;height:25px}
.lyk .subox .yzm img{vertical-align:-10px;margin:0;width:auto}
.lyk .subox .amore{display:inline-block;border:1px solid #0c8dd1;background:#0c8dd1;height:40px;text-align:center;color:#fff;padding:0 50px;margin-top:0;line-height:40px;border-radius:5px;font-weight:700;font-size:14px}
.lyk .subox .amore:hover{background:#fff;border:1px solid #0c8dd1}

.links{background-color:#121010;color:#fff}
.links .links_wrap{width:1200px;margin:0 auto;padding-bottom:20px}
.links .links_wrap a{margin-right:10px;color:#fff}
.new_wrapper{width:1200px;margin:0 auto}

/* 视频播放器 */
.zdplayerbox{position: relative; width: 100%; height: 100%;font-size: 0;}
.zdplayerbox img{width:100%;height:100%;cursor: pointer;}
.zdplayerbox video{ width: 100%;height:100%;}
.zdplayerbox .playerIcon{cursor: pointer;left:50%;top:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:48px;height:48px;background-color:rgba(0,0,0,.5);border-radius:50%}
.zdplayerbox .playerIcon::before{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-40%,-50%);-ms-transform:translate(-40%,-50%);transform:translate(-40%,-50%);border-width:10px 0 10px 16px;border-style:solid;border-color:transparent transparent transparent #fff}

/* 布局 */
.flex_align{display:flex;align-items:center}
.flex_center{display:flex;align-items:center;justify-content:center}
.flex_column{display:flex;flex-direction:column}
.flex_space_between{display:flex;align-items:center;justify-content:space-between}
.grid-cols-1{display:grid;grid-template-columns:repeat(1,1fr)}
.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr)}
.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr)}
.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr)}

/* 文本溢出 */
.ellipsis-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}

/* 卡片 */
.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 15px rgba(0,0,0,.08);margin-bottom:30px}
.a-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;cursor:pointer;display: block;}
.a-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12);color:inherit}

/* 滚动条样式（Webkit浏览器） */
.custom-scroll::-webkit-scrollbar{width:8px;}
.custom-scroll::-webkit-scrollbar-track{background:#ecf0f1;border-radius:4px}
.custom-scroll::-webkit-scrollbar-thumb{background:#b1b1b1;border-radius:4px}
.custom-scroll::-webkit-scrollbar-thumb:hover{background:#858585}

/* header */
.page-header{background:#fff;}
.page-header .header-top{background-color:#0e3f3a;}
.page-header .header-top a{color:#fff;}
.border-bottom{border-bottom:1px solid #eaeef2;box-shadow: 0 1px 0 rgba(20,60,54,.1);}
.page-header .ph-bar{padding:8px 0;}
.page-header .ph-bar .bar-contact{font-size:14px;color:#fff;}
.page-header .ph-nav{padding:12px 0 12px;gap: 20px;justify-content: space-between;}
.page-header .ph-nav .logo{font-size: 24px;color: #0e3f3a;font-weight: 700;gap: 10px;}
.page-header .ph-nav .logo img{width: 45px;height: 45px;}
.page-header .ph-nav .logo i{width: 45px;height: 40px;margin-right: 10px;font-size: 26px;font-weight: 500;border-radius: 10px;background-color: #FFD966;color: #053a51;}
.page-header .ph-nav .menu-nav{gap: 30px;font-size: 15.5px;font-family: "Noto Sans TC",sans-serif;}
.page-header .ph-nav .menu-nav a{color: #1c2b2a;display: block;padding: 5px 0;letter-spacing: 1px;position: relative;}
.page-header .ph-nav .menu-nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#28a66b;transition:width .3s}
.page-header .ph-nav .menu-nav a:hover{color:#139124}
.page-header .ph-nav .menu-nav a:hover::after{width: 100%;}
/* 面包屑 */
.mbx{width:1200px;margin:0 auto;padding:12px 0}
.mbx span{margin:0 5px}
.mbx>em{color:#999;font-style:normal}


/* ==================== CTA 帶 ==================== */
.cta-band{background:#0e3f3a;color:#fff;margin-top:8px}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:36px;padding-bottom:36px;flex-wrap:wrap}
.cta-band h2{font-family:"Noto Serif TC",serif;font-size:24px;font-weight:900}
.cta-band p{color:#cfe3dc;font-size:14.5px;margin-top:6px;max-width:520px}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-line{background:#06c755;color:#fff;padding:12px 22px}
.btn-wa{background:#25d366;color:#fff;padding:12px 22px}
.btn-ghost{border:1.5px solid rgba(255,255,255,.5);color:#fff;padding:12px 22px}

/* ==================== 頁腳 ==================== */
footer.site{background:#0b2f2b;color:#a9c4bd;font-size:13.5px}
footer .wrap{padding-top:40px;padding-bottom:28px;max-width: 1180px;margin: 0 auto;padding: 0 20px;}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}
footer h4{color:#fff;font-size:14.5px;margin-bottom:12px}
footer ul{list-style:none}
footer li{margin-bottom:8px}
footer a{color:#a9c4bd}
.f-legal{padding:18px 0 5px;font-size:12.5px;line-height:2;color:#7fa199}
@media (max-width:820px){.f-grid{grid-template-columns:1fr 1fr}}