.cls{ clear:both;}
.koubei_imbk {width: 100%;background-color: #faf9f9;padding-bottom:60px;}

.koubei_imxbk {width: 1520px;margin: 0 auto;}
.koubei_listbk{}
.koubei_list{ padding:15px; background-color:#fff; box-shadow: 0px 0px 5px #ccc;border-radius: 10px; width:330px; height:240px; float:left; margin-right:25px;}
.koubei_list:nth-child(4){margin-right:0px;}
.koubei_head{ height:60px; padding:10px 0;}
.koubei_headim{ float:left;}
.koubei_headtt{font-size:18px;}
.koubei_headkwd{ color:#595757; font-size:16px;}
.koubei_star{}
.koubei_star img{ width:auto; height:auto;}
.koubei_desc{ color:#666; font-size:16px;}
.koubei_btn{ text-align:right; height:45px; margin-top:20px;}
.koubei_btn a{ display:inline-block; line-height:45px; background-color:#fabe00; color:#fff; padding:0px 20px; font-size:16px; border-radius:25px;}
.fuwu_dbk{ height:466px; border-radius:50px; background-color:#fff; margin-top:60px;}
.fuwu_im{ float:right;}
.fuwu_im img{ float:right; border-radius:0px 50px 50px 0px;}
.fuwu_rtbk{ float:left; width:860px;}
.fuwu_city{ font-size:18px; line-height:40px;color:#595757;padding-left:80px; padding-top:120px; background:url(/Public/home/images/ico_yh.jpg) no-repeat 35px 100px;}
.fuwu_title{ font-size:22px; line-height:55px;color:#595757;padding-left:80px;}
.fuwu_title font{ font-size:24px; color:#000; display:inline-block; margin-left:20px;}
.fuwu_desc{ font-size:16px; color:#595757;padding-left:80px; line-height:35px; height:175px; overflow:hidden;}

.nav{ margin-bottom:0px !important;}
.nykb_dbk{ width:1200px; margin:0px auto; padding-top:30px;}
.nykb_dbk .koubei_list{ margin-bottom:35px; margin-right:35px;}
.nykb_dbk .koubei_list:nth-child(4){margin-right:35px;}
.nykb_dbk .koubei_list:nth-child(3n){margin-right:0px;}
.nykb_mstt{ line-height:55px; font-size:22px; height:75px;}
.nykb_mstt font{ color:#fabe00;}
.nykb_mstt span{ display:inline-block; margin-left:50px; font-size:24px;}

.fanye{ line-height:28px; font-size:14px; text-align:center;}
.fanye a{ display:inline-block; padding:0px 8px; margin:0px 5px;background-color:#ccc; color:#000;}
.fanye span{ display:inline-block; padding:0px 8px; background-color:#f6ab00; color:#fff;margin:0px 5px;}

.container {max-width: 1204px;margin: 0 auto;padding: 0px 0px 50px 0px;}
/* 标题样式 */
.section-title {font-size: 32px;color:#fdb901;margin-bottom: 25px;font-weight: bold;}
.gold-line-title {color: #fdb901;font-size: 26px;margin: 50px 0 20px;border-left: 6px solid #fdb901;padding-left: 15px;}
/* 数据展示条 (参考图片) */
.stats-banner {background: linear-gradient(rgba(18, 31, 45, 0.8), rgba(18, 31, 45, 0.8)), url('https://images.unsplash.com/photo-1577412647305-991150c7d163?q=80&w=2070&auto=format&fit=crop') center/cover;padding: 70px 0;color: white;display: flex;justify-content: space-around;text-align: left;margin: 40px 0;}
.stat-item h3 { font-size: 52px; margin: 0; color: #fdb901; line-height: 1; }
.stat-item p { margin: 10px 0 0 0; font-size: 18px; opacity: 0.9; }
/* 荣誉项排版 (竖版证书) */
.honor-block {display: flex;gap: 50px;margin-bottom: 60px;align-items: center;}
.honor-block.reverse { flex-direction: row-reverse; }
.cert-frame {flex: 0 0 320px;aspect-ratio: 3 / 4;background: #f0f0f0;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;box-shadow: 0 8px 25px rgb(0,0,0,0.1);}
.cert-frame img { width: 100%; height: 100%; object-fit: cover; }

.text-area { flex: 1; font-size: 17px; color: #444; line-height:30px;}
.text-area h4 { font-size: 24px; color:#fdb901; margin-top: 0; margin-bottom: 15px; }

/* 第二页：网格 */
.qual-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;}
.qual-card {background: #fff;padding: 25px;border: 1px solid #eee;border-bottom: 4px solid #fdb901;}

/* 第三页：口碑评价 3x3 */
.review-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.review-card {background: #f5f7f9;padding: 20px;border-radius: 12px;border: 1px solid #e9ecef;}
.user-head { display: flex; align-items: center; margin-bottom: 12px; }
.avatar-placeholder { width: 40px; height: 40px; background: #ccd6dd; border-radius: 50%; margin-right: 12px; }

.pennant-scroll {display: flex;overflow-x: auto;gap: 20px;padding-bottom: 20px;}
.pennant-item { flex: 0 0 240px; text-align: center; }
.pennant-item p{ line-height:45px;}
/* 致谢信优化：更换背景色 */
.thank-letter-box {display: flex;background: #f5f7f9; /* 更换为淡灰色 */color:#fdb901;padding: 50px;border-radius: 15px;gap: 50px;align-items: center;border: 1px solid #ddd;border-left: 8px solid #c5a059; /* 增加侧边金线增加高级感 */}


/* 城市导航 */
.cities {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;margin: 20px 0;}
.cities a {color: white;text-decoration: none;font-size: 1.1em;padding: 5px 15px;border: 1px solid rgba(255,255,255,0.3);border-radius: 20px;transition: all 0.3s;}
.cities a:hover {background: white;color: var(--primary-red);}
/* 荣誉资质展示 */
.badges {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin: 30px 0;}
.badge-card {background: var(--light-gray);border-radius: 10px;padding: 20px;text-align: center;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-top: 4px solid var(--primary-red);}
.badge-icon {font-size: 2em;margin-bottom: 10px;color: var(--primary-red);}
/* 客户评价 */
.testimonials {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;margin: 30px 0;}
.testimonial-card {background: #fff;border: 1px solid #ed7700;border-radius: 10px;padding: 35px 25px 25px 25px;position: relative;transition: transform 0.3s;position: relative;margin-bottom: 20px;}
.testimonial-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.customer-name {position: absolute;top: -18px;left: 31%;padding: 3px 15px;border-radius: 30px;background-color: #ed7700;font-weight: 700;color: #fff;font-size: 1em;margin-bottom: 10px;}
.location {font-size: 1em;color: #333;margin-bottom: 15px;display: block;}
.quote {line-height: 1.7;color: var(--dark-text);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-break: break-all;font-size: 0.9em;color: var(--secondary-text);}
/* 锦旗展示 */
.banners {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin: 30px 0;}
.banner-item {width: 200px;height: 100px;background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%);border: 2px solid #ddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;
text-align: center;font-weight: bold;color: var(--primary-red);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
/* 页脚行动号召 */
.cta-footer {text-align: center;padding: 40px 20px;background-color: var(--light-gray);border-radius: 12px;margin-top: 30px;}
.cta-footer h2 {color: var(--primary-red);margin-bottom: 20px;font-size: 2em;}
.cta-button {display: inline-block;background-color: var(--primary-red);color: white;padding: 15px 40px;font-size: 1.2em;font-weight: bold;border-radius: 50px;text-decoration: none;transition: background 0.3s;margin-top: 15px;}
.cta-button:hover {background-color: #a0151d;}
/* --- 修改后的荣誉锦旗部分 --- */
.bannersjq {display: grid;grid-template-columns: repeat(4, 1fr); /* 一行4个 */gap: 25px;margin: 30px 0;}
.banner-card {
background: #fff;border-radius: 10px;overflow: hidden;
text-align: center;
box-shadow: var(--card-shadow);
transition: all 0.3s ease;
cursor: pointer;
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
border-color: var(--primary-red);
border:1px solid #ddd;
}


.banner-img {
width: 190px;
height: auto;
object-fit: cover;
}

.banner-text {
padding: 15px 10px;
font-weight: 500;
color: var(--dark-text);
font-size: 1em;
}

/* 适配小屏幕 */
@media (max-width: 768px) {
.container {
padding: 10px;
}
header h1 {
font-size: 2em;
}
.hotline {
font-size: 1.2em;
}
}