a{color: #333;}
a:hover,a:focus{color: #73410F;}
*{transition: all 0.3s ease-in-out;}
.sticky-top{position: fixed; background: none; width: 100%; height: auto; box-shadow: none!important;}
/* 默认状态：透明背景 + 无阴影 */
.sticky-top {
  background-color: transparent !important;
  box-shadow: none;
  transition: all 0.3s ease-in-out; /* 控制所有属性的平滑过渡 */
}

/* 滚动后添加的样式：白色背景 + 阴影 */
.sticky-top.bg-white {
  background-color: white !important;
  box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.1) !important; /* 更柔和的阴影效果 */
}
header .logo{position: absolute; left: 50%;  max-width: 50%; width: 260px; padding: 20px;
     margin-left: -130px;}
.nav-pc .menu>ul>li a{ line-height: 50px; padding: 40px 5px;}
.nav-pc .menu>ul>li:hover>a{color: #73410F;}

.product-wrapper{padding: 0; margin-top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.product-left{position: relative; width: 40%; max-height: 100vh; overflow: hidden;}
.product-left a{color: #fff; display: inline-flex; width: 100%;}
.product-img  {width: 100%; height: 100%; position: static; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.product-ban-con{position: absolute; bottom: 10%; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%;}
.ban-con{display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
.ban-con .cn{font-size: 36px; font-weight: 500; color: #fff; text-align: center; margin-bottom: 10px;}
.ban-con .cn span{margin: 0 10px;}
.ban-con .en{font-size: 16px; color: #fff;}
.product-right{width: 60%; padding: 40px 10%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.psroduct-list-ul{display: flex; flex-wrap: wrap; width: 100%;}
.psroduct-list-ul li{ width: 50%; padding: 20px;}
.psroduct-list-ul li a{ display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; }
.psroduct-list-ul li a .product-img{ width: 300px; max-width: 100%; height: 300px; border-radius: 360px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.psroduct-list-ul li a .product-img img{ max-width: 100%; max-height: 100%; transition: transform 0.6s ease; /* 添加过渡动画 */}
.product-tit{ font-size: 18px; font-weight: 500; line-height: 30px; padding: 10px; width: 100%; text-align: center;}
.psroduct-list-ul li a .product-img:hover img{transform: rotate(360deg);}

.case-wrapper .case-swiper .swiper-slide .case-content-wrapper::before{ background-color: #73410F;}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper::after{ color: #73410F;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet-active{ background: #73410F;}
.case-wrapper .case-next, .case-wrapper .case-prev{display: inline-flex; background-color: #fff;}
.case-wrapper .case-prev{left: 0;}
.case-wrapper .case-next{ right: 0; left: auto;}
.banner-pc{position: relative;}
.footer-menu{display: flex; flex-wrap: wrap; justify-content: center; align-items: center ; width: 100%;}
.footer-menu .logo{ width: 300px;}
.footer-menu .logo img{ width: 100%;}
footer{padding: 20px 0; background-color: #f5f5f5;}

.neibanner{background-color: #f5f5f5; height: 200px;}
body{background-color: transparent  ;}

.nav-pc .menu>ul>li a.active{color: #73410F;}
.case-wrapper .case-item:hover .case-content-wrapper,
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper,
.product-wrapper .product-list .product-item .product-item-wrapper:hover .public-more::after
{background-color: #73410F;}
.public-more:hover{background-color: #73410F;}

.team-item{display: flex; width: 100%; padding: 10px 0;}
.team-item a{display: flex; width: 100%; justify-content: center; align-items: center; flex-wrap: wrap; position: relative;}
.team-item-img{display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; overflow: hidden;}
.team-item-img img{width: 100%; transition: 0.3s all;}
.team-content-wrapper{position: absolute; bottom: 20px; opacity: 0; left:10%; right: 10%; height: 0; overflow: hidden; background-color: rgba(0,0,0,0.5); 
 border-radius: 200px; z-index: 1; padding: 0; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
 .team-content-wrapper h3{font-size: 20px; font-weight: 700; line-height: 50px;}
 .team-item:hover  .team-content-wrapper{height: auto;padding: 20px 5%; opacity: 1; }
 .team-item:hover .team-item-img img{transform: scale(1.1);}
 .container img{max-width: 100%;}
 .article-mt{ display: flex; justify-content: center; font-size: 24px; font-weight: bold; align-items: center;}
 .article-mt .iconfont{font-size: 32px; margin-right: 10px; font-weight: 500;}
  .article-mt h3{font-weight: bold;}
.product-list {width: 100%;}
.product-wrapper .product-list .product-item .pic{border-radius: 0 ;}

.product-card{display: flex; width: 100%; flex-wrap: wrap;}
.product-card .card-img{ width: 50%; display: flex; justify-content: center; align-items: center;}
.product-card .card-img img{ width: 100%;}
.product-card .card-body{ width: 50%; padding: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.procontent_zx .product-info-price{background-color: #73410F;}
.nav-pc .menu-dropdown-icon>a::after{content:"+";background-color: transparent ;}
.nav-pc .menu-dropdown-icon>a:hover::after{ color: #73410F!important; }
.card-body h3{font-size: 36px; font-weight: bold; line-height: 50px;}
.procont_ltop{text-align: center;}
.procont_ltop  h2{font-size: 36px; font-weight: bold; line-height: 50px;}
/* .nav-pc .menu>ul>li{position: relative;} */
.nav-pc .menu>ul>li>.sub-menu{top: 100px; border-radius: 8px;}
.nav-pc .menu > ul > li > .sub-menu::before {
  content: ""; /* 必须有 content */
  position: absolute;
  top: -10px; /* 三角形出现在菜单上方 */
  left: 50%; /* 可根据需要调整位置 */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff; /* 向上三角形，颜色为白色 */
  width: 0;
  height: 0;
  margin-left: -10px;
}
.nav-pc .menu>ul>li .sub-menu a{line-height: 25px;}
/* .nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item:hover { background-color: #73410F;} */
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item:hover a{background-color: #73410F; color: #fff;}

.procontent1_l .image-container {
  width: 100%;
  min-width: 600;
  height: 600px;
  position: relative;
  margin: 0 auto; /* 居中显示 */
}

.procontent1_l .image-container img {
  position: absolute;
}

.procontent1_l .img1 {
  top: 100px;
  left: 100px;
  width: 400px;
  height: auto;
}

.procontent1_l .img2 {
  top: 100px;
  left: 130px;
  width: 400px;
  height: auto;
}

.procontent1_l .img3 {
  top: 0px;
  left: 80px;
  width: 120px;
  height: auto;
}

.procont_gg {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 12px;
}

.spec-group {
  display: flex;
  flex-direction: column;
  gap: 10px; margin-top: 20px;
}

.spec-items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.spec-item {
  display: flex;
  flex-direction: column;
  align-items: center; cursor: pointer;
}
.spec-img{  width: 50px; height: 50px;  display: flex;
  flex-direction: column;
  align-items: center; cursor: pointer;
   overflow: hidden ; border-radius: 100px;box-sizing: border-box; padding: 10px; border: 1px solid rgba(0,0,0,0.5);
}
.spec-item:hover .spec-img{border: 1px solid #ff0000;}
.spec-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
}
.spec-item-title {
  text-align: center;
  font-size: 12px;
}
.spec-item span {
  text-align: center;
}

.spec-item.active  .spec-img {
  border: 2px solid #ff0000;
}

.spec-item.active  span{color: #ff0000;}


.nynav{
    width: 120px;
    background-color: #f5f5f5;
    position: fixed;
    top: 30%;
    left: 1%;
    z-index: 9;
    display: flex;   flex-direction: column; align-items: center; box-shadow: 3px 3px 10px rgba(0,0,0,.1);
    border-radius: 6px;
}
.navtit{margin: 20px; cursor: pointer;}
.navtit .iconfont{ 
    font-size: 18px;
    color: #333;
}
.nynavlist{
    width: 100%;
    padding: 0px 10px;
}
.nynavlist ul{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.nynavlist ul li{
    width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .8);
    padding: 10px 0px;
    text-align: center;
}
.nynavlist ul li a{
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    color: #333;
}
.nynavlist ul li:hover,.nynavlist ul li.active{
    background-color: #720000;
}
.nynavlist ul li:hover a,.nynavlist ul li.active a{

    color: #fff;
}
.nynav.off{background-color: transparent; box-shadow: none;  }
.off .navtit .iconfont{color: #720000;}
.off .nynavlist{display: none;}
.banner-pc{height: 100vh;}
.main-slider .swiper-slide .swiper-silde-img{max-height:none}