/**
 * WECHAT1076551905
 * E-mail:vip@100360.com
 * www.fenghuangyun.com
 */
html,
body {overflow-x: hidden;}
body {background: #eee;}
:root {
  --bs-feimeite_white: #fff;
  --bs-feimeite: linear-gradient(90deg, #00b0c8, #167deb);
  --bs-feimeite-hover: #167deb;
  --bs-feimeite-active: #167deb;
  --bs-wechat: #1ea75f;
  --bs-wechat-hover: #118a48;
  --bs-wechat-active: #0e733c;
  --bs-wechat-rgb: 30, 167, 95;
  --bs-wechat-text: #ffffff;
  --bs-orange: #fa8c16;
  --bs-orange-hover: #d46b08;
  --bs-orange-active: #b45c07;
  --bs-orange-rgb: 250, 140, 22;
  --bs-orange-text: #ffffff;
  --bs-purple: #722ed1;
  --bs-purple-hover: #531dab;
  --bs-purple-active: #44188c;
  --bs-purple-rgb: 114, 46, 209;
  --bs-purple-text: #ffffff;
  --bs-cyan: #0eb0b0;
  --bs-cyan-hover: #08979c;
  --bs-cyan-active: #067d80;
  --bs-cyan-rgb: 14, 176, 176;
  --bs-cyan-text: #ffffff;
  --bs-pink: #eb2f96;
  --bs-pink-hover: #c41d7f;
  --bs-pink-active: #a8186b;
  --bs-pink-rgb: 235, 47, 150;
  --bs-pink-text: #ffffff;
  --bs-volcano: #fa541c;
  --bs-volcano-hover: #e8430e;
  --bs-volcano-active: #ad2102;
  --bs-volcano-rgb: 250, 84, 28;
  --bs-volcano-text: #ffffff;
  --bs-blue: #1677ff;
  --bs-blue-hover: #0958d9;
  --bs-blue-active: #0747b3;
  --bs-blue-rgb: 22, 119, 255;
  --bs-blue-text: #ffffff;
  --bs-deepseek: #4D6BFE;
  --bs-deepseek-hover: #3451e8;
  --bs-deepseek-active: #2842c2;
  --bs-deepseek-rgb: 77, 107, 254;
  --bs-deepseek-text: #ffffff;
}
.bg-feimeite {
  background-image: var(--bs-feimeite) !important;
}

.bg_img_feimeite {
  background-image: url(/assets/images/home_pro.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg_img_feimeite {
  background-image: url(/assets/images/home_pro.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* 大屏lg(≥992px)一行8列 自定义栅格 row‑cols‑lg‑8 */
@media (min-width: 992px) {
  .row-cols-lg-8 > * {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

.fhtsimg {
  pointer-events: none;
}
.filter-white{filter: brightness(0) invert(1);}
/* ========== 4:3图片容器 ========== */
.img-43 { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 0.375rem 0.375rem 0 0; }
.img-43 img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.img-11 { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 0.375rem 0.375rem 0 0; }
.img-11 img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
/* ========== 导航栏样式 ========== */
@media (min-width: 992px) { .logo-pc { display: block; height: 3.05rem; width: auto; } .logo-mobile { display: none !important; } }
@media (max-width: 991.98px) { .logo-pc { display: none !important; } .logo-mobile { display: block; height: 2rem; width: auto; } }
.navbar-scroll {transition: box-shadow 0.3s ease; background-color: #1d8aeb; }
@media (min-width: 992px) { .navbar-scroll.bg-transparent { background-image: none; background-color: transparent !important; box-shadow: none; } .navbar-scroll.bg-danger { background-image: var(--bs-feimeite); background-color: #1d8aeb; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } 
}
@media (max-width: 991.98px) { .navbar-scroll { background-image: var(--bs-feimeite); background-color: #1d8aeb; } }
#MyContent {text-align: justify;}
#MyContent img {max-width: 95%;}
/* ========== banner轮播 ========== */
.banner-swiper {
    width: 100%;
    height: 600px;
}
.banner-swiper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* PC端 ≥992px 使用PC大图 */
@media (min-width: 992px) {
.banner1 { background-color: #0052d9; background-image: url(/assets/images/BA.jpg); }
.banner2 { background-color: #2aad67; background-image: url(/assets/images/BB.jpg); }
.banner3 { background-color: #95b5fe; background-image: url(/assets/images/BC.jpg); }
.banner4 { background-color: #21bfff; background-image: url(/assets/images/BD.jpg); }
.banner5 { background-color: #ff9201; background-image: url(/assets/images/BE.jpg); }
.banner6 { background-color: #fcf2fb; background-image: url(/assets/images/BF.jpg); }
.banner7 { background-color: #e2def9; background-image: url(/assets/images/BG.jpg); }
.banner8 { background-color: #c4e6ff; background-image: url(/assets/images/BH.jpg); }
}
/* 手机端 ＜992px 使用MO手机图，4:3比例 */
@media (max-width: 991.98px) {
    .banner-swiper {
        height: auto;
        margin-top: 55px;  /* 手机顶部留出52px间距 */
    }
    .banner-swiper .swiper-slide {
        aspect-ratio: 4 / 3;
    }
    .banner1 { background-color: #104bc9; background-image: url(/assets/images/MOA.jpg); }
    .banner2 { background-color: #044724; background-image: url(/assets/images/MOB.jpg); }
    .banner3 { background-color: #1479ff; background-image: url(/assets/images/MOC.jpg); }
    .banner4 { background-color: #dde7f3; background-image: url(/assets/images/MOD.jpg); }
    .banner5 { background-color: #000000; background-image: url(/assets/images/MOE.jpg); }
    .banner6 { background-color: #ddeeff; background-image: url(/assets/images/MOF.jpg); }
    .banner7 { background-color: #1810b5; background-image: url(/assets/images/MOG.jpg); }
    .banner8 { background-color: #64191e; background-image: url(/assets/images/MOH.jpg); }
}

/* ========== 产品卡片轮播 ========== */
.card-swiper {
    width: 100%;
    padding-bottom: 40px; 
}
.card-swiper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide .card{
  background: #f2fcfe;
  color: #055160;
  border-color: #86e4f7;
  transition: all 0.3s ease;
}
.swiper-slide .card:hover{
  background: #cff4fc;
  border-color: #0dcaf0;
  color: #055160;
  box-shadow: 0 4px 12px rgba(13, 202, 240, 0.25);
}
.swiper-slide .card .card-text{
  color: #055160;
}
.swiper-slide .card:hover .card-text{
  color: #033640;
}

/* 图片列表页效果 */
.card.card-calendar {
  background: #f2fcfe;
  color: #055160;
  border-color: #86e4f7;
  transition: all 0.3s ease;
}
.card.card-calendar:hover {
  background: #cff4fc;
  border-color: #0dcaf0;
  color: #055160;
  box-shadow: 0 4px 12px rgba(13, 202, 240, 0.25);
}
.card.card-calendar .card-text {
  color: #055160;
}
.card.card-calendar:hover .card-text {
  color: #033640;
}

/* 强制卡片轮播分页圆点居容器底部显示 */
.card-swiper .swiper-pagination {
    bottom: 0px !important;
}

/* ==========巩氏实力卡片 ========== */
.icon-card {
    background: #fff;
    border-radius: 12px;
    padding: 30px 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.icon-card img {
    max-width: 48px;
    height: 48px;
    object-fit: contain;
}
.icon-card p {
    color: #333;
    margin-top: 8px;
}
.icon-card:hover {
    transform: translateY(-8px) scale(1.05);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* ========== ICP公安备案卡片 ========== */
@media (min-width: 992px) { .icp-card { flex: 0 0 42%; } .gongan-card { flex: 0 0 58%; } }

/* ========== 系列按钮 ========== */
.btn-wechat {
  --bs-btn-color: var(--bs-wechat-text);
  --bs-btn-bg: var(--bs-wechat);
  --bs-btn-border-color: var(--bs-wechat);
  --bs-btn-hover-color: var(--bs-wechat-text);
  --bs-btn-hover-bg: var(--bs-wechat-hover);
  --bs-btn-hover-border-color: var(--bs-wechat-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-wechat-rgb);
  --bs-btn-active-color: var(--bs-wechat-text);
  --bs-btn-active-bg: var(--bs-wechat-active);
  --bs-btn-active-border-color: var(--bs-wechat-active);
  --bs-btn-disabled-color: var(--bs-wechat-text);
  --bs-btn-disabled-bg: var(--bs-wechat);
  --bs-btn-disabled-border-color: var(--bs-wechat);
}
.btn-orange {
  --bs-btn-color: var(--bs-orange-text);
  --bs-btn-bg: var(--bs-orange);
  --bs-btn-border-color: var(--bs-orange);
  --bs-btn-hover-color: var(--bs-orange-text);
  --bs-btn-hover-bg: var(--bs-orange-hover);
  --bs-btn-hover-border-color: var(--bs-orange-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-orange-rgb);
  --bs-btn-active-color: var(--bs-orange-text);
  --bs-btn-active-bg: var(--bs-orange-active);
  --bs-btn-active-border-color: var(--bs-orange-active);
  --bs-btn-disabled-color: var(--bs-orange-text);
  --bs-btn-disabled-bg: var(--bs-orange);
  --bs-btn-disabled-border-color: var(--bs-orange);
}
.btn-purple {
  --bs-btn-color: var(--bs-purple-text);
  --bs-btn-bg: var(--bs-purple);
  --bs-btn-border-color: var(--bs-purple);
  --bs-btn-hover-color: var(--bs-purple-text);
  --bs-btn-hover-bg: var(--bs-purple-hover);
  --bs-btn-hover-border-color: var(--bs-purple-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-purple-rgb);
  --bs-btn-active-color: var(--bs-purple-text);
  --bs-btn-active-bg: var(--bs-purple-active);
  --bs-btn-active-border-color: var(--bs-purple-active);
  --bs-btn-disabled-color: var(--bs-purple-text);
  --bs-btn-disabled-bg: var(--bs-purple);
  --bs-btn-disabled-border-color: var(--bs-purple);
}
.btn-cyan {
  --bs-btn-color: var(--bs-cyan-text);
  --bs-btn-bg: var(--bs-cyan);
  --bs-btn-border-color: var(--bs-cyan);
  --bs-btn-hover-color: var(--bs-cyan-text);
  --bs-btn-hover-bg: var(--bs-cyan-hover);
  --bs-btn-hover-border-color: var(--bs-cyan-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-cyan-rgb);
  --bs-btn-active-color: var(--bs-cyan-text);
  --bs-btn-active-bg: var(--bs-cyan-active);
  --bs-btn-active-border-color: var(--bs-cyan-active);
  --bs-btn-disabled-color: var(--bs-cyan-text);
  --bs-btn-disabled-bg: var(--bs-cyan);
  --bs-btn-disabled-border-color: var(--bs-cyan);
}
.btn-pink {
  --bs-btn-color: var(--bs-pink-text);
  --bs-btn-bg: var(--bs-pink);
  --bs-btn-border-color: var(--bs-pink);
  --bs-btn-hover-color: var(--bs-pink-text);
  --bs-btn-hover-bg: var(--bs-pink-hover);
  --bs-btn-hover-border-color: var(--bs-pink-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-pink-rgb);
  --bs-btn-active-color: var(--bs-pink-text);
  --bs-btn-active-bg: var(--bs-pink-active);
  --bs-btn-active-border-color: var(--bs-pink-active);
  --bs-btn-disabled-color: var(--bs-pink-text);
  --bs-btn-disabled-bg: var(--bs-pink);
  --bs-btn-disabled-border-color: var(--bs-pink);
}
.btn-volcano {
  --bs-btn-color: var(--bs-volcano-text);
  --bs-btn-bg: var(--bs-volcano);
  --bs-btn-border-color: var(--bs-volcano);
  --bs-btn-hover-color: var(--bs-volcano-text);
  --bs-btn-hover-bg: var(--bs-volcano-hover);
  --bs-btn-hover-border-color: var(--bs-volcano-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-volcano-rgb);
  --bs-btn-active-color: var(--bs-volcano-text);
  --bs-btn-active-bg: var(--bs-volcano-active);
  --bs-btn-active-border-color: var(--bs-volcano-active);
  --bs-btn-disabled-color: var(--bs-volcano-text);
  --bs-btn-disabled-bg: var(--bs-volcano);
  --bs-btn-disabled-border-color: var(--bs-volcano);
}
.btn-blue {
  --bs-btn-color: var(--bs-blue-text);
  --bs-btn-bg: var(--bs-blue);
  --bs-btn-border-color: var(--bs-blue);
  --bs-btn-hover-color: var(--bs-blue-text);
  --bs-btn-hover-bg: var(--bs-blue-hover);
  --bs-btn-hover-border-color: var(--bs-blue-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-blue-rgb);
  --bs-btn-active-color: var(--bs-blue-text);
  --bs-btn-active-bg: var(--bs-blue-active);
  --bs-btn-active-border-color: var(--bs-blue-active);
  --bs-btn-disabled-color: var(--bs-blue-text);
  --bs-btn-disabled-bg: var(--bs-blue);
  --bs-btn-disabled-border-color: var(--bs-blue);
}
.btn-deepseek {
  --bs-btn-color: var(--bs-deepseek-text);
  --bs-btn-bg: var(--bs-deepseek);
  --bs-btn-border-color: var(--bs-deepseek);
  --bs-btn-hover-color: var(--bs-deepseek-text);
  --bs-btn-hover-bg: var(--bs-deepseek-hover);
  --bs-btn-hover-border-color: var(--bs-deepseek-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-deepseek-rgb);
  --bs-btn-active-color: var(--bs-deepseek-text);
  --bs-btn-active-bg: var(--bs-deepseek-active);
  --bs-btn-active-border-color: var(--bs-deepseek-active);
  --bs-btn-disabled-color: var(--bs-deepseek-text);
  --bs-btn-disabled-bg: var(--bs-deepseek);
  --bs-btn-disabled-border-color: var(--bs-deepseek);
}