/* 阶段4：Django 前台首页 + 公共框架样式，按旧站结构复刻 */
* { margin: 0; padding: 0; list-style: none; border: none; text-decoration: none; box-sizing: border-box; }
html, body { min-height: 100%; }
body { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; color: #333; }
a { color: inherit; }
img { max-width: 100%; display: block; }

.baocon,
.public-body { background: url('../images/bgcon.jpg') repeat; }
.public-main { min-height: 400px; }
.public-body--home .public-main { min-height: 0; }
.clear { clear: both; }

.hetou { width: 100%; height: 136px; background: url('../images/toubei.jpg') repeat-x; position: relative; }
.zuolong { position: absolute; left: 0; top: 0; }
.youlong { position: absolute; right: 0; top: 0; }
.lgdh { width: 1200px; margin: 0 auto; }
.lgdh h1 { margin: 0; }

.hmnav { width: 100%; background: url('../images/daobg.jpg') repeat-x; min-height: 50px; }
.helan { width: 1200px; margin: 0 auto; display: flex; align-items: center; }
.helan__item { flex: 1 1 0; min-width: 0; }
.lanjie { display: block; font-size: 20px; color: #fff; transition: 0.3s; }
.lanjie:hover, .lanjie--active { color: #ff0; }
.hmlist { display: block; width: 100%; line-height: 50px; text-align: center; }

.erban { width: 100%; height: 258px; background: url('../images/erban.jpg') no-repeat top center; margin-top: 0.8%; }
.public-inner-banner { position: relative; background-size: cover; }
.public-inner-banner__overlay {
    width: 100%; height: 100%;
    background: linear-gradient(90deg, rgba(120, 25, 16, 0.66), rgba(120, 25, 16, 0.28));
    display: flex; align-items: center;
}
.public-inner-banner__title {
    width: 1200px; margin: 0 auto; color: #fff; font-size: 42px; font-weight: 500; letter-spacing: 0.04em;
}

.public-breadcrumb-wrap { width: 100%; }
.public-breadcrumb-wrap .navmbx { float: none; text-align: left; }
.weizhi { max-width: 1200px; margin: 25px auto 0 auto; font-size: 14px; color: #333; }
.weizhi a { color: #000; }
.weizhi__sep { display: inline-block; margin: 0 8px; }

.guanyu,
.guanyu2 { width: 1200px; margin: 28px auto 30px; overflow: hidden; background: #fff; box-shadow: 3px 5px 5px #999; }
.gwcon,
.gwcon2 { text-align: center; margin-top: 38px; margin-bottom: 34px; }
.gwcon img,
.gwcon2 img { display: inline-block; }

.public-shell-note {
    width: 1080px; margin: 0 auto 24px; padding: 24px 28px; border: 1px solid #f0e2d2;
    background: linear-gradient(180deg, #fff8f1 0%, #fff 100%); border-radius: 8px;
}
.public-shell-note p { color: #5a5a5a; line-height: 1.9; font-size: 15px; }
.public-shell-note__switches { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 12px; }
.public-shell-note__chip {
    display: inline-flex; align-items: center; justify-content: center; min-width: 86px; padding: 8px 16px;
    border: 1px solid #e5cdb8; border-radius: 999px; color: #8a4334; background: #fff;
}
.public-shell-note__chip--active { background: #b4312c; border-color: #b4312c; color: #fff; }

.silan { width: 920px; margin: 0 auto 46px; margin-top: 23px; }
.dalan { width: 205px; margin-left: 12.5px; margin-right: 12.5px; float: left; background: url('../images/heishi.png') no-repeat top center; height: 52px; text-align: center; line-height: 52px; font-size: 20px; color: #000; }
.dalan a { display: block; color: inherit; }
.current_class { color: #e3322c; background: url('../images/hongshi.png') no-repeat top center; }

.wenlie { width: 1118px; margin: 0 auto; margin-top: 24px; overflow: hidden; }
.wenlie a { color: #333; }
.tiaobox { border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; margin-bottom: 4%; }
.ptbox { width: 227px; height: 162px; float: left; overflow: hidden; background: #f3f3f3; }
.ptbox img { width: 100%; height: 100%; object-fit: cover; }
.tonbox { width: 76.5%; float: right; }
.tanzi { width: 100%; }
.tanzi a { display: block; }
.ntit { text-align: left; width: 85%; font-size: 18px; color: #181818; font-weight: 100; line-height: 2em; margin-top: 0; margin-bottom: 8px; float: left; }
.gengniu { width: 68px; height: 26px; background: #b4312c; float: right; line-height: 26px; font-size: 16px; color: #fff; text-align: center; border-radius: 6px; }
.ptime { font-size: 14px; color: #9c9c9c; text-align: left; line-height: 2em; margin-bottom: 0.8em; }
.zwen { font-size: 14px; color: #666; text-align: left; line-height: 2em; }

.yexian { text-align: center; margin-top: 10px; margin-bottom: 80px; }
.yexian a, .selfpage, .yexian .close {
    border: #e3e3e3 solid 1px; padding: 5px 10px; text-decoration: none; color: #3e3e3e; display: inline-block; margin: 0 4px;
}
.selfpage { font-weight: bold; color: red; }
.yexian .close { color: #aaa; background: #f6f6f6; }
.yexian .count { display: inline-block; margin-left: 12px; color: #555; font-size: 14px; }

.public-state {
    width: 1080px; margin: 0 auto 70px; padding: 64px 48px; background: #fff7f5; border: 1px solid #f2d5d0; border-radius: 10px; text-align: center;
}
.public-state h3 { font-size: 28px; color: #7d2119; margin-bottom: 12px; font-weight: 500; }
.public-state p { color: #666; font-size: 15px; line-height: 1.9; }
.public-state__action {
    display: inline-block; margin-top: 18px; background: #b4312c; color: #fff; padding: 10px 22px; border-radius: 999px;
}
.public-state--empty { background: #fffaf0; border-color: #f1e0b8; }
.public-state--loading { background: #f8fbff; border-color: #dbe8f5; }
.public-state__spinner {
    width: 42px; height: 42px; border-radius: 50%; border: 4px solid #d9e6f5; border-top-color: #b4312c; margin: 0 auto 18px; animation: shell-spin 1s linear infinite;
}
@keyframes shell-spin { to { transform: rotate(360deg); } }

/* 首页 Banner */
.section-focus-pic { margin: 20px auto 0 auto; height: 498px; width: 1200px; overflow: hidden; position: relative; }
.section-focus-pic .pages,
.section-focus-pic .pages ul { width: 100%; height: 100%; position: relative; }
.section-focus-pic ul li { position: absolute; top: 0; left: 1200px; width: 1200px; height: 498px; }
.section-focus-pic ul li.is-active { left: 0; }
.section-focus-pic ul li img { width: 100%; height: 100%; object-fit: cover; }
.section-focus-pic .controler { position: absolute; right: 562.5px; bottom: 20px; z-index: 6; }
.section-focus-pic .controler b {
    cursor: pointer; width: 20px; height: 12px; line-height: 12px; display: block; overflow: hidden; float: left;
    text-indent: 20px; color: transparent; background: url('imgs/news_index_icon.png') no-repeat -136px 3px;
}
.section-focus-pic .controler b.down { background: url('imgs/news_index_icon.png') no-repeat -161px 1px; }
.section-focus-pic .controler2 a { display: block; width: 40px; position: absolute; top: 248px; height: 40px; z-index: 6; }
.section-focus-pic .controler2 .prev { left: 5px; }
.section-focus-pic .controler2 .next { right: 10px; }
.section-focus-pic .controler2 img { width: 40px; height: 40px; }

/* 首页公告 */
.ggcontent { width: 1200px; margin: 15px auto 0 auto; font-size: 16px; color: #000; }
#tgBigox {
    position: relative; width: 1035px; margin: -25px auto 0 auto; height: 30px; line-height: 30px; overflow: hidden;
}
#tgGoox {
    position: absolute; height: 30px; line-height: 30px; top: 0; left: 0; white-space: nowrap;
}
.ggcontent__item { color: #000; }
.notice { width: 1200px; margin: 15px auto 0 auto; font-size: 16px; color: #000; }
.notice a { color: #000; }

/* 关于我们 */
.niaosee { width: 1152px; margin: 0 auto 45px; overflow: hidden; }
.nkbao { width: 50%; float: left; overflow: hidden; }
.nkbao img { display: block; width: 100%; }
.ziwen { width: 40%; float: left; margin-left: 5%; margin-top: 32px; }
.jshemu { width: 100%; font-size: 16px; color: #666; line-height: 2em; text-indent: 2em; }
.dailian { float: right; text-align: right; margin-top: 20px; }

/* 园内机构 */
.gwcon2 { padding-top: 0; padding-bottom: 0; }
.sanhang { font-size: 16px; color: #666; text-align: center; line-height: 2.4em; padding-bottom: 32px; }
.qiji { font-size: 16px; color: #333; text-align: left; margin-left: 5%; margin-top: 3%; margin-bottom: 5%; }
.ccduo { font-size: 14px; text-align: right; color: #760b15; margin-top: 3%; margin-bottom: 5%; margin-right: 5%; }
.Box { width: 1200px; margin: 0 auto; position: relative; background: #fff; padding-bottom: 40px; overflow: visible; }
.Box .content { width: 1152px; margin: 0 auto; }
.Box .Box_con { position: relative; }
.Box .Box_con .btn { display: block; width: 41px; height: 41px; position: absolute; top: 100px; cursor: pointer; z-index: 5; }
.Box .Box_con .btnl { left: 0; background: url('../images/mfrl.gif') no-repeat center; }
.Box .Box_con .btnr { right: 0; background: url('../images/mfrr.gif') no-repeat center; }
.Box .Box_con .conbox { position: relative; overflow: hidden; width: 1152px; height: 350px; margin: 0 auto; }
.Box .Box_con .conbox ul {
    position: relative; list-style: none; height: 350px; display: flex; transition: transform 0.6s ease; will-change: transform;
}
.Box .Box_con .conbox ul li {
    flex: 0 0 365px; background: #fff; width: 365px; margin-left: 20px; box-shadow: 3px 0px 3px #999; border: 1px solid #e4e4e4; overflow: hidden;
}
.Box .Box_con .conbox ul li:first-child { margin-left: 0; }
.Box .Box_con .conbox ul li img { display: block; width: 365px; height: 240px; object-fit: cover; transition: all 0.5s; }
.Box .Box_con .conbox ul li:hover img { transform: scale(1.1); }
.Box.is-static .btn { opacity: 0.35; pointer-events: none; }
.Box .BoxSwitch { margin-top: 30px; text-align: center; }
.Box .BoxSwitch span {
    display: inline-block; vertical-align: middle; width: 30px; height: 3px; background: #ccc; margin: 0 5px; cursor: pointer;
}
.Box .BoxSwitch span.cur { background: red; }

/* 新闻中心 */
.home-news { padding-bottom: 30px; }
.hangdong { width: 370px; float: left; margin-left: 24px; margin-top: 30px; }
.zyfk { width: 100%; }
.hdtit { font-size: 20px; color: #333; text-align: left; float: left; font-weight: 100; padding: 6px 12px; background: #ffcf34; border-radius: 100px; overflow: hidden; margin-top: -6px; }
.chadt {
    font-size: 14px; color: #333; width: 95px; border: 1px solid #e4e4e4; border-radius: 6px; line-height: 2em;
    float: right; margin-bottom: 12px; text-align: center; transition: 0.3s;
}
.chadt:hover { background: #c03; color: #fff; }
.home-news-scroll { overflow-y: scroll; width: 370px; height: 400px; margin-bottom: 60px; }
.home-news-columns .home-news-scroll { overflow: visible; height: auto; }
.home-news-columns .yizui { padding-bottom: 12px; margin-bottom: 12px; }
.yizui { border-bottom: 1px solid #e4e4e4; margin-bottom: 5%; transition: 0.3s; }
.zhaizi { font-size: 16px; color: #222; text-align: left; width: 96%; line-height: 1.5em; margin-top: 2%; margin-bottom: 3%; transition: 0.3s; }
.zhaizi:hover { color: #c03; }
.sanjiao { width: 690px; float: right; margin-right: 24px; margin-top: 30px; }
.hdtit2 { font-size: 20px; width: 570px; text-align: left; float: left; font-weight: 100; color: #222; }
.panzi,
.panzi2 { display: inline-block; margin-left: 6%; transition: color 0.3s ease; }
.panzi { color: #c03; }
.panzi2 { color: #222; }
.panzi:hover,
.panzi2:hover { color: #c03; }
.baoer { margin-bottom: 28px; }
.boxpic,
.boxpik {
    width: 48%;
    border: 3px solid #eee;
    box-shadow: -3px 0 3px #ccc;
    overflow: hidden;
    background: #fff;
}
.boxpic { float: left; }
.boxpik { float: right; }
.baowu { width: 100%; position: relative; }
.baowu img { display: block; width: 100%; height: 190px; object-fit: cover; }
.bwtit {
    position: absolute; bottom: 0; width: 100%; font-size: 14px; text-align: center; color: #000;
    background: rgba(255,255,255,0.72); line-height: 1.7em; padding: 12px 14px;
}
.daihao { margin-bottom: 54px; }
.zsyw { margin-bottom: 3%; padding-bottom: 18px; border-bottom: 1px solid #e8e8e8; }
.zuoshi { float: left; margin-left: 2%; margin-right: 3%; }
.ztime { font-size: 50px; color: #111; text-align: left; font-weight: bold; line-height: 1; }
.nfen { font-size: 16px; color: #111; text-align: left; margin-top: 6px; }
.yowen { float: left; width: calc(100% - 138px); }
.home-news-tag {
    display: inline-block; margin-top: 6px; margin-bottom: 8px; padding: 3px 10px; border-radius: 999px;
    background: rgba(192,0,51,0.08); color: #9f2132; font-size: 12px; line-height: 1.4;
}
.zhaiyi { font-size: 20px; color: #222; line-height: 1.7em; font-weight: 100; transition: 0.3s; margin-bottom: 6px; }
.zhaicon { font-size: 16px; color: #666; text-align: left; line-height: 1.9em; }
.zhaiyi:hover { color: #f33; }

/* 服务项目 */
.home-services { padding-bottom: 30px; }
.home-services__items { width: 100%; margin: 0 auto; padding: 0 0 30px; position: relative; z-index: 100; overflow: hidden; }
.jiejueitem { float: left; width: 270px; min-height: 300px; margin-top: 20px; margin-right: 25px; margin-left: 82px; margin-bottom: 30px; }
.jiejueitem img { width: 270px; height: auto; }
.jiejueitem p {
    background: url('../images/dot-bg.jpg') no-repeat left center transparent; color: #87898c; font-size: 13px;
    line-height: 25px; min-height: 25px; overflow: hidden; padding-left: 16px;
}
.jiejueitem p a { color: #87898c; font-size: 14px; }
.jiejueitem .jjttle { padding-bottom: 14px; padding-top: 17px; padding-left: 0; background: none; }
.jiejueitem .jjttle a { color: #0e0e0e; font-size: 20px; }
.home-services__items .jiejueitem:nth-child(3n + 1) { margin-left: 82px; clear: left; }
.home-services__items .jiejueitem:nth-child(3n) { margin-right: 0; }

/* 荣誉 / 企业文化轮播 */
.friend { height: 380px; margin: 0 auto; overflow: hidden; width: 1200px; }
.mr_frbox { height: 360px; padding: 14px 0 0; display: flex; align-items: center; justify-content: center; gap: 6px; }
.mr_frBtnL,
.mr_frBtnR { cursor: pointer; flex-shrink: 0; width: 41px; height: 41px; }
.mr_frUl { width: 1096px; flex: none; height: 342px; overflow: hidden; margin: 0 auto; }
.mr_frUl ul { display: flex; white-space: nowrap; transition: transform 0.5s ease; will-change: transform; }
.mr_frUl ul li { flex-shrink: 0; width: 274px; padding: 10px; overflow: hidden; position: relative; }
.mr_frUl ul li a img { display: block; width: 100%; }
.friend.is-static .mr_frBtnL,
.friend.is-static .mr_frBtnR { opacity: 0.35; pointer-events: none; }
.home-loop--no-arrows .mr_frBtnL,
.home-loop--no-arrows .mr_frBtnR { display: none; }
.home-loop--no-arrows .mr_frUl { width: 1096px; }

.home-honor-friend { height: 260px; }
.home-honor-friend .mr_frbox { height: 260px; padding-top: 0; }
.home-honor-friend .mr_frUl { height: 202px; }
.home-honor-friend .mr_frUl ul li { width: 274px; padding: 10px; }
.home-honor-friend .mr_frUl ul li a img { width: 255px; height: 162px; object-fit: contain; background: #fff; }
.home-honor-link { display: block; cursor: default; }

.home-culture-friend { height: 390px; margin-bottom: 70px; }
.home-culture-friend .mr_frbox { height: 370px; padding-top: 0; }
.home-culture-friend .mr_frUl { height: 360px; }
.home-culture-friend .mr_frUl ul li { width: 274px; padding: 10px; }
.home-culture-friend .mr_frUl ul li a { display: block; color: inherit; }
.home-culture-friend .mr_frUl ul li a img { width: 254px; height: 300px; object-fit: cover; background: #fff; }
.silie { width: 1152px; margin: 0 auto 70px; overflow: hidden; }
.huidi {
    width: 255px; float: left; margin-right: 44px; margin-bottom: 34px; background: #fff; border: 1px solid #e5e5e5;
    padding: 8px 8px 16px;
}
.silie li:nth-child(4n) { margin-right: 0; }
.huidi img { display: block; width: 255px; height: 182px; object-fit: contain; margin: 0 auto 14px; }
.whtit { color: #333; font-size: 16px; line-height: 1.7; text-align: center; min-height: 54px; }
.home-culture-grid { margin-bottom: 90px; }
.home-culture-tile .whtit { color: #222; font-size: 18px; }
.home-culture-tile--empty { display: flex; align-items: center; justify-content: center; min-height: 220px; }

/* 页脚 */
.dihm { width: 100%; background: rgba(227, 50, 44, 0.72); margin-top: 5%; overflow: hidden; }
.condhm { width: 1200px; margin: 0 auto; }
.yaosi { width: 1014px; float: left; margin-top: 40px; margin-bottom: 70px; }
.matu { float: right; margin-top: 45px; margin-bottom: 45px; }
.matu img { width: 150px; height: 150px; object-fit: cover; }
.xdnav { width: 15%; float: left; }
.zaitit { font-size: 20px; color: #fff; text-align: left; line-height: 2em; margin-bottom: 2%; font-weight: 400; }
.xbt { height: 3px; background: #fff; width: 40px; margin-bottom: 12px; }
.jdnav { font-size: 16px; color: #fff; text-align: left; line-height: 2em; }
.xitian { height: 1px; width: 100%; background: #f2967c; }
.dizhi { width: 1200px; margin: 0 auto; font-size: 16px; color: #fff; text-align: left; line-height: 2em; margin-top: 2%; margin-bottom: 2%; }
.dizhi a, .linkp a { color: #fff; }
.linkp { font-size: 16px; color: #fff; margin: 0; }

/* 单页 / 列表 / 详情模板 */
.nkbox { width: 729px; margin: 0 auto 60px; border: 1px solid #d9d9d9; overflow: hidden; }
.nkbox img { display: block; width: 100%; }
.jjcon { width: 1028px; margin: 0 auto 100px; overflow: hidden; }
.jjtext { color: #333; text-align: left; text-indent: 2em; font-size: 14px; line-height: 2em; margin-bottom: 1em; }
.single-body-content { width: 1028px; margin: 0 auto 100px; overflow: hidden; }
.single-body-content p,
.detail-richtext p,
.narticleb p { margin-bottom: 1em; }
.single-body-content img,
.detail-richtext img,
.narticleb img,
.piyi img { max-width: 100%; height: auto; display: block; margin: 16px auto; }

.dalan2 {
    width: 205px; margin: 0 auto 36px; color: #e3322c; background: url('../images/hongshi.png') no-repeat top center;
    height: 52px; text-align: center; line-height: 52px; font-size: 20px;
}
.siqu { width: 1114px; margin: 0 auto 70px; background: #fcb836; overflow: hidden; }
.gangbao { width: 100%; border-bottom: 1px solid #fff; }
.gangyi { width: 90%; margin: 0 auto; line-height: 74px; }
.gangm { font-size: 20px; line-height: 74px; text-align: left; float: left; color: #000; font-weight: 400; }
.zhixiang { float: right; }
.zhisi { font-size: 16px; color: #000; display: block; float: right; margin-top: 1px; }
.bianda { font-size: 30px; color: #000; display: block; float: right; }
.guanyu--service { padding-bottom: 28px; }
.service-intro-copy { width: 100%; }

.miandao { width: 1144px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #e0e0e0; margin-top: 26px; padding-bottom: 8px; margin-bottom: 36px; }
.zuotit { font-size: 18px; color: #000; text-align: left; float: left; font-weight: 100; }
.navmbx { font-size: 14px; color: #333; text-align: right; float: right; }
.navmbx a { color: #333; }
.ppcon { width: 1040px; margin: 0 auto; }
.artit { font-size: 24px; font-weight: 100; text-align: center; color: #000; }
.sjdian { font-size: 14px; color: #666; text-align: center; line-height: 2em; margin-top: 12px; margin-bottom: 24px; }
.duanluo { margin-bottom: 80px; }
.piyi { font-size: 14px; color: #333; line-height: 2em; text-align: left; text-indent: 2em; margin-bottom: 1em; }
.prepto,
.service-detail-nav { line-height: 35px; font-size: 14px; color: #333; }
.prepto a,
.service-detail-nav a { color: #333; }
.contj { width: 95%; margin: 0 auto; background: #f2f2f2; overflow: hidden; margin-bottom: 80px; }
.baxi { width: 90%; margin: 0 auto; margin-top: 3%; margin-bottom: 2%; }
.tjyd { color: #e04c4c; font-size: 20px; font-weight: 100; text-align: left; margin-bottom: 1em; }
.xihan { width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 2em; }
.zuotou { font-size: 16px; color: #333; text-align: left; float: left; }
.youshi { font-size: 16px; color: #999; float: right; text-align: right; }

.zhongka { width: 1200px; margin: 28px auto 30px; overflow: hidden; background: #fff; box-shadow: 3px 5px 5px #999; }
.boxban { width: 100%; }
.boxban img { width: 100%; }
.eryi { width: 100%; margin-top: 5%; overflow: hidden; }
.yifu { width: 50%; float: left; margin-top: 2%; }
.shaoyong { font-size: 21px; color: #4e4e4e; text-align: center; margin-bottom: 2%; font-weight: lighter; }
.fuyi { float: right; width: 38%; margin-right: 6%; }
.fuyi img { display: block; width: 100%; }
.tyjs2 { font-size: 16px; color: #4e4e4e; text-align: left; width: 70%; margin: 6% auto 3%; line-height: 2em; text-indent: 2em; }
.guliu { width: 100%; background: url('../images/gdbj.jpg') no-repeat center center; background-attachment: fixed; overflow: hidden; }
.huang { width: 82.7%; margin: 9% auto 0; overflow: hidden; background: rgba(249, 184, 56, 0.92); padding: 5% 0; }
.hpi { width: 80%; margin: 0 auto; font-size: 16px; color: #fff; text-align: left; text-indent: 2em; line-height: 2em; }
.banban { width: 100%; background: #fff; }
.banban img { width: 100%; }
.biaotit { width: 13.6%; margin: 4% auto 3%; }
.biaotit img { margin: 0 auto; }
.dtji { margin-bottom: 5%; padding: 0 3%; }
.jili { width: 40.75%; float: left; margin-left: 4.625%; margin-right: 4.625%; border-bottom: 1px dashed #878787; margin-bottom: 1%; }
.jili span { display: inline-block; font-size: 16px; color: #878787; text-align: left; line-height: 2em; }
.jili a { color: inherit; }
.jili strong { margin-right: 4px; }
.btnr { float: left; }
.btsj { float: right; }

.nymain { width: 1140px; margin: 60px auto 40px; background: #fff; padding: 30px; box-shadow: 3px 5px 5px #999; }
.nytit h2 { float: left; width: 50%; }
.nytit h2 a { line-height: 50px; display: inline-block; color: #124036; border-bottom: 4px solid #124036; }
.nytit .nytita { float: left; width: 50%; text-align: right; margin-top: 20px; font-size: 14px; }
.nytit .nytita a { color: #333; }
.narticlea { text-align: center; padding: 50px 0 10px; color: #999; font-size: 12px; border-bottom: 1px solid #e9e9e9; }
.narticlea h2 { color: #333; font-size: 20px; line-height: 30px; }
.narticleb { padding-top: 30px; font-size: 14px; line-height: 2; }
.narticlec { border-top: 1px solid #e9e9e9; padding-top: 15px; margin-bottom: 15px; }
.narticled { width: 277px; float: left; margin-right: 20px; }
.narticled img { width: 277px; height: 175px; object-fit: cover; }
.narticlee { width: 322px; float: left; font-size: 12px; color: #666; line-height: 2; }
.narticlee a { font-size: 14px; display: inline-block; margin: 10px 0; }
.narticlef { width: 420px; float: right; padding-right: 10px; }
.narticlef li { height: 35px; line-height: 35px; background: url('../images/articleico1.jpg') no-repeat 1px center; text-indent: 20px; overflow: hidden; }
.narticlee a:hover,
.narticlef a:hover { text-decoration: underline; color: #124036; }
.public-shell-note--service { width: auto; margin: 16px 0 24px; }

.silan--contact,
.silan--culture { width: 1114px; }
.silan--contact .dalan,
.silan--culture .dalan { width: 250px; margin-left: 14px; margin-right: 14px; }

.messcon { width: 580px; margin: 30px auto 40px; padding: 0; background: transparent; border: 0; border-radius: 0; }
.contact-form-status {
    margin-bottom: 20px; padding: 14px 18px; border-radius: 8px; font-size: 14px; line-height: 1.8;
    background: #f4f4f4; color: #555;
}
.contact-form-status--success { background: #edf7ed; color: #1f6f43; }
.contact-form-status--error { background: #fff1f1; color: #a22d2d; }
.contact-form-label { color: #666; font-size: 14px; margin-bottom: 0; }
.contact-form-label span { color: #e3322c; }
.messcon input {
    width: 560px; height: 50px; line-height: 50px; padding: 0 10px; border: 0; border-radius: 0;
    margin: 10px 0; font-size: 15px; background: #fafafa; font-family: inherit; color: #333;
}
.messcon textarea {
    width: 560px; line-height: 26px; min-height: 100px; padding: 10px; border: 0; border-radius: 0;
    margin: 10px 0 0; resize: vertical; font-size: 15px; background: #fafafa; font-family: inherit; color: #333;
}
.messcon input:focus,
.messcon textarea:focus { outline: none; box-shadow: none; }
.contact-form-error { min-height: 18px; margin-bottom: 14px; color: #e3322c; font-size: 12px; }
.contact-form-actions { display: block; margin-top: 0; }
.messbut {
    width: 200px; height: 50px; line-height: 50px; background: #fcb836; border-radius: 30px;
    text-align: center; display: block; margin: 30px auto; color: #fff; font-size: 20px; cursor: pointer; transition: 0.25s;
}
.messbut:hover { background: #f0aa28; }
.messbut:disabled { opacity: 0.55; cursor: not-allowed; }
.messbut--ghost { background: #fff; color: #b4312c; border: 1px solid #e5b1ae; }
.messbut--ghost:hover { background: #fff7f5; }

.boxchu { width: 1114px; margin: 0 auto 60px; text-align: center; position: relative; }
.boxchu > img { display: block; width: 100%; }
.boxchu__media { width: 100%; }
.boxchu__media img { display: block; width: 100%; height: auto; }
.xubai {
    position: absolute; width: 771px; height: 156px; background: rgba(255,255,255,0.63);
    top: 122px; left: 171px; border-radius: 6px; color: #000; text-align: center;
    font-size: 18px; line-height: 2em; padding-top: 36px;
}
.xubai p { margin-bottom: 0.5em; }
.contact-info-block { text-align: center; line-height: 2; margin-bottom: 30px; font-size: 16px; color: #333; }
.contact-amap-container { width: 100%; height: 411px; border: 1px solid #ccc; background: #f0f0f0; box-sizing: border-box; }
.message-help { width: 1028px; margin: 0 auto 80px; text-align: center; color: #666; }
.message-help strong { display: inline-block; margin-top: 8px; font-size: 30px; color: #b4312c; font-weight: 500; }

.culture-title-link { display: block; }
.culture-hub-friend { height: 380px; margin-bottom: 42px; }
.culture-idea-strip {
    width: 1114px; margin: 0 auto 54px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;
}
.culture-idea-card {
    display: block; background: #fff; border: 1px solid #ececec; padding: 16px; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s, box-shadow 0.25s;
}
.culture-idea-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1); }
.culture-idea-card img { width: 100%; height: 210px; object-fit: cover; margin-bottom: 14px; }
.culture-idea-card span { display: block; text-align: center; font-size: 18px; color: #222; }

.shizhong { width: 1114px; margin: 0 auto 48px; }
.yaobl2 { width: 1114px; margin: 0 auto 60px; overflow: hidden; }
.jbox,
.jbox2 {
    width: 31.2%; float: left; margin-right: 3.2%; margin-bottom: 36px; padding: 12px; border: 1px solid #ececec;
    background: #fff; box-shadow: none;
}
.jbox:nth-child(3n),
.jbox2:nth-child(3n) { margin-right: 0; }
.rongbox3,
.rongbox4 { overflow: hidden; margin-bottom: 14px; }
.rongbox3 img,
.rongbox4 img { width: 100%; height: 220px; object-fit: cover; transition: transform 0.3s; }
.jbox:hover .rongbox3 img,
.jbox2:hover .rongbox4 img { transform: scale(1.04); }
.rongming { text-align: center; color: #222; font-size: 18px; line-height: 1.7; min-height: 62px; }
.rongming2 { color: #222; font-size: 18px; line-height: 1.7; margin-bottom: 10px; min-height: 62px; }
.tiyou { color: #666; font-size: 14px; line-height: 1.9; min-height: 80px; margin-bottom: 16px; }
.caxiang {
    display: inline-flex; align-items: center; justify-content: center; min-width: 110px; height: 38px; background: #b4312c;
    color: #fff; border-radius: 999px; font-size: 14px;
}
.jbox2--flat { background: #f3f3f3; border-color: #e5e5e5; }
.jbox2--flat .tiyou { min-height: 0; margin-bottom: 0; }
.heibox {
    width: 1114px; margin: 0 auto 70px; padding: 40px 32px 18px; background: #111; overflow: hidden;
}
.heibox .dalan2 { margin-top: 0; }
.jbox2--dark { background: #1b1b1b; border-color: #2a2a2a; }
.jbox2--dark .rongming2 { color: #fff; min-height: 54px; }
.jbox2--dark .tiyou,
.heibox .caxiang { color: #fff; }
.team-gallery-box img { height: 410px; object-fit: cover; }

@media (max-width: 1280px) {
    .lgdh, .helan, .public-inner-banner__title, .weizhi, .guanyu, .guanyu2, .condhm, .dizhi,
    .section-focus-pic, .ggcontent, .notice, .Box, .friend {
        width: calc(100% - 32px);
    }
    .silie { width: calc(100% - 48px); }
    .public-shell-note, .wenlie, .yaosi, .miandao, .ppcon, .single-body-content, .nymain, .messcon, .boxchu,
    .culture-idea-strip, .shizhong, .yaobl2, .heibox, .message-help { width: calc(100% - 48px); }
    .niaosee, .Box .content, .Box .Box_con .conbox, .mr_frUl, .jjcon { width: calc(100% - 48px); }
    .silan { width: calc(100% - 80px); }
    .silan--contact .dalan,
    .silan--culture .dalan { width: calc(25% - 28px); }
    .section-focus-pic { height: auto; aspect-ratio: 1200 / 498; }
    .section-focus-pic ul li { width: 100%; height: 100%; }
    #tgBigox { width: calc(100% - 165px); }
    .home-services__items { width: calc(100% - 48px); padding: 0 0 30px; }
    .xdnav { width: 33.3333%; margin-bottom: 20px; }
    .yaosi, .matu { float: none; }
    .matu { width: 150px; margin-left: auto; margin-right: auto; }
}

@media (max-width: 1024px) {
    .hangdong { width: calc(33.3333% - 20px); margin-left: 15px; }
    .home-news-scroll { width: 100%; }
    .sanjiao { width: calc(66.6667% - 25px); margin-right: 15px; }
    .hdtit2 { width: calc(100% - 110px); }
    .panzi,
    .panzi2 { margin-left: 4%; }
    .ztime { font-size: 42px; }
    .yowen { width: calc(100% - 118px); }
    .Box .Box_con .conbox ul li { flex-basis: 320px; width: 320px; }
    .Box .Box_con .conbox ul li img { width: 320px; }
    .home-services__items { width: calc(100% - 40px); }
    .home-services__items .jiejueitem { margin-left: 24px; }
    .yifu { width: 54%; }
    .fuyi { width: 34%; margin-right: 5%; }
    .nymain { padding: 24px; }
    .narticlee { width: 280px; }
    .narticlef { width: 360px; }
    .jbox,
    .jbox2 { width: 48.2%; margin-right: 3.6%; }
    .jbox:nth-child(3n),
    .jbox2:nth-child(3n) { margin-right: 3.6%; }
    .jbox:nth-child(2n),
    .jbox2:nth-child(2n) { margin-right: 0; }
}

@media (max-width: 900px) {
    .hetou { height: auto; padding: 12px 0 8px; }
    .zuolong, .youlong { display: none; }
    .hmnav { padding: 8px 0; }
    .helan { flex-wrap: wrap; }
    .helan__item { flex: 1 1 33.333%; }
    .hmlist { line-height: 42px; font-size: 17px; }
    .public-inner-banner__title { font-size: 28px; }
    .public-shell-note, .public-state { width: calc(100% - 40px); padding: 28px 20px; }
    .silan { width: calc(100% - 24px); }
    .dalan { width: calc(50% - 12px); margin: 0 6px 12px; }
    .silan--contact .dalan,
    .silan--culture .dalan { width: calc(50% - 12px); margin: 0 6px 12px; }
    .ptbox, .tonbox { width: 100%; float: none; }
    .ptbox { height: 220px; margin-bottom: 16px; }
    .ntit, .gengniu { float: none; width: 100%; }
    .gengniu { margin-bottom: 10px; }

    .section-focus-pic, .ggcontent, .notice, .guanyu, .guanyu2, .Box, .friend { width: calc(100% - 20px); }
    .section-focus-pic { margin-top: 12px; }
    .section-focus-pic .controler { left: 50%; right: auto; bottom: 12px; transform: translateX(-50%); }
    .section-focus-pic .controler2 a { width: 34px; height: 34px; top: 50%; transform: translateY(-50%); }
    .section-focus-pic .controler2 img { width: 34px; height: 34px; }

    .ggcontent { font-size: 15px; }
    #tgBigox { width: calc(100% - 70px); margin: 6px 0 0 70px; }
    .notice { font-size: 15px; }

    .niaosee { width: calc(100% - 36px); margin-bottom: 30px; }
    .nkbao, .ziwen { width: 100%; float: none; margin: 0; }
    .ziwen { margin-top: 24px; }

    .sanhang { padding: 0 20px 24px; text-align: left; }
    .Box .content, .Box .Box_con .conbox { width: 100%; }
    .Box .Box_con .btn { top: 120px; }
    .Box .Box_con .btnl { left: 6px; }
    .Box .Box_con .btnr { right: 6px; }
    .Box .Box_con .conbox { height: 330px; }
    .Box .Box_con .conbox ul { height: 330px; }
    .Box .Box_con .conbox ul li { flex-basis: 280px; width: 280px; }
    .Box .Box_con .conbox ul li img { width: 280px; height: 200px; }

    .hangdong { width: calc(100% - 32px); float: none; margin: 24px auto 0; }
    .home-news-scroll { width: 100%; height: auto; max-height: 260px; margin-bottom: 24px; }
    .sanjiao { width: calc(100% - 32px); float: none; margin: 24px auto 0; }
    .hdtit2 { width: calc(100% - 110px); font-size: 18px; }
    .panzi,
    .panzi2 { margin-left: 0; margin-right: 14px; margin-bottom: 8px; }
    .boxpic,
    .boxpik { width: 100%; float: none; margin-bottom: 16px; }
    .baowu img { height: 220px; }
    .zsyw { padding-bottom: 16px; }
    .zuoshi,
    .yowen { float: none; width: 100%; margin: 0; }
    .zuoshi { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
    .ztime { font-size: 34px; }
    .nfen { margin-top: 0; }
    .zhaiyi { font-size: 18px; line-height: 1.5; }
    .zhaicon { font-size: 15px; line-height: 1.7; }

    .home-services__items { width: calc(100% - 36px); margin: 0 auto; padding-bottom: 20px; }
    .jiejueitem,
    .home-services__items .jiejueitem:nth-child(3n + 1),
    .home-services__items .jiejueitem:nth-child(3n) {
        float: none; width: 100%; margin: 20px 0 0;
    }
    .jiejueitem img { width: 100%; }

    .mr_frbox { gap: 8px; }
    .mr_frBtnL, .mr_frBtnR { width: 32px; height: 32px; }
    .mr_frUl { width: calc(100% - 80px) !important; }
    .mr_frUl ul li { width: 240px; padding: 8px; }
    .home-honor-friend .mr_frUl ul li { width: 240px; }
    .home-honor-friend .mr_frUl ul li a img { width: 224px; height: 142px; }
    .home-culture .mr_frUl ul li a img { width: 224px; height: 260px; }

    .miandao, .ppcon, .jjcon, .single-body-content, .nymain, .zhongka { width: calc(100% - 20px); }
    .messcon, .boxchu, .culture-idea-strip, .shizhong, .yaobl2, .heibox, .message-help { width: calc(100% - 20px); }
    .biaotit { width: 200px; }
    .yifu, .fuyi, .narticled, .narticlee, .narticlef { width: 100%; float: none; margin: 0 0 18px; padding-right: 0; }
    .narticled img { width: 100%; height: auto; }
    .jili { width: calc(100% - 32px); float: none; margin: 0 auto 10px; }
    .btsj { float: right; }
    .nymain { margin: 24px auto 30px; padding: 20px; }
    .nytit h2, .nytit .nytita { width: 100%; float: none; text-align: left; margin-top: 10px; }
    .zuotit, .navmbx { float: none; text-align: left; }
    .navmbx { margin-top: 10px; }
    .contj { width: calc(100% - 20px); }
    .dizhi { text-align: center; font-size: 14px; }
    .linkp { margin-top: 8px; text-align: center; }
    .messcon { padding: 24px 18px; }
    .contact-form-actions { flex-direction: column; align-items: stretch; }
    .boxchu__media,
    .xubai,
    .jbox,
    .jbox2,
    .huidi { width: 100%; float: none; margin-right: 0; }
    .boxchu__media { margin-bottom: 18px; }
    .boxchu__media img,
    .rongbox3 img,
    .rongbox4 img,
    .team-gallery-box img,
    .huidi img { height: auto; width: 100%; }
    .culture-idea-strip { grid-template-columns: 1fr; gap: 18px; }
    .heibox { padding: 28px 16px 8px; }
    .message-help strong { font-size: 24px; }
}