/* green - 绿色招标采购碳管理公共服务平台 */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; color: #333; background: #fff; min-height: 100vh; }
body { display: flex; flex-direction: column; }
.site-footer { margin-top: auto; flex-shrink: 0; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; border: 0; display: block; }
.wrap { width: 1200px; margin: 0 auto; }

/* 顶部：对齐参考 #top 1300 绝对定位 */
.site-top { height: 125px; background: transparent; position: relative;box-shadow: 0 0 15px rgb(0 0 0 / 20%) }
.site-top .top-inner { position: relative; width: 1300px; height: 125px; margin: 0 auto; }
.site-top .top-bar { position: absolute; width: 1919px; height: 29px; top: 0; left: -360px; z-index: 8; overflow: hidden; }
.site-top .top-bar .bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-color: #f8f9fa; }
.site-top .top-welcome { position: absolute; width: 399px; height: 19px; top: 4px; left: 2px; z-index: 92; font-size: 14px; line-height: 19px; color: #6c757d; white-space: nowrap; }
.site-top .site-logo { position: absolute; width: 134px; height: 90px; top: 34px; left: 0; z-index: 93; display: flex; align-items: center; }
.site-top .site-logo img { width: 120px; height: 88px; max-width: none; object-fit: contain; }
.site-top .site-nav { position: absolute; width: 927px; height: 95px; top: 30px; left: 200px; z-index: 7; }
.site-top .site-nav ul { list-style: none; margin: 0; padding: 0; height: 95px; display: flex; }
.site-top .site-nav li { position: relative; width: 130px; height: 95px; margin: 0; flex-shrink: 0; }
.site-top .site-nav > ul > li > a { display: block; width: 130px; height: 95px; line-height: 100px; text-align: center; color: #000; font-size: 16px; font-weight: 600; background: transparent no-repeat center bottom; }
.site-top .site-nav > ul > li.active > a,
.site-top .site-nav > ul > li > a:hover { color: #31b93e; background-image: url("../img/nav-hover.png"); }
.site-top .site-nav .sub { display: none; position: absolute; left: 0; top: 95px; width: 130px; background: rgba(255,255,255,.9); z-index: 30; }
.site-top .site-nav li:hover .sub { display: block; }
.site-top .site-nav .sub a { display: block; line-height: 14px; padding: 18px 28px; color: #000; font-size: 12px; font-weight: normal; white-space: normal; background: transparent; }
.site-top .site-nav .sub a:hover { color: #fff; background: #2cb349; }
.site-top .header-search { position: absolute; width: 205px; height: 60px; top: 52px; left: 1094px; z-index: 91; }
.site-top .header-search form { display: flex; align-items: stretch; box-sizing: content-box; margin: 3px; height: 38px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; font-family: "Microsoft YaHei", sans-serif; background: #fff; }
.site-top .header-search input { flex: 1; width: 0; height: 38px; margin: 0; line-height: 38px; padding: 0 12px; border: 0; background: #fff; color: #333; font-size: 12px; border-radius: 0; outline: none; }
.site-top .header-search .btn { flex: 0 0 45px; width: 45px; height: 38px; margin: 0; padding: 0; border: 0; border-radius: 0; background: #208c38 url("../img/search.png") center center no-repeat; color: transparent; font-size: 12px; line-height: 38px; cursor: pointer; text-indent: -9999px; overflow: hidden; }

/* 首页轮播：对齐参考 pdv_31358，1919×549，相对 1300 画布左移 360 */
.home-stage { position: relative; width: 1300px; height: 4538px; margin: 0 auto; }
.home-cta { position: absolute; width: 1919px; height: 399px; top: 4139px; left: -314px; z-index: 92; overflow: hidden; }
.home-cta .companyIntro15 { width: 1919px; height: 399px; padding: 0; display: flex; align-items: center; justify-content: center; }
.home-cta .companyName { text-shadow: 0 1px 3px rgba(0, 0, 0, .8); }
.home-cta .companyDec { text-shadow: 0 1px 2px rgba(0, 0, 0, .7); margin-bottom: 0; }
.home-banner { position: absolute; width: 1919px; height: 549px; top: 0; left: -360px; z-index: 15; background: transparent; overflow: visible; }
.home-banner .banner-full { position: absolute; left: 50%; width: 1920px; height: 549px; margin-left: -960px; }
.home-banner .banner-item { position: absolute; left: 0; top: 0; width: 1920px; height: 549px; opacity: 0; transition: opacity 1.5s ease; pointer-events: none; }
.home-banner .banner-item.active { opacity: 1; z-index: 1; }
.home-banner .banner-item img { display: block; width: 1920px; height: 549px; max-width: none; margin: auto; object-fit: cover; border: 0; }
.home-banner .banner-progress { position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: rgba(255,255,255,.5); z-index: 10; }
.home-banner .banner-prev,
.home-banner .banner-next { position: absolute; top: 50%; transform: translateY(-50%); width: 80px; height: 73px; cursor: pointer; background: transparent; opacity: .3; z-index: 2; pointer-events: auto; }
.home-banner .banner-prev { left: 50%; margin-left: -600px; }
.home-banner .banner-next { right: 50%; margin-right: -600px; }
.home-banner:hover .banner-prev,
.home-banner:hover .banner-next { opacity: .6; }
.home-banner .banner-prev:hover,
.home-banner .banner-next:hover { opacity: .9; }
.home-banner .banner-prev span,
.home-banner .banner-next span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 70px; background: url("../img/vbg01.png") no-repeat; }
.home-banner .banner-prev span { background-position: -700px -1400px; }
.home-banner .banner-next span { background-position: -750px -1400px; }
.home-banner .banner-dots { position: absolute; left: 50%; bottom: 0; width: 1920px; margin-left: -960px; line-height: 70px; text-align: center; font-size: 0; z-index: 2; pointer-events: auto; }
.home-banner .banner-dots span { display: inline-block; width: 25px; height: 5px; margin: 2px 10px 0 0; vertical-align: middle; background: #000; opacity: .3; border-radius: 0; cursor: pointer; }
.home-banner .banner-dots span:last-child { margin-right: 0; }
.home-banner .banner-dots span.active { background: #fff; opacity: .7; width: 25px; }

/* 政策资讯：相对首页画布绝对定位 */
.policy-heading { position: absolute; width: 1299px; height: 48px; top: 606px; left: -4px; z-index: 92; text-align: center; line-height: 48px; }
.policy-heading strong span { font-size: 36px; color: #31b93e; font-weight: bold; }
.policy-en { position: absolute; width: 1299px; height: 24px; top: 657px; left: -4px; z-index: 93; text-align: center; color: #999; font-family: "Microsoft YaHei", sans-serif; font-size: 18px; line-height: 24px; text-transform: uppercase; }
.policy-swiper { position: absolute; width: 640px; height: 360px; top: 735px; left: -4px; z-index: 92; border-radius: 12px; overflow: hidden; background: #000; }
.policy-swiper .banner-item { position: absolute; left: 0; top: 0; width: 640px; height: 360px; opacity: 0; transition: opacity .8s; color: #fff; }
.policy-swiper .banner-item.active { opacity: 1; z-index: 1; }
.policy-swiper .news-item-poster { height: 360px; overflow: hidden; }
.policy-swiper .news-item-poster img { display: block; width: 100%; height: 360px; max-width: none; object-fit: cover; }
.policy-swiper .news-item-title { position: absolute; left: 0; right: 0; bottom: 0; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 16px; background: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 16px; }
.policy-swiper .banner-dots { position: absolute; right: 12px; bottom: 10px; z-index: 3; text-align: right; font-size: 0; line-height: 0; }
.policy-swiper .banner-dots span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.6); margin: 0 4px; cursor: pointer; opacity: 1; }
.policy-swiper .banner-dots span.active { background: #fff; }
.policy-news { position: absolute; width: 637px; height: 419px; top: 676px; left: 658px; z-index: 92; overflow: hidden; background: #fff; }
.policy-news .news-230418-wrapper,
.policy-news .news-230418-wrapper * { box-sizing: border-box; }
.policy-news .news-section-title { position: relative; display: flex; align-items: center; padding: 20px 0 20px 12px; line-height: 18px; font-size: 18px; border-bottom: 1px solid #ced4da; }
.policy-news .news-section-title:before { content: " "; position: absolute; top: 20px; left: 0; width: 4px; height: 18px; background: #208c38; }
.policy-news .news-section-title span { flex: 1; }
.policy-news .news-section-title a { flex: none; margin-left: 10px; font-size: 14px; color: #212529; text-decoration: none; }
.policy-news .news-section-title a:hover { color: #208c38; }
.policy-news .news-section-body { height: 360px; padding-top: 10px; font-size: 16px; }
.policy-news .news-section-body ul { list-style: none; margin: 0; padding: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.policy-news .news-section-body li { margin: 0; list-style: none; }
.policy-news .news-section-body li a { display: flex; align-items: flex-start; position: relative; padding-left: 16px; color: #343a40; text-decoration: none; }
.policy-news .news-section-body li a:hover { color: #208c38; }
.policy-news .news-section-body li a::before { content: " "; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #208c38; transition: all .3s; }
.policy-news .news-section-body li a:hover::before { border-radius: 6px; }
.policy-news .news-section-body li a::after { content: " "; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; background: #208c38; max-width: 0; transition: max-width .3s ease-in; }
.policy-news .news-section-body li a:hover::after { max-width: 100%; }
.policy-news .news-section-body li a p { flex: 1; margin: 0; line-height: 22px; max-height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.policy-news .news-section-body li a span { flex-shrink: 0; margin-left: 16px; color: #999; white-space: nowrap; line-height: 22px; }

/* 通用 section */
.section { padding: 40px 0; background: #fff; color: #333; }
.section-title { text-align: center; margin-bottom: 24px; }
.section-title h2 { margin: 0; font-size: 30px; color: #20a84a; font-weight: 700; letter-spacing: 2px; }
.section-title p { margin: 6px 0 0; color: #999; letter-spacing: 2px; font-size: 13px; text-transform: uppercase; }

/* 双碳资讯标题，样式对齐政策资讯 */
.carbon-heading { position: absolute; width: 1299px; height: 48px; top: 1165px; left: -4px; z-index: 92; text-align: center; line-height: 48px; }
.carbon-heading strong span { font-size: 36px; color: #31b93e; font-weight: bold; }
.carbon-en { position: absolute; width: 1299px; height: 24px; top: 1220px; left: -4px; z-index: 93; text-align: center; color: #999; font-family: "Microsoft YaHei", sans-serif; font-size: 18px; line-height: 24px; text-transform: uppercase; }

/* 双碳资讯 / 信用资讯：政策资讯下方，647 槽位里居中 637×450 边框 */
.info-box { position: absolute; width: 647px; height: 450px; top: 1264px; z-index: 91; }
.info-box-carbon { left: 0; }
.info-box-credit { left: 652px; }
.info-box .border-container { width: 637px; height: 450px; margin: 0 auto; border: 1px solid #cccccc; box-sizing: border-box; background: #fff; overflow: hidden; }
.info-box .news-230418-wrapper { width: 100%; display: block; height: auto; }
.info-box .news-230418-wrapper,
.info-box .news-230418-wrapper * { box-sizing: border-box; padding: 0; margin: 0; }
.info-box .news-section-title { width: 100%; display: flex; position: relative; padding: 20px 12px 20px 12px; line-height: 18px; font-size: 18px; align-items: center; border-bottom: 1px solid #ced4da; }
.info-box .news-section-title:before { content: " "; position: absolute; top: 20px; left: 0; width: 4px; height: 18px; background: #208c38; display: block; }
.info-box .news-section-title span { flex: 1; font-weight: bold; color: #212529; }
.info-box .news-section-title a { flex: none; font-size: 14px; color: #212529; text-decoration: none; }
.info-box .news-section-title a:hover { color: #208c38; }
.info-box .news-section-body { width: 100%; font-size: 14px; padding: 0 12px 16px; }
.info-box .news-section-body ul { list-style: none; }
.info-box .news-section-body li { margin-top: 24px; list-style: none; }
.info-box .news-section-body li a { display: flex; align-items: center; position: relative; padding-left: 16px; color: #343a40; text-decoration: none; }
.info-box .news-section-body li a:hover { color: #208c38; }
.info-box .news-section-body li a::before { content: " "; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #208c38; transform: translateY(-50%); transition: all .3s; }
.info-box .news-section-body li a:hover::before { border-radius: 6px; }
.info-box .news-section-body li a::after { content: " "; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; background: #208c38; max-width: 0; transition: max-width .3s ease-in; }
.info-box .news-section-body li a:hover::after { max-width: 100%; }
.info-box .news-section-body li a p { flex: 1; min-width: 0; line-height: 22px; white-space: normal; word-break: break-all; }
.info-box .news-section-body li a span { flex-shrink: 0; margin-left: 12px; color: #999; white-space: nowrap; }

/* 双栏：双碳资讯 / 信用资讯 */
.dual-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.panel { background: #fff; border: 1px solid #eee; border-radius: 6px; padding: 18px 20px 10px; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.panel h3 { margin: 0 0 10px; font-size: 18px; color: #20a84a; padding-left: 10px; border-left: 4px solid #20a84a; line-height: 1.2; }
.panel .more { position: absolute; right: 20px; top: 20px; color: #20a84a; font-size: 13px; }
.panel > a { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #eee; font-size: 14px; line-height: 1.6; color: #333; }
.panel > a:last-child { border-bottom: 0; }
.panel > a:hover { color: #20a84a; }
.panel > a .date { color: #999; flex-shrink: 0; font-size: 13px; }

/* 图片占位 */
.img-ph { width: 100%; height: 100%; min-height: 120px; background: #f0f0f0; color: #aaa; display: flex; align-items: center; justify-content: center; font-size: 14px; }

/* 核心服务 band */
.service-heading { position: absolute; width: 1299px; height: 48px; top: 1864px; left: 1px; z-index: 92; text-align: center; line-height: 48px; }
.service-heading strong { font-size: 36px; color: #208c38; font-weight: bold; }
.service-heading strong span { color: #fff; }
.service-en { position: absolute; width: 1299px; height: 24px; top: 1914px; left: 1px; z-index: 91; text-align: center; line-height: 24px; }
.service-en span { color: #fff; font-family: "Microsoft YaHei", sans-serif; font-size: 18px; text-transform: uppercase; }
.service-band { position: absolute; width: 1919px; height: 1002px; top: 1760px; left: -307px; z-index: 5; padding: 0; color: #fff; background: transparent; overflow: visible; }
.service-band > img { display: block; width: 1919px; height: 1002px; max-width: none; object-fit: cover; }
.service-cards { position: absolute; width: 1289px; height: 573px; top: 1970px; left: 11px; z-index: 91; }
.service-cards .zixun-container { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; box-sizing: border-box; width: 100%; height: 100%; padding: 30px 1px; margin: 0; gap: 15px; }
.service-cards .zixun-card { box-sizing: border-box; width: calc(33.333% - 14px); border-radius: 8px; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); background: #fff; transition: transform 0.3s ease; }
.service-cards .zixun-card:hover { transform: translateY(-5px); }
.service-cards .zixun-img { width: 100%; height: 180px; background-size: cover; background-position: center; position: relative; border-radius: 8px 8px 0 0; }
.service-cards .zixun-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(32, 140, 56, 0), rgba(32, 140, 56, 0)); transition: background 0.3s ease; }
.service-cards .zixun-img:hover::before { background: linear-gradient(to top, rgba(32, 140, 56, 0.7), rgba(32, 140, 56, 0)); }
.service-cards .zixun-footer { position: relative; display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; padding: 15px 10px; background: #fff; }
.service-cards .zixun-title { font-size: 16px; font-weight: 600; color: #000; line-height: 1.8; margin-bottom: 10px; padding-right: 50px; }
.service-cards .zixun-btn { width: 45px; height: 45px; border-radius: 50%; background: #208c38; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 18px; position: absolute; bottom: 10px; right: 10px; transition: background-color 0.3s, transform 0.3s; }
.service-cards .zixun-btn:hover { background: #18702c; transform: scale(1.05); color: #fff; }
.service-more { position: absolute; width: 1299px; height: 45px; top: 2568px; left: 1px; z-index: 91; text-align: center; }
.service-more .green-more-btn { display: inline-block; box-sizing: border-box; width: 200px; height: 45px; line-height: 43px; text-align: center; padding: 0; background: #fff; color: #208c38; text-decoration: none; border-radius: 24px; font-size: 18px; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; border: 1px solid #208c38; position: relative; overflow: hidden; transition: all 0.3s ease; cursor: pointer; }
.service-more .green-more-btn strong { font-weight: bold; }
.service-more .green-more-btn::after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(32, 140, 56, 0.1), transparent); transition: left 0.5s ease; }
.service-more .green-more-btn:hover { background: #208c38; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(32, 140, 56, 0.3); }
.service-more .green-more-btn:hover::after { left: 100%; }
.service-more .green-more-btn:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(32, 140, 56, 0.2); }
.more-btn { display: inline-block; margin-top: 18px; padding: 7px 26px; border: 1px solid #20a84a; color: #20a84a; border-radius: 18px; font-size: 14px; transition: all .3s; }
.more-btn:hover { background: #20a84a; color: #fff; }
.center-more { text-align: center; }

/* 招投标政策资讯标题，对齐政策资讯 / 双碳资讯 */
.bid-heading { position: absolute; width: 1299px; height: 48px; top: 2825px; left: -4px; z-index: 4; line-height: 48px; text-align: center; }
.bid-heading strong span { font-size: 36px; color: #31b93e; font-weight: bold; }
.bid-en { position: absolute; width: 1299px; height: 24px; top: 2880px; left: -4px; z-index: 4; line-height: 24px; text-align: center; color: #999; font-family: "Microsoft YaHei", sans-serif; font-size: 18px; text-transform: uppercase; }
.bid-list { position: absolute; width: 1299px; height: 668px; top: 2924px; left: 6px; z-index: 3; overflow: hidden; }
.bid-list .newsInfo3List { margin: 0; padding: 0; }
.bid-list .newsInfo3List:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; }
.bid-list .newsInfo3Item { display: block; float: left; width: 31%; margin: 0 3% 2% 0; text-decoration: none; color: inherit; }
.bid-list .newsInfo3Item:nth-child(3n) { margin-right: 0; }
.bid-list .news-img { height: 190px; overflow: hidden; }
.bid-list .news-img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 0.4s ease; }
.bid-list .newsInfo3Item:hover .news-img img { transform: scale(1.2); }
.bid-list .content { padding-top: 20px; font-family: "Microsoft YaHei", sans-serif; }
.bid-list .title { color: #333; font-size: 16px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s ease; }
.bid-list .newsInfo3Item:hover .title { color: #208c38; }
.bid-list .time { position: relative; margin: 10px 0 30px; font-size: 15px; line-height: 22px; color: #d8d8d8; }
.bid-list .time:before { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #ccc; border-top: 1px solid #ccc; }
.bid-list .newsInfo3Item:hover .time:before { background: #208c38; border-color: #208c38; animation: bid-liner 0.6s linear 1 forwards; }
.bid-list .dec { color: #7f7f7f; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: nowrap; }
@keyframes bid-liner { from { width: 0; } to { width: 100%; } }

/* 平台介绍：相对画布绝对定位 */
.about-band-bg { position: absolute; width: 1919px; height: 496px; top: 3592px; left: -307px; z-index: 1;}
.about-heading { position: absolute; width: 459px; height: 57px; top: 3676px; left: 0; z-index: 92; text-align: left; line-height: 57px; overflow: hidden; }
.about-heading strong { font-size: 36px; color: #165f96; font-weight: bold; }
.about-heading strong span { color: #31b93e; font-size: 24px; }
.about-text { position: absolute; width: 713px; height: 208px; top: 3772px; left: 0; z-index: 92; overflow: hidden; font-size: 16px; color: #000; line-height: 2; text-indent: 2em; }
.about-photo { position: absolute; width: 491px; height: 443px; top: 3645px; left: 778px; z-index: 92; overflow: hidden; background: transparent; }
.about-photo img { display: block; width: 491px; height: 443px; max-width: none; object-fit: cover; }
.about-more { position: absolute; width: 310px; height: 45px; top: 3999px; left: 0; z-index: 91; }
.about-more .read-more { display: inline-block; box-sizing: border-box; width: 200px; height: 45px; line-height: 45px; text-align: center; padding: 0; background: #208c38; color: #fff; text-decoration: none; border-radius: 24px; font-size: 18px; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; border: none; position: relative; overflow: hidden; transition: all 0.3s ease; cursor: pointer; }
.about-more .read-more strong { font-weight: bold; color: #fff; }
.about-more .read-more::after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease; }
.about-more .read-more:hover { background: #18702c; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(32, 140, 56, 0.3); }
.about-more .read-more:hover::after { left: 100%; }
.about-more .read-more:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(32, 140, 56, 0.2); }

/* 友情链接：标题条 + 两行 Logo */
.flink-stage { width: 1300px; margin: 40px auto; padding: 0 0 48px; }
.flink-section { width: 1299px; margin-left: 5px; overflow: hidden; }
.flink-section .news-230418-wrapper,
.flink-section .news-230418-wrapper * { box-sizing: border-box; }
.flink-section .news-section-title { position: relative; display: flex; align-items: center; width: 100%; padding: 20px 0 20px 12px; line-height: 18px; font-size: 18px; border-bottom: 1px solid #ced4da; }
.flink-section .news-section-title:before { content: " "; position: absolute; top: 20px; left: 0; width: 4px; height: 18px; background: #208c38; display: block; }
.flink-section .news-section-title span { flex: 1; font-weight: bold; color: #505050; }
.flink-section .news-section-title a { flex: none; margin-left: 10px; font-size: 14px; color: #212529; text-decoration: none; }
.flink-section .news-section-title a:hover { color: #208c38; }
.flink-logos { padding: 40px 8px 16px; }
.flink-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 30px; }
.flink-row-2 { justify-content: center; gap: 56px; margin-bottom: 0; }
.flink-logo { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; height: 56px; }
.flink-row-2 .flink-logo { flex: 0 0 220px; }
.flink-logo img { display: block; max-width: 100%; max-height: 48px; width: auto; height: auto; object-fit: contain; }
.flink-logo-icon { height: 72px; }
.flink-logo-icon img { max-height: 72px; }

/* 页脚 */
/* 页脚：对齐参考 #bottom 1300×156 */
.site-footer { background: transparent; color: #fff; padding: 0; border: 0; }
.site-footer .footer-inner { position: relative; width: 1300px; height: 156px; margin: 0 auto; }
.site-footer .footer-bg { position: absolute; width: 1919px; height: 159px; top: -3px; left: -315px; z-index: 21; overflow: visible; }
.site-footer .footer-bg .bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-color: #208c38; background-position: left top; background-repeat: no-repeat; }
.site-footer .footer-contact { position: absolute; width: 1199px; height: 21px; top: 27px; left: 45px; z-index: 93; text-align: center; color: #fff; font-size: 16px; line-height: 21px; white-space: nowrap; }
.site-footer .footer-nav { position: absolute; width: 1199px; height: 47px; top: 73px; left: 45px; z-index: 93; }
.site-footer .footer-nav ul { margin: 0 0 10px; padding: 10px; list-style: none; box-sizing: border-box; text-align: center; line-height: 1.5; font-size: 0; color: #fff; border-bottom: 1px solid #dedede; }
.site-footer .footer-nav li { box-sizing: border-box; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; }
.site-footer .footer-nav li:not(:last-child)::after { content: "|"; display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; }
.site-footer .footer-nav a { text-decoration: none; box-sizing: border-box; display: inline-block; color: #fff; vertical-align: middle; padding: 0 10px; }
.site-footer .footer-nav a:hover { color: #e8ffe8; }
.site-footer .footer-copy { position: absolute; width: 1199px; height: 19px; top: 131px; left: 45px; z-index: 93; text-align: center; color: #fff; font-size: 14px; font-family: "Microsoft YaHei", sans-serif; line-height: 19px; }
.site-footer .footer-copy a { color: #fff; }

/* 内页 */
.page-banner { height: 180px; background: linear-gradient(120deg, #04150c, #20a84a); display: flex; align-items: center; justify-content: center; color: #fff; }
.page-banner h1 { margin: 0; font-size: 32px; letter-spacing: 4px; }
.page-main { width: 1000px; margin: 36px auto 60px; min-height: 320px; background: #fff; padding: 30px; border-radius: 6px; border: 1px solid #eee; }
.page-main .page-body { font-size: 16px; line-height: 2; color: #333; }
.query-box { max-width: 720px; margin: 0 auto; }
.query-box .row { display: flex; gap: 12px; margin-bottom: 16px; }
.query-box select, .query-box input { height: 42px; border: 1px solid #ddd; padding: 0 12px; font-size: 15px; border-radius: 4px; }
.query-box input { flex: 1; }
.query-box select { width: 140px; }
.query-box button { height: 42px; padding: 0 28px; background: #20a84a; color: #fff; border: 0; cursor: pointer; border-radius: 4px; }
.query-result { margin-top: 24px; padding: 16px; background: #f3faf6; color: #666; border-radius: 4px; }
.news-list-page .item { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid #eee; color: #333; }
.news-list-page .meta .date { color: #999; font-size: 14px; margin-bottom: 8px; }
.news-list-page .meta h3 { margin: 0 0 10px; font-size: 18px; }
.news-list-page .item:hover h3 { color: #20a84a; }
.article-detail h1 { font-size: 28px; margin: 0 0 16px; color: #222; }
.article-detail .date { color: #999; margin-bottom: 24px; }
.article-detail .body { font-size: 16px; line-height: 2; color: #333; }

/* 政策资讯列表 /news：对齐参考 1300 画布 */
.news-stage { position: relative; width: 1300px; min-height: 2330px; margin: 0 auto; padding-bottom: 80px; }
.news-hero { position: absolute; width: 1920px; height: 450px; top: 0; left: -360px; z-index: 4; overflow: hidden; }
.news-hero-img { width: 1920px; height: 450px; overflow: hidden; }
.news-hero-img img { display: block; width: 1920px; height: 640px; max-width: none; border: 0; }
.news-hero-mask { position: absolute; left: 0; top: 0; width: 1920px; height: 450px; background: rgba(0, 0, 0, .2); z-index: 1; }
.news-hero-title { position: absolute; left: 362px; top: 169px; width: 1200px; height: 100px; z-index: 2; text-align: center; color: #fff; }
.news-hero-title h3 { margin: 0 0 5px; font-weight: normal; line-height: 48px; font-size: 48px; text-transform: uppercase; color: #fff; }
.news-hero-title h3 b { display: inline-block; padding: 0 0 10px; border-bottom: 4px solid #fff; font-weight: bold; }
.news-hero-title h3 span { color: #fff; }
.news-hero-title p { margin: 0; padding-top: 10px; font-size: 24px; line-height: 24px; color: #fff; text-transform: uppercase; }
.news-bar { position: absolute; width: 1920px; height: 51px; top: 450px; left: -360px; z-index: 2; overflow: visible; }
.news-bar .bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-color: #f8f9fa; }
.news-side-pic { position: absolute; width: 279px; height: 98px; top: 543px; left: 0; z-index: 90; overflow: hidden; }
.news-side-pic img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border: 0; }
.news-side-nav { position: absolute; width: 280px; height: 230px; top: 641px; left: 0; z-index: 90; }
.news-side-nav .wupagelist2 { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; height: 230px; }
.news-side-nav .wupagelist2 .hd { position: relative; margin-bottom: 5px; overflow: hidden; background: #208c38; }
.news-side-nav .wupagelist2 .hd-0 { line-height: 50px; font-size: 18px; font-weight: bold; text-align: center; color: #fff; }
.news-side-nav .wupagelist2 .hd-0 .t1,
.news-side-nav .wupagelist2 .hd-0 .t3 { display: none; }
.news-side-nav .wupagelist2 ul { margin: 0; padding: 0; list-style: none; background: transparent; }
.news-side-nav .wupagelist2 li { position: relative; overflow: hidden; background: #f4f4f4; margin-bottom: 5px; border: 0; }
.news-side-nav .wupagelist2 li.cur,
.news-side-nav .wupagelist2 li:hover { background: #208c38; }
.news-side-nav .wupagelist2 li a { display: block; line-height: 50px; text-align: center; white-space: nowrap; font-size: 16px; text-decoration: none; color: #333; }
.news-side-nav .wupagelist2 li.cur a,
.news-side-nav .wupagelist2 li a:hover { color: #fff; }
.news-list-box { position: absolute; width: 1007px; top: 553px; left: 293px; z-index: 1; }
.news-list-box .productCenter220516 { max-width: 1007px; margin: 0; }
.news-list-box .productCenter220516 ul { margin: 0; list-style: none; }
.news-pager { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; margin-top: 10px; border-top: 1px solid #e5e7eb; background: #fff; }
.news-pager-info { font-size: 14px; color: #374151; }
.news-pager-info span { font-weight: 600; }
.news-pager-nav { display: inline-flex; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.news-pager-nav a,
.news-pager-nav span.arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 38px; padding: 0 14px; margin-left: -1px; border: 1px solid #d1d5db; background: #fff; color: #6b7280; font-size: 14px; text-decoration: none; }
.news-pager-nav a:first-child,
.news-pager-nav span.arrow:first-child { margin-left: 0; border-radius: 6px 0 0 6px; }
.news-pager-nav a:last-child,
.news-pager-nav span.arrow:last-child { border-radius: 0 6px 6px 0; }
.news-pager-nav a:hover { background: #f9fafb; }
.news-pager-nav a.active { z-index: 1; background: #eef2ff; border-color: #6366f1; color: #4f46e5; }
.news-pager-nav span.disabled { opacity: .5; cursor: default; }

/* 双碳资讯：对齐参考页 1300 绝对布局 */
.carbon-stage { position: relative; width: 1300px; margin: 0 auto; padding: 514px 0 48px; }
.carbon-hero { position: absolute; width: 1920px; height: 450px; top: 0; left: -360px; z-index: 2; overflow: hidden; }
.carbon-hero-img { width: 1920px; height: 450px; overflow: hidden; }
.carbon-hero-img img { display: block; width: 1920px; height: 450px; max-width: none; border: 0; object-fit: cover; }
.carbon-hero-mask { position: absolute; left: 0; top: 0; width: 1920px; height: 450px; background: rgba(0, 0, 0, .2); z-index: 3; }
.carbon-hero-title { position: absolute; left: 0; top: 173px; width: 1200px; height: 100px; z-index: 90; text-align: center; color: #fff; }
.carbon-hero-title h3 { margin: 0 0 5px; font-weight: normal; line-height: 48px; font-size: 48px; text-transform: uppercase; color: #fff; }
.carbon-hero-title h3 b { display: inline-block; padding: 0 0 10px; border-bottom: 4px solid #fff; font-weight: bold; }
.carbon-hero-title h3 span, .carbon-hero-title p span { color: #fff; }
.carbon-hero-title p { margin: 0; padding-top: 10px; font-size: 24px; line-height: 24px; color: #fff; text-transform: uppercase; }
.carbon-list { position: relative; width: 1300px; z-index: 90; }
.carbon-list .productCenter220516 { max-width: 1300px; margin: 0; }
.carbon-list .news-pager { margin-top: 0; }

/* 报告/证书查询：对齐 greenbidding.cn/query 1300 绝对布局 */
.query-stage { position: relative; width: 1300px; min-height: 1059px; margin: 0 auto; padding-bottom: 60px; }
.query-hero { position: absolute; width: 1920px; height: 450px; top: 0; left: -360px; z-index: 1; overflow: hidden; }
.query-hero-img { width: 1920px; height: 450px; overflow: hidden; }
.query-hero-img img { display: block; width: 1920px; height: 450px; max-width: none; border: 0; object-fit: cover; }
.query-form-wrap { position: absolute; width: 1920px; height: 435px; top: 10px; left: -310px; z-index: 2; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.query-form-card { width: 800px; margin: 0 auto; padding: 33px 28px 28px; color: rgba(0, 0, 0, 0.87); background-color: #fff; border-radius: 20px; overflow: hidden; box-sizing: border-box; pointer-events: auto; position: relative; border: 1px solid rgba(0, 146, 68, 0.14); box-shadow: 0 4px 28px rgba(0, 146, 68, 0.1), 0 12px 40px rgba(1, 124, 195, 0.08); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.query-form-bar { position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #009244 0%, #0a9f5c 35%, #017cc3 100%); }
.query-form-card h2 { margin: 0 0 6px; font-size: 24px; font-weight: 700; color: #0f172a; line-height: 1.3; text-align: center; }
.query-form-card > p { margin: 0 0 24px; font-size: 14px; line-height: 1.7; color: #64748b; text-align: center; }
.query-form-card input[type="search"] { width: 100%; height: 56px; margin: 0 0 20px; padding: 0 14px; border: 1px solid #c4c4c4; border-radius: 14px; font-size: 16px; color: #333; outline: none; box-sizing: border-box; background: #f8fafc; }
.query-form-card input[type="search"]:focus { border-color: #017cc3; background: #fff; box-shadow: 0 0 0 3px rgba(1, 124, 195, 0.18); }
.query-form-card button[type="submit"] { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 10.8px 22px; border: 0; border-radius: 14px; box-sizing: border-box; cursor: pointer; user-select: none; color: #fff; background: linear-gradient(100deg, #009244 0%, #0a8f55 40%, #017cc3 100%); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.75; letter-spacing: 0.02em; box-shadow: 0 6px 22px rgba(0, 146, 68, 0.32); }
.query-form-card button[type="submit"]:hover { background: linear-gradient(100deg, #007d3a 0%, #067d48 40%, #015a9e 100%); box-shadow: 0 8px 26px rgba(1, 124, 195, 0.38); }
.query-news-box { position: absolute; width: 1280px; top: 492px; left: 7px; z-index: 90; }
.query-news-box .newsInfo2206071520 { max-width: 1280px; }
.query-modal-mask { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.5); }
.query-dialog { width: calc(100% - 64px); max-width: 1200px; max-height: calc(100% - 64px); background: #fff; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); }
.query-dialog-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 16px 4px 16px 24px; font-size: 1.25rem; font-weight: 700; line-height: 1.6; color: #fff; background: linear-gradient(90deg, #009244, #017cc3); }
.query-dialog-title span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.query-dialog-close { flex: 0 0 40px; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #fff; font-size: 26px; font-weight: 200; line-height: 1; cursor: pointer; }
.query-dialog-close:hover { background: rgba(255,255,255,.14); }
.query-dialog-body { padding: 16px 24px 20px; background: #f7faf9; overflow: auto; max-height: 68vh; }
.query-dialog-count { margin-bottom: 12px; font-size: 14px; color: #4b5563; }
.query-dialog-count b { color: #009244; }
.query-table-wrap { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: auto; max-height: 52vh; }
.query-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 0.875rem; }
.query-table th, .query-table td { padding: 16px; border-bottom: 1px solid rgba(224,224,224,1); text-align: left; color: rgba(0,0,0,.87); font-weight: 400; vertical-align: middle; word-break: break-word; }
.query-table thead th { font-weight: 700; background: #f0f9f4; }
.query-table thead th:nth-child(1) { width: 30%; }
.query-table thead th:nth-child(2) { width: 30%; }
.query-table thead th:nth-child(3) { width: 28%; }
.query-table thead th.ops, .query-table td.ops { width: 12%; text-align: right; white-space: nowrap; }
.query-table tbody tr:nth-child(even) { background: #fcfcfd; }
.query-table tbody tr:hover { background: #f3f8ff; }
.query-table tbody tr:last-child th, .query-table tbody tr:last-child td { border-bottom: 0; }
.query-view-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; padding: 4px 10px; border: 0; border-radius: 4px; background: #017cc3; color: #fff; font-size: 0.8125rem; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; text-decoration: none; cursor: pointer; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 1px 5px rgba(0,0,0,.12); }
.query-view-btn:hover { background: #015a9e; color: #fff; }
.query-view-btn:disabled { opacity: .5; cursor: default; }

/* 企业信用查询：对齐参考 #content 1200×920 */
/* 平台介绍：对齐参考 1300 绝对布局 */
.about-stage { position: relative; width: 1300px; margin: 0 auto; padding: 934px 0 48px; }
.about-hero { position: absolute; width: 1894px; height: 424px; top: 0; left: -360px; z-index: 2; overflow: hidden; }
.about-hero-img { width: 1894px; height: 424px; overflow: hidden; }
.about-hero-img img { display: block; width: 1920px; height: 450px; max-width: none; border: 0; }
.about-hero-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .2); z-index: 3; }
.about-hero-title { position: absolute; left: 0; top: 147px; width: 1174px; height: 113px; z-index: 90; text-align: center; color: #fff; }
.about-hero-title h3 { margin: 0 0 5px; font-weight: normal; line-height: 48px; font-size: 48px; text-transform: uppercase; color: #fff; }
.about-hero-title h3 b { display: inline-block; padding: 0 0 10px; border-bottom: 4px solid #fff; font-weight: bold; }
.about-hero-title h3 span, .about-hero-title p span { color: #fff; }
.about-hero-title p { margin: 0; padding-top: 10px; font-size: 24px; line-height: 24px; color: #fff; }
.about-stage .about-heading { position: absolute; left: 0; top: 550px; width: 701px; height: auto; z-index: 90; font-size: 24px; font-weight: 700; line-height: 1.4; color: #31b93e; text-align: left; overflow: visible; }
.about-stage .about-copy { position: absolute; left: 0; top: 648px; width: 701px; z-index: 90; font-size: 16px; line-height: 2; color: #000; }
.about-stage .about-copy p { margin: 0; }
.about-stage .about-photo { position: absolute; left: 754px; top: 470px; width: 488px; height: 431px; z-index: 90; object-fit: contain; }
.about-contact { position: relative; width: 1296px; margin-left: 2px; z-index: 90; }
.about-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 40px; }
.about-contact-card { display: flex; align-items: center; background: #fff; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); padding: 24px; }
.about-contact-icon { flex: 0 0 48px; width: 48px; height: 48px; margin-right: 16px; border-radius: 50%; background: rgba(32,140,56,.1); color: #208c38; display: flex; align-items: center; justify-content: center; }
.about-contact-card h4 { margin: 0 0 4px; font-size: 18px; line-height: 1.4; color: #1d2129; }
.about-contact-card p { margin: 0; font-size: 16px; line-height: 1.8; color: #4b5563; }
.about-contact-card a { color: #4b5563; }
.about-contact-card a:hover { color: #208c38; }
.about-slogan { text-align: center; background: rgba(32,140,56,.1); border-radius: 8px; padding: 16px; font-size: 16px; line-height: 1.8; color: #374151; }

/* 平台核心服务 */
.svc-stage { position: relative; width: 1300px; margin: 0 auto; padding: 503px 0 80px; }
.svc-hero { position: absolute; width: 1867px; height: 455px; top: 0; left: -360px; z-index: 3; overflow: hidden; }
.svc-hero img { display: block; width: 1920px; height: 455px; max-width: none; object-fit: cover; object-position: center top; }
.svc-hero-title { position: absolute; left: 0; top: 171px; width: 1170px; z-index: 90; text-align: center; color: #fff; }
.svc-hero-title h3 { margin: 0 0 5px; font-weight: normal; line-height: 48px; font-size: 36px; text-transform: uppercase; color: #fff; }
.svc-hero-title h3 b { display: inline-block; padding: 0 0 10px; border-bottom: 4px solid #fff; font-weight: bold; }
.svc-hero-title h3 span, .svc-hero-title p span { color: #fff; }
.svc-hero-title p { margin: 0; padding-top: 10px; font-size: 24px; line-height: 24px; }
.svc-panel { position: relative; z-index: 1; width: 1298px; }
.svc-panel h2 { margin: 0 0 30px; padding-bottom: 10px; border-bottom: 2px solid #e8f5ea; text-align: center; font-size: 28px; font-weight: 700; color: #333; }
.svc-list { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; counter-reset: svc; }
.svc-item { position: relative; min-height: 220px; padding: 35px; background: #fff; border-radius: 8px; border-bottom: 7px solid #208c38; box-shadow: 0 2px 8px rgba(0,0,0,.05); overflow: hidden; transition: transform .3s, box-shadow .3s, background-color .3s; }
.svc-item:hover { transform: translateY(-5px); background: #f8fcf9; box-shadow: 0 6px 16px rgba(32,140,56,.1); }
.svc-item::before { counter-increment: svc; content: counter(svc, decimal-leading-zero); position: absolute; top: 13px; right: 35px; font-size: 40px; font-weight: 700; color: rgba(32,140,56,.1); }
.svc-item:hover::before { color: rgba(32,140,56,.2); }
.svc-item h3 { margin: 0 0 20px; font-size: 20px; font-weight: 600; color: #208c38; }
.svc-item h3::before { content: "●"; margin-right: 10px; font-size: 14px; }
.svc-item p { margin: 0; font-size: 16px; line-height: 1.8; color: #666; }

/* 资讯详情：对齐参考 1200 画布，顶图 1920×440 */
.nd-stage { position: relative; width: 1200px; margin: 0 auto; padding: 513px 0 80px; }
.nd-hero { position: absolute; width: 1920px; height: 440px; top: 0; left: -360px; z-index: 2; overflow: hidden; }
.nd-hero .bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-color: #208c38; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.nd-hero-title { position: absolute; left: 0; top: 180px; width: 1300px; z-index: 90; color: #fff; }
.nd-hero-title h3 { margin: 0 0 5px; font-weight: normal; line-height: 48px; font-size: 48px; font-style: oblique; text-transform: uppercase; color: #fff; }
.nd-hero-title h3 b { display: inline-block; padding: 0 0 10px; border-bottom: 4px solid #fff; font-weight: bold; }
.nd-hero-title p { margin: 0; padding-top: 10px; font-size: 16px; line-height: 24px; color: #fff; text-transform: uppercase; }
.nd-article { position: relative; width: 1200px; z-index: 90; }
.nd-article #newscontent { text-align: left; padding: 0 0 8px; }
.nd-article #newscontent .newstitle { font-size: 22px; font-weight: bold; line-height: 50px; text-align: center; color: #333; }
.nd-article #newscontent .info { height: 28px; line-height: 28px; border-bottom: 1px solid #e8e8e8; text-align: center; color: #666; font-size: 14px; }
.nd-article #newscontent .con { margin: 30px 0; text-align: left; font: 14px/22px Verdana, Arial, Helvetica, sans-serif; color: #333; }
.nd-article #newscontent .con p,
.nd-article #newscontent .con a { font: 14px/22px Verdana, Arial, Helvetica, sans-serif; }
.nd-article #newscontent .bzone { clear: both; margin: 30px 0; text-align: left; }
.nd-article #newscontent .down { font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 22px; color: #333; }
.nd-article #newscontent .down a { text-decoration: underline; color: #333; }

/* 全站搜索结果：对齐参考 1300 画布 */
.sr-stage { position: relative; width: 1300px; margin: 0 auto; padding: 573px 0 80px; }
.sr-hero { position: absolute; width: 1920px; height: 440px; top: 0; left: -310px; z-index: 1; overflow: hidden; }
.sr-hero .bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.sr-bar { position: absolute; width: 1920px; height: 70px; top: 440px; left: -310px; z-index: 3; overflow: hidden; }
.sr-bar .bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background: #f6f7f9; }
.sr-home { position: absolute; top: 464px; left: 0; z-index: 90; width: 30px; height: 22px; line-height: 0; }
.sr-hero-title { position: absolute; left: 0; top: 180px; width: 1300px; z-index: 90; color: #fff; }
.sr-hero-title h3 { margin: 0 0 5px; font-weight: normal; line-height: 48px; font-size: 48px; font-style: oblique; text-transform: uppercase; color: #fff; }
.sr-hero-title h3 b { display: inline-block; padding: 0 0 10px; border-bottom: 4px solid #fff; font-weight: bold; }
.sr-hero-title p { margin: 0; padding-top: 10px; font-size: 16px; line-height: 24px; color: #fff; text-transform: uppercase; }
.sr-stage #nav { position: absolute; top: 466px; left: 12px; z-index: 90; width: 1288px; height: 19px; padding: 0; color: #464646; font-size: 14px; line-height: 19px; }
.sr-stage #nav a { color: #464646; text-decoration: none; }
.sr-result { position: relative; z-index: 90; width: 1300px; }
.sr-stage #search { margin: 0; text-align: left; }
.sr-stage #search ul { margin: 0; padding: 0; }
.sr-stage #search li { padding: 10px 15px; list-style: none; overflow: hidden; font: 16px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; }
.sr-stage #search li::after { content: ""; display: block; clear: both; }
.sr-stage #search a { font: 16px Verdana, Arial, Helvetica, sans-serif; color: #261cdc; text-decoration: underline; }
.sr-stage #search .title { float: left; width: 500px; }
.sr-stage #search .keyword { color: #ff0000; text-decoration: underline; }
.sr-stage #search .bodykeyword { color: #ff0000; }
.sr-stage #search .time { float: right; width: 105px; padding-right: 4px; overflow: hidden; white-space: nowrap; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color: #333; }
.sr-stage #search .memo { float: left; width: 500px; padding: 10px 0 0; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #333; }
.sr-stage #search .showlink { float: left; width: 500px; padding: 5px 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #008000; }
.sr-stage #showpages { clear: both; margin: 20px 0; width: 100%; height: 30px; white-space: nowrap; }
.sr-stage #pagesinfo { float: left; padding: 3px 8px; }
.sr-stage #pages { float: right; padding-right: 8px; }
.sr-stage #pages ul { margin: 0; padding: 0; }
.sr-stage #pages a { color: #303030; text-decoration: none; font-size: 14px; }
.sr-stage #pages a:hover { color: #ff0000; }
.sr-stage #pages li { float: left; margin: 3px; padding: 2px 5px; list-style: none; background: #dcd9d4; color: #303030; border: 1px solid #dcd9d4; white-space: nowrap; }
.sr-stage #pages li.pagesnow { background: #eee; }
.sr-stage #pages li.pbutton { padding: 3px 5px 1px; }
.sr-stage #pages li.opt { padding: 0; border: 0; background: transparent; }

#content.page-credit-search { width: 1200px; height: 920px; margin: 10px auto; background: transparent; position: relative; }
#content.page-credit-search .hero-section { width: 1190px; height: 297px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }
#content.page-credit-search .hero-section::before { content: ""; position: absolute; inset: 0; background: url(/assets/site/green/img/credit-search-banner.jpg) 0 0 / 100% 100% no-repeat; }
#content.page-credit-search .hero-content { position: absolute; inset: 0; z-index: 1; }
#content.page-credit-search .hero-title,
#content.page-credit-search .hero-subtitle { display: none; }
#content.page-credit-search .search-box { position: static; margin: 0; }
#content.page-credit-search .search-input { position: absolute; left: 37.3%; top: 53.1%; width: 22.2%; height: 9.7%; margin: 0; padding: 0 10px; border: 0; outline: none; color: #333; background: #fff; font-size: 14px; line-height: 29px; box-sizing: border-box; }
#content.page-credit-search .search-input::placeholder { color: #b0b0b0; }
#content.page-credit-search .search-btn { position: absolute; left: 59.7%; top: 53.1%; width: 6.5%; height: 9.7%; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
#content.page-credit-search .search-btn:hover { background: transparent; }
#content.page-credit-search .content-section { max-width: 1200px; margin: 40px auto; padding: 0 20px; }
#content.page-credit-search .credit-table-wrap { min-height: 500px; }
#content.page-credit-search .data-table { width: 100%; margin: 20px 0; font-size: 14px; border-collapse: collapse; }
#content.page-credit-search .data-table th,
#content.page-credit-search .data-table td { padding: 12px 15px; text-align: center; vertical-align: middle; }
#content.page-credit-search .data-table tbody tr { transition: background-color .3s; }
#content.page-credit-search .data-table tbody tr:nth-of-type(even) { background-color: #f9f9f9; }
#content.page-credit-search .data-table tbody tr:hover { background-color: #f5f5f5; }
#content.page-credit-search .data-table a { color: #165f96; }
#content.page-credit-search .data-table a:hover { text-decoration: underline; }