/* ============================================================
   prologsh.com 联系我们页面样式（仅 contact-us 页引用）
   2026-09-04  品牌红 #de2e3a
   注：内容全 div 结构，避开 common.css 的 .goods_c ul/li 产品网格规则
   ============================================================ */

.content_c .right_c .gcon_c .ct-wrap { padding: 0; }
.content_c .right_c .gcon_c .ct-wrap p { margin: 0; }

/* 隐藏左侧栏目模块，内容区满宽（仅联系页） */
.content_c .left_c { display: none; }
.content_c .right_c { float: none; width: 100%; }
.content_c .right_c h3 { width: 100%; }

/* ---- 标题区 ---- */
.ct-wrap .ct-head { margin-bottom: 30px; }
.ct-wrap .ct-head h2 { margin: 0; font-size: 26px; color: #2b2b2b; letter-spacing: 2px; padding-bottom: 0; font-size: 32px; font-weight: bold; letter-spacing: 3px; }
.ct-wrap .ct-head .ct-line { display: block; width: 56px; height: 3px; background: #de2e3a; margin-top: 10px; }
.ct-wrap .ct-head p { margin-top: 10px; font-size: 13px; color: #9aa0a8; letter-spacing: 1px; }

/* ---- 信息卡片（外层透明留缝，内层 .ct-in 为可见卡片） ---- */
.ct-wrap .ct-cards { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.ct-wrap .ct-card { float: none; display: flex; width: 25%; padding: 0 8px; box-sizing: border-box; }
.ct-wrap .ct-card:first-child { padding-left: 0; }
.ct-wrap .ct-card:last-child { padding-right: 0; }
.ct-wrap .ct-in { width: 100%; text-align: center; background: #fafbfc; border: 1px solid #eef0f3; border-top: 3px solid #eef0f3; padding: 26px 12px 22px; box-sizing: border-box; transition: all .3s ease; }
.ct-wrap .ct-card:hover .ct-in { background: #fff; border-top-color: #de2e3a; box-shadow: 0 10px 24px rgba(0,0,0,.08); transform: translateY(-5px); }
.ct-wrap .ct-ico { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #fdeef0; color: #de2e3a; margin-bottom: 12px; transition: all .3s ease; }
.ct-wrap .ct-card:hover .ct-ico { background: #de2e3a; color: #fff; }
.ct-wrap .ct-in b { display: block; font-size: 15px; color: #3d3d3d; margin-bottom: 8px; }
.ct-wrap .ct-ico svg { display: block; }
.ct-wrap .ct-in p { font-size: 13px; color: #7c828a; line-height: 22px; }

/* ---- 地图 + 公司信息 ---- */
.ct-wrap .ct-main { overflow: hidden; margin-bottom: 30px; }
.ct-wrap .ct-map { float: left; width: 55%; box-sizing: border-box; position: relative; border: 1px solid #eef0f3; padding: 8px; background: #fff; }
.ct-wrap .ct-map > img { display: block; width: 100%; height: auto; }
#bmapBox { display: block; width: 100%; height: 340px; }
.ct-wrap .ct-map:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #de2e3a; transition: width .5s ease; }
.ct-wrap .ct-map:hover:after { width: 100%; }
.ct-wrap .ct-map-tag { position: absolute; left: 8px; bottom: 8px; right: 8px; background: rgba(43,43,43,.72); color: #fff; font-size: 12px; line-height: 34px; text-align: center; letter-spacing: 1px; }

.ct-wrap .ct-info { float: right; width: 42.5%; }
.ct-wrap .ct-name { display: block; font-size: 19px; color: #2b2b2b; line-height: 30px; padding-bottom: 12px; border-bottom: 1px solid #ededed; }
.ct-wrap .ct-en { font-size: 12px; color: #a5abb3; padding: 10px 0 16px; border-bottom: 1px solid #f3f4f6; letter-spacing: .5px; }
.ct-wrap .ct-list { margin: 16px 0 24px; }
.ct-wrap .ct-list p { position: relative; padding: 0 0 0 18px; font-size: 13px; color: #6d737b; line-height: 26px; }
.ct-wrap .ct-list p:before { content: ""; position: absolute; left: 2px; top: 11px; width: 6px; height: 6px; background: #de2e3a; border-radius: 50%; }

.ct-wrap .ct-btns { overflow: hidden; }
.ct-wrap .ct-btns a { float: left; display: block; width: 48%; box-sizing: border-box; height: 42px; line-height: 42px; text-align: center; font-size: 14px; text-decoration: none; transition: all .3s ease; }
.ct-wrap .ct-btn1 { background: #de2e3a; color: #fff !important; margin-right: 4%; }
.ct-wrap .ct-btn1:hover { background: #c22532; box-shadow: 0 8px 18px rgba(222,46,58,.32); transform: translateY(-2px); }
.ct-wrap .ct-btn2 { background: #fff; color: #de2e3a !important; border: 1px solid #de2e3a; }
.ct-wrap .ct-btn2:hover { background: #fdeef0; transform: translateY(-2px); }

/* ---- 响应式 ---- */
@media (max-width: 1000px) {
  .ct-wrap .ct-card { width: 50%; padding: 0 0 12px; }
  .ct-wrap .ct-map, .ct-wrap .ct-info { float: none; width: 100%; }
  .ct-wrap .ct-info { margin-top: 20px; }
}
/* ============================================================ */

/* 隐藏一键拨打/发送邮件按钮（2026-09-04） */
.ct-wrap .ct-btns { display: none; }

/* 标题块移至 banner 图上（2026-09-04） */
.ct-wrap .ct-head { display: none; }
.banner_c .ct-head { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; margin: 0; z-index: 10; text-align: center; animation: ctFadeUp .9s cubic-bezier(.22,.61,.36,1) both; }
@keyframes ctFadeUp { from { opacity: 0; transform: translateY(calc(-50% + 26px)); } to { opacity: 1; transform: translateY(-50%); } }
.banner_c .ct-head h2 { color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.35); padding-bottom: 0; font-size: 32px; font-weight: bold; letter-spacing: 3px; }
.banner_c .ct-head .ct-line { display: none; }
.banner_c .ct-head p { color: #f8f8f8; font-size: 16px; letter-spacing: 2px; margin-top: 14px; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
@media (max-width: 1000px) { .banner_c .ct-head p { display: none; } }