#home #warp{ overflow:hidden;}
.home-bom{ padding: 22px 0; text-align: center;}
.home-bom span{ font-size: 1.1rem;}
.home-bom span img{ margin-right: 8px;}
.home-bom a{ display: inline-block; height: 32px; line-height: 30px; border: 1px solid #080808; border-radius:6px; padding: 0 22px; margin-left: 20px;}
.home-bom a:hover{ background: #D9A64B; color: #FFFFFF; border-color:#D9A64B;}


.banner{}
.main_visual{ width: 100%; height: 100%; position: relative;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; position: relative;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}

.main_visual .owl-carousel .item .banner-item-info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 70px; z-index: 666;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text{ width: 100%;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text h2{ color: #FFFFFF; font-size: 2rem; line-height: 46px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text p{ color: #FFFFFF; margin-top: 10px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text a{ display:inline-block; background: #D9A64B; color: #111; height: 43px; line-height: 43px; border-radius:25px; padding: 0 20px; margin-top: 45px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text a:hover{ background: #111111; color: #FFFFFF;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

.main_visual .owl-dots{ width: 100%; text-align: center; height: 6px; position:absolute; left: 0; bottom:30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 40px; height: 6px; background:#CCCCCC; border-radius: 4px;}
.main_visual .owl-dot.active span{ background:#D9A64B; }
.main_visual .owl-nav{ display: none; height: 0;}



.home-title{ padding: 50px 0 30px 0;}
.home-title h2{ font-size: 1.5rem;}
.home-title a{ display:inline-block; background: #D9A64B; color: #111; height: 43px; line-height: 43px; border-radius:25px; padding: 0 35px; }
.home-title a:hover{ background: #D64851; color: #FFFFFF;}

.home-fastmenu{gap: 30px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}

.home-fastmenu-item{ width: 100%;}
.home-fastmenu-item a{ display: block; background: #FFFFFF; width: 100%; padding: 35px;}
.home-fastmenu-item b{ display: block; font-size: 1.3rem; line-height: 40px; margin-top: 25px;}
.home-fastmenu-item p{ font-size: 1rem; min-height: 48px;}
.home-fastmenu-item i{ display: inline-block; height: 24px; line-height: 24px; padding: 0 20px; margin-top: 25px; background: #111111; border-radius:4px; color: #FFFFFF;}

/* ===== Home Fast Menu Hover Effects (主色：#D9A64B) ===== */
.home-fastmenu-item a{
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

/* 左侧金色强调条：默认隐藏，hover 滑入 */
.home-fastmenu-item a::before{
  content:"";
  position:absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 5px;
  border-radius: 8px;
  background: #D9A64B;
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity .22s ease, transform .22s ease;
}

/* 顶部淡金高光渐变（质感） */
.home-fastmenu-item a::after{
  content:"";
  position:absolute;
  left: 0; top: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(217,166,75,.16), rgba(217,166,75,0));
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

/* 图片轻微缩放 */
.home-fastmenu-item img{
  transition: transform .22s ease, filter .22s ease;
  transform-origin: left center;
}

/* 标题/描述微动效 */
.home-fastmenu-item b,
.home-fastmenu-item p{
  transition: transform .22s ease, color .22s ease;
}

/* 箭头按钮（你原本 i 已经有黑底，这里增强质感） */
.home-fastmenu-item i{
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease, opacity .22s ease;
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
}

/* ===== Hover 状态 ===== */
.home-fastmenu-item a:hover{
  transform: translateY(-4px);
  border-color: rgba(217,166,75,.35);
  background: linear-gradient(180deg, #ffffff 0%, rgba(217,166,75,.08) 100%);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.home-fastmenu-item a:hover::before{
  opacity: 1;
  transform: translateX(0);
}

.home-fastmenu-item a:hover::after{
  opacity: 1;
}

.home-fastmenu-item a:hover img{
  transform: scale(1.06);
  filter: saturate(1.08);
}

.home-fastmenu-item a:hover b{
  transform: translateY(-1px);
  color: #B9852C; /* 更稳的深金（#D9A64B 的加深色） */
}

.home-fastmenu-item a:hover p{
  transform: translateY(-1px);
}

/* 箭头：黑底 -> 金色底，更统一 */
.home-fastmenu-item a:hover i{
  background: #D9A64B;
  transform: translateX(6px);
  box-shadow: 0 16px 26px rgba(217,166,75,.28);
}

/* 键盘可访问：tab 聚焦也有同样效果 */
.home-fastmenu-item a:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(217,166,75,.18), 0 18px 40px rgba(0,0,0,.12);
}



.home-bom-content{ background: url(../images/hombombg.jpg) no-repeat center; background-size:cover; color: #FFFFFF; padding: 30px 60px; margin-top: 30px; border-radius:10px ;}

.home-bom-left{}
.home-bom-left-pic{}
.home-bom-left-text{ padding-left: 65px;}
.home-bom-left-text h2{ font-size: 1.8rem; color: #FFFFFF; line-height: 40px;}
.home-bom-left-text ul{}
.home-bom-left-text li{ font-size: 1rem; line-height: 28px; background: url(../images/homebomli.png) no-repeat left center; padding-left: 20px;}

.home-bom-right{ text-align: center;}
.home-bom-right h3{ font-weight: normal;  font-family: myFirstFont1; color: #FFFFFF; font-size: 0.9rem;}
.home-bom-right a{ display: inline-block; height: 46px; line-height: 46px; background: #D9A64B; border-radius:22px; padding: 0 25px; margin-top: 15px; font-size: 1rem; color: #111111;}
.home-bom-right a i{ margin-right: 10px;}
.home-bom-right a:hover{ background: #D64851;}


.home-recomm{margin-top: 50px; }

.home-recomm-left{ width: calc(100% - 308px); padding-right: 20px; gap: 10px; grid-template-columns: repeat(5, 1fr); /* 3 列 */  display: grid;}
.home-recomm-item{ width: 100%;}

.home-recomm-item-pic{ width: 100%; height: auto; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border: 1px solid #DFE0E2; border-radius:8px; padding:45px 20px;}
.home-recomm-item-pic img{ width: 100%; height: auto;}

.home-recomm-item-info{ margin-top: 2px; text-align: center; position: relative; width: 100%; height: auto; background: #FFFFFF;  box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1);
border-radius: 8px;
border: 1px solid #DFE0E2; padding: 30px 25px;}
.home-recomm-item-info a.reclinks1{ position: absolute; z-index: 666; right: 20px; top: -18px; display: block; width: 37px; height: 37px; line-height: 37px; background: #D64851; color: #FFFFFF; border-radius:50%;}
.home-recomm-item-info a.reclinks2{ display: block; line-height: 26px; height: 26px; overflow: hidden; font-size: 1rem;}
.home-recomm-item-info p{ color: #666666; line-height: 22px; height: 22px; overflow: hidden;}


/* ===== Home Recomm (Gold Theme #D9A64B) Hover Effects ===== */
.home-recomm-item{
  position: relative;
  transition: transform .22s ease;
}

/* 两个盒子统一动效 */
.home-recomm-item-pic,
.home-recomm-item-info{
  position: relative;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* 顶部金色柔光（hover出现） */
.home-recomm-item-pic::after,
.home-recomm-item-info::after{
  content:"";
  position:absolute;
  left:-40%;
  top:-60%;
  width: 180%;
  height: 140%;
  background: radial-gradient(circle at 40% 30%, rgba(217,166,75,.18), rgba(217,166,75,0) 55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

/* 图片动效 */
.home-recomm-item-pic img{
  transition: transform .26s ease, filter .26s ease;
  transform: scale(1);
}

/* + 按钮：主色改金色，并做悬停旋转 */
.home-recomm-item-info a.reclinks1{
  background: #D9A64B;              /* 改主色 */
  color: #fff;
  box-shadow: 0 14px 30px rgba(217,166,75,.26);
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

/* 型号链接动效 */
.home-recomm-item-info a.reclinks2{
  color: #111;
  font-weight: 700;
  transition: color .22s ease, transform .22s ease;
}

/* 品牌文字 */
.home-recomm-item-info p{
  transition: color .22s ease, transform .22s ease;
}

/* ===== Hover：整体浮起 ===== */
.home-recomm-item:hover{
  transform: translateY(-6px);
}

/* Hover：两个卡片都高亮（金色边框 + 更深阴影） */
.home-recomm-item:hover .home-recomm-item-pic,
.home-recomm-item:hover .home-recomm-item-info{
  border-color: rgba(217,166,75,.45);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
}
.home-recomm-item:hover .home-recomm-item-pic::after,
.home-recomm-item:hover .home-recomm-item-info::after{
  opacity: 1;
}

/* Hover：图片放大一点 */
.home-recomm-item:hover .home-recomm-item-pic img{
  transform: scale(1.07);
  filter: saturate(1.08);
}

/* Hover：+按钮旋转 & 提升 */
.home-recomm-item:hover .home-recomm-item-info a.reclinks1{
  transform: translateY(-2px) rotate(90deg);
  filter: brightness(1.02);
  box-shadow: 0 18px 38px rgba(217,166,75,.34);
}

/* Hover：型号变金色，轻微上移 */
.home-recomm-item:hover .home-recomm-item-info a.reclinks2{
  color: #B9852C; /* 深金色更稳 */
  transform: translateY(-1px);
}

/* Hover：品牌更柔和一点 */
.home-recomm-item:hover .home-recomm-item-info p{
  color: #444;
  transform: translateY(-1px);
}

/* 键盘可访问（Tab到链接时也高亮） */
.home-recomm-item:focus-within .home-recomm-item-pic,
.home-recomm-item:focus-within .home-recomm-item-info{
  border-color: rgba(217,166,75,.45);
  box-shadow: 0 0 0 4px rgba(217,166,75,.16), 0 18px 44px rgba(0,0,0,.14);
}


.home-recomm-right{ width: 308px; height: auto; position: relative;}
.home-recomm-right img{ width: 100%; height: auto;}
.home-recomm-right-info{ color: #FFFFFF; position: absolute; left: 0; top: 0; width: 100%; padding: 28px 25px; z-index: 333;}
.home-recomm-right-info h3{ color: #FFFFFF; font-size: 1.4rem; line-height: 36px;}
.home-recomm-right-info p{ line-height: 28px;}
.home-recomm-right-info a{ display:inline-block; background: #D9A64B; color: #111; height: 40px; line-height: 40px; border-radius:25px; padding: 0 25px; margin-top: 10px; }
.home-recomm-right-info a:hover{ background: #D64851; color: #FFFFFF;}

.home-brandbg{ width: 100%; padding-bottom: 50px; margin-top: 50px; background: url(../images/homebrandbg.jpg) no-repeat center; background-size:cover;}


.home-brand-title{ padding: 50px 0 30px 0;}
.home-brand-title h2{ font-size: 1.5rem; color: #FFFFFF;}
.home-brand-title a{ display:inline-block;  color: #111; height: 43px; line-height: 43px; border-radius:25px; padding: 0 35px; margin-left: 15px;}
.home-brand-title a.brandlinks1{ background: #D9A64B;}
.home-brand-title a.brandlinks2{ background: #FFFFFF;}
.home-brand-title a:hover{ background: #D64851; color: #FFFFFF;}
.home-brand-title-right{}

.home-brand-list{ background: #FFFFFF; border-radius:8px; gap: 0; grid-template-columns: repeat(7, 1fr); /* 3 列 */  display: grid;}
.home-brand-list a{ display: block; width: 100%; border:1px solid #EEEEEE; border-top: none; padding: 10px; overflow: hidden;}
.home-brand-list a img{ width: 100%; height: auto;}
.home-brand-list a:hover img{ transform: scale(1.06);filter: saturate(1.08);}
.home-brand-list a:nth-child(7n+1){ border-left: none;}
.home-brand-list a:nth-child(7n){ border-right: none;}
.home-brand-list a:nth-child(15){ border-bottom: none;}
.home-brand-list a:nth-child(16){ border-bottom: none;}
.home-brand-list a:nth-child(17){ border-bottom: none;}
.home-brand-list a:nth-child(18){ border-bottom: none;}
.home-brand-list a:nth-child(19){ border-bottom: none;}
.home-brand-list a:nth-child(20){ border-bottom: none;}
.home-brand-list a:nth-child(21){ border-bottom: none;}

.home-solution{ width: 100%; background: url(../images/homeappbg.jpg) no-repeat center; background-size:cover; padding-bottom: 50px;}

.home-solution-tab{ height: 68px; background: #FFFFFF;border-radius: 12px;}
.home-solution-tab ul{ width: 100%; height: 100%; gap: 0; grid-template-columns: repeat(6, 1fr); /* 3 列 */  display: grid;}
.home-solution-tab ul li{ background: url(../images/home-souline.jpg) no-repeat right center; height: 100%; border-radius: 12px; cursor: pointer;}
.home-solution-tab ul li:last-child{ background: none;}
.home-solution-tab ul li img{ margin-right: 5px;}
.home-solution-tab ul li.thistab{ background: #000000; color: #FFFFFF;}
.home-solution-tab ul li.thistab img{filter: brightness(0) invert(1);}

.home-solution-box{ margin-top: 40px;}
.home-solution-list{ width: 100%;}
.home-solution-list .home-solution-item{ width: 100%; }
.home-solution-list .home-solution-item-left{ width: 53%; padding-right: 70px;}
.home-solution-list .home-solution-item-left h3{ font-size: 1.8rem; line-height: 42px; padding: 20px 0;}
.home-solution-list .home-solution-item-leftinfo{ width: 100%; color: #666666; font-size: 1rem; line-height: 30px;}
.home-solution-list .home-solution-item-left ul{ width: 100%; margin-top: 20px;}
.home-solution-list .home-solution-item-left li{ margin: 8px 0; line-height: 24px; font-size: 1rem; background: url(../images/homesouli.png) no-repeat left center; padding-left: 35px;}
.home-solution-list .home-solution-item-left li a:hover{ color: #D64851;}
.home-solution-list a.homesoulinks{ display:inline-block; background: #D9A64B; color: #111; height: 43px; line-height: 43px; border-radius:25px; padding: 0 35px; margin-top: 35px;}
.home-solution-list a.homesoulinks:hover{ background: #D64851; color: #FFFFFF;}



.home-solution-list .home-solution-item-right{ width: 47%;}
.home-solution-list .home-solution-item-right img{ width: 100%; height: auto;}

.home-blog{gap: 10px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}


.home-blog-item{ width: 100%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius:6px; padding: 20px; cursor: pointer;}
.home-blog-item-pic{ width: 100%; height: auto; overflow: hidden; border-radius: 6px; margin-top: 15px;}
.home-blog-item-pic img{ width: 100%; height: auto; border-radius: 6px;}
.home-blog-item em{ display: block; color: #D64851; line-height: 36px;}
.home-blog-item a.bloglinks1{ display: block; font-size: 1.1rem; color: #111111; font-weight: bold; line-height: 24px; height: 48px; overflow: hidden;}
.home-blog-item p{ line-height: 24px; height: 24px; overflow: hidden; color: #666666; margin-top: 15px;}
.home-blog-item a.bloglinks2{ width: 100%; height: 34px;border-radius: 16px;border: 1px solid #CCCCCC; padding: 0 20px; margin-top: 15px;}

/* ===== Home Blog Hover Effects (Gold Theme #D9A64B) ===== */
.home-blog-item{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.04);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* 顶部淡金高光 */
.home-blog-item::after{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:110px;
  background: linear-gradient(180deg, rgba(217,166,75,.14), rgba(217,166,75,0));
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

/* 左侧金色强调条（hover出现） */
.home-blog-item::before{
  content:"";
  position:absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 4px;
  background: #D9A64B;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .22s ease, transform .22s ease;
}

/* 日期：把你原来的红色换成金色体系 */
.home-blog-item em{
  color: #B9852C;  /* 深一点更稳 */
  font-weight: 600;
  transition: color .22s ease, transform .22s ease;
}

/* 标题 */
.home-blog-item a.bloglinks1{
  transition: color .22s ease, transform .22s ease;
}

/* 图片 */
.home-blog-item-pic img{
  transition: transform .26s ease, filter .26s ease;
  transform: scale(1);
}

/* 描述 */
.home-blog-item p{
  transition: transform .22s ease, color .22s ease;
}

/* View More 按钮（你原本只有边框，这里做成可动效按钮） */
.home-blog-item a.bloglinks2{
  display: inline-flex;            /* 兼容你 flex flex-center */
  align-items: center;
  justify-content: center;
  gap: 10px;

  background: #fff;
  color: #111;
  border-color: rgba(0,0,0,.18);

  transition: background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease, color .22s ease;
}
.home-blog-item a.bloglinks2 i{
  transition: transform .22s ease;
}

/* ===== Hover 状态 ===== */
.home-blog-item:hover{
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
  border-color: rgba(217,166,75,.28);
}
.home-blog-item:hover::after{ opacity: 1; }
.home-blog-item:hover::before{
  opacity: 1;
  transform: translateX(0);
}

.home-blog-item:hover em{
  color: #D9A64B;
  transform: translateY(-1px);
}

.home-blog-item:hover a.bloglinks1{
  color: #B9852C;
  transform: translateY(-1px);
}

.home-blog-item:hover .home-blog-item-pic img{
  transform: scale(1.06);
  filter: saturate(1.08);
}

/* 文案轻微上移 */
.home-blog-item:hover p{
  transform: translateY(-1px);
}

/* 按钮变金色 + 箭头滑动 */
.home-blog-item:hover a.bloglinks2{
  background: #D9A64B;
  border-color: #D9A64B;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(217,166,75,.22);
}
.home-blog-item:hover a.bloglinks2 i{
  transform: translateX(6px);
}

/* 键盘可访问（Tab） */
.home-blog-item:focus-within{
  box-shadow: 0 0 0 4px rgba(217,166,75,.18), 0 18px 44px rgba(0,0,0,.14);
  border-color: rgba(217,166,75,.28);
}





.home-postbg{ width: 100%; height: auto; background: url(../images/homepostbg.jpg) no-repeat center; background-size:cover; padding-bottom: 50px; margin-top: 60px;}


.home-post{gap: 15px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.home-post-item{ width: 100%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius:6px; padding: 20px; cursor: pointer;}
.home-post-item-pic{ width: 110px; height: 110px;}
.home-post-item-pic img{ width: 100%; height: auto;}
.home-post-item-info{ width: calc(100% - 110px); padding-left: 15px;}
.home-post-item-info a.postlinks1{ display: block; font-size: 1rem; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 5px;}
.home-post-item-info p{ line-height: 20px; height: 40px; color: #666666; overflow: hidden;}
.home-post-item-info a.postlinks2{ display: block; line-height: 26px; margin-top: 10px;}


/* ===== Home Post Item Hover Effects (Gold Theme) ===== */
.home-post-item{
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  border: 1px solid rgba(0,0,0,.04);
}

/* 左侧金色强调条（hover 出现） */
.home-post-item::before{
  content:"";
  position:absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 4px;
  background: #D9A64B;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .22s ease, transform .22s ease;
}

/* 顶部淡金高光 */
.home-post-item::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100px;
  background: linear-gradient(180deg, rgba(217,166,75,.12), rgba(217,166,75,0));
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

/* 图片动效 */
.home-post-item-pic img{
  transition: transform .22s ease, filter .22s ease;
}

/* 标题 / 文案 */
.home-post-item-info a.postlinks1,
.home-post-item-info p{
  transition: color .22s ease, transform .22s ease;
}

/* View More */
.home-post-item-info a.postlinks2{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #555;
  transition: color .22s ease, transform .22s ease;
}

/* ===== Hover 状态 ===== */
.home-post-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
  border-color: rgba(217,166,75,.25);
}

.home-post-item:hover::before{
  opacity: 1;
  transform: translateX(0);
}

.home-post-item:hover::after{
  opacity: 1;
}

.home-post-item:hover .home-post-item-pic img{
  transform: scale(1.06);
  filter: saturate(1.08);
}

/* 标题高亮 */
.home-post-item:hover a.postlinks1{
  color: #B9852C; /* 稍深金色，更稳 */
  transform: translateY(-1px);
}

/* 描述轻微上移 */
.home-post-item:hover p{
  transform: translateY(-1px);
}

/* View More → 向右滑动 */
.home-post-item:hover a.postlinks2{
  color: #D9A64B;
  transform: translateX(6px);
}

/* 键盘可访问（Tab） */
.home-post-item:focus-within{
  box-shadow: 0 0 0 4px rgba(217,166,75,.18), 0 18px 40px rgba(0,0,0,.14);
}







@media (max-width: 768px) {


.home-bom{ padding: 12px 0; }
.home-bom span{ font-size: 1rem;}
.home-bom span img{ margin-right: 5px;}
.home-bom a{ padding: 0 15px; margin-left: 10px;}





.main_visual .owl-carousel .item .banner-item-info{ padding: 30px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text h2{  font-size: 1.2rem; line-height: 32px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text p{ margin-top: 5px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text a{  padding: 0 10px; margin-top: 15px;}


.main_visual .owl-dots{ width: 100%; text-align: center; height: 3px; position:absolute; left: 0; bottom:20px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 20px; height: 3px; background:#CCCCCC; border-radius: 4px;}
.main_visual .owl-dot.active span{ background:#D9A64B; }


.home-title{ padding: 30px 0; text-align: center; display: block;}
.home-title h2{ font-size: 1rem; line-height: 26px;}
.home-title a{ margin-top: 15px; }




.home-fastmenu{gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}


.home-fastmenu-item a{ padding: 20px;}
.home-fastmenu-item b{ font-size: 1.1rem;  margin-top: 15px;}
.home-fastmenu-item p{ font-size: 0.9rem; min-height: auto;}
.home-fastmenu-item i{  margin-top: 15px; }



.home-fastmenu-item a{
    border-radius: 12px;
  }
  .home-fastmenu-item a:hover{
    transform: none;
  }
  .home-fastmenu-item a:hover i{
    transform: none;
  }
  
  .home-post-item:hover{
    transform: none;
  }
  .home-post-item:hover a.postlinks2{
    transform: none;
  } 
  
  .home-blog{
    grid-template-columns: 1fr;
  }
  .home-blog-item:hover{
    transform: none;
  }
  .home-blog-item:hover a.bloglinks2{
    transform: none;
  }



  .home-recomm-left{
    width: 100%;
    padding-right: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  .home-recomm-item:hover{
    transform: none;
  }
  .home-recomm-item:hover .home-recomm-item-info a.reclinks1{
    transform: rotate(90deg);
  }

  
.home-bom-content{ padding: 20px; margin-top: 20px;}

.home-bom-left{}
.home-bom-left-pic{}
.home-bom-left-text{ padding-left: 0; margin-top: 20px;}
.home-bom-left-text h2{ font-size: 1.4rem; line-height: 32px;}
.home-bom-left-text ul{}
.home-bom-left-text li{ font-size: 0.9rem; line-height: 24px; padding-left: 15px;}

.home-bom-right{ text-align: left; margin-top: 20px;}

.home-recomm{margin-top: 20px; }

.home-recomm-left{ width: 100%; padding-right: 0; }

.home-recomm-item:last-child{ display: none;}
.home-recomm-item-pic{  padding:20px;}


.home-recomm-item-info{ padding: 20px;}

  
.home-recomm-right{display: none;}

 
.home-brandbg{ padding-bottom: 30px; margin-top:30px;}


.home-brand-title{ padding:30px 0; text-align: center; display: block;}
.home-brand-title h2{ font-size: 1rem; line-height: 26px; color: #FFFFFF; margin-bottom: 15px;}
.home-brand-title a{ padding: 0 25px; }


.home-brand-list{ background: #FFFFFF; border-radius:8px; gap: 0; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.home-brand-list a{ padding:5px;}
.home-brand-list a:nth-child(7n+1){ border-left: 1px solid #EEEEEE;}
.home-brand-list a:nth-child(3n+1){ border-left: none;}
.home-brand-list a:nth-child(7n){ border-right: 1px solid #EEEEEE;}
.home-brand-list a:nth-child(3n){ border-right: none;}
.home-brand-list a:nth-child(15){ border-bottom: 1px solid #EEEEEE;}
.home-brand-list a:nth-child(16){ border-bottom: 1px solid #EEEEEE;}
.home-brand-list a:nth-child(17){ border-bottom: 1px solid #EEEEEE;}
.home-brand-list a:nth-child(18){ border-bottom: 1px solid #EEEEEE;}
.home-brand-list a:nth-child(19){ border-bottom: 1px solid #EEEEEE; border-bottom: none;}
.home-brand-list a:nth-child(20){ border-bottom: 1px solid #EEEEEE; border-bottom: none;}
.home-brand-list a:nth-child(21){ border-bottom: 1px solid #EEEEEE; border-bottom: none;}  


.home-solution{ padding-bottom:30px;}

.home-solution-tab{ height: auto; background: #FFFFFF;border-radius: 12px;}
.home-solution-tab ul{  grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-solution-tab ul li{ background:none; height: 100%; min-height: 42px; border-radius: 12px; cursor: pointer; font-size: 0.8rem;}
.home-solution-tab ul li img{ margin-right: 2px;}


.home-solution-box{ margin-top: 20px;}
.home-solution-list{ width: 100%;}
.home-solution-list .home-solution-item{ width: 100%; }
.home-solution-list .home-solution-item-left{ width: 100%; padding-right: 0;}
.home-solution-list .home-solution-item-left h3{ font-size: 1.2rem; line-height: 32px; padding: 10px 0;}
.home-solution-list .home-solution-item-leftinfo{ font-size: 0.9rem; line-height: 24px;}
.home-solution-list .home-solution-item-left ul{ margin-top: 10px;}
.home-solution-list .home-solution-item-left li{ margin: 4px 0; line-height: 22px; font-size: 0.9rem;  padding-left: 30px;}

.home-solution-list a.homesoulinks{ height: 40px; line-height: 40px;  padding: 0 25px; margin-top: 20px;}




.home-solution-list .home-solution-item-right{ width: 100%; margin-top: 20px;}



.home-post{gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
  
}