.i-tabler-chevron-up{--tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15l6-6l6 6'/%3E%3C/svg%3E");-webkit-mask:var(--tw-plugin-icons-url) no-repeat;mask:var(--tw-plugin-icons-url) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em}
body {
  font-family: source-han-sans-simplified-c, sans-serif;
  font-style: normal;
  font-weight: 400;
}
a {
  position: relative;
}

.nav-container span {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.span-active {
  visibility: visible;
  opacity: 1;
}

a:hover span {
  visibility: visible;
  opacity: 1;
}

.glide__bullet {
width: 10px;
height: 10px;
background: white;
opacity: 0.5;
border: none;
}
.glide__bullet--active {
opacity: 1;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.bg-button-y {
  background-image: url('../images/button-y.png');
}
.bg-button-xcfl {
  background-image: url('../images/btn-xcfl.png');
}
.bg-button-gzjh {
  background-image: url('../images/btn-gzjh.png');
}
.custom-background-4 {
  background-color: #B8CF9B;
  background-image: url('../images/right-4-bg.png');
  background-repeat: no-repeat;
  background-position: bottom;
}

.custom-background-1 {
  background-color: #EF8100;
  position: relative;
  overflow: hidden;
}

.custom-background-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: url('../images/cpzx-bg.png'); */
  background-image: url('../images/all-product.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
}
.custom-background-1:hover::before {
  transform: scale(1.1);
}
.custom-background-2 {
  background-color: RGBA(196, 218, 219, 0.8);
  background-image: url('../images/xwzx-bg.png');
  background-repeat: no-repeat;
  background-position: center;
}

.custom-background {
  position: relative;
  overflow: hidden;
}
.custom-background p {
  position: relative;
  z-index: 1;
  color: white;
}
.custom-background:hover::before {
  transform: scale(1.1);
}

.custom-background-solution-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/solution-1.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
}

.custom-background-solution-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/solution-2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
}

.custom-background-news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/news-center-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
}

.custom-background-hr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/hr-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
}

.top-header {
  height: 100px;
}

.top-left {
  width: 40%;
  height: 90px;
}
.top-right {
  width: 60%;
  height: 90px;
}

.w90 {
  width: 90%;
}
.w10 {
  width: 10%;
}
.w85 {
  width: 85%;
}
.w15 {
  width: 15%;
}
.h1 {
  height: 1px;
}
.h2 {
  height: 2px;
}
.h6 {
  height: 6px;
}
.w1 {
  width: 1px;
}
.w3 {
  width: 3px;
}
.bgcolor2 {
  background-color: #F09205;
}
.h100 {
  height: 100px;
}
.minh300 {
  min-height: 300px;
}
.minh400 {
  min-height: 400px;
}
.minh500 {
  min-height: 500px;
}

.langbox a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    margin-left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.langbox a.on {
    color: rgb(255, 255, 255);
    background: #F99403;
    border-color: #F99403;
}

.h5-container {
  display: none;
}

.min-img {
  width: 100%;
  height: auto;
}
.logo {
  width: 70px;
}

.absolute-1024 img {
  width: 80%;
  height: 80%;
}

.bg-breadcrumb-right {
  background-image: url('../images/breadcrumb-right.png');
  background-size: cover; /* 或者使用 cover，根据需要调整 */
  background-position: right;
  background-repeat: no-repeat;
}

.bgcolorF09205 {
  background-color: #F09205;
}
.colorF09205 {
  color: #F09205;
}
.bgcolorF7F7F9 {
  background-color: #F7F7F9;
}
.bgcolorD8D8D8 {
  background-color: #D8D8D8;
}
.bgcolorE6E6E6 {
  background-color: #E6E6E6;
}
.bgcolorF99403 {
  background-color: #F99403;
}
.bgcolorE7AC68 {
  background-color: #E7AC68;
}
.bgcolorB5D266 {
  background-color: #B5D266;
}
.bgcolorC86700 {
  background-color: #C86700;
}
.bgcolor66883B {
  background-color: #66883B;
}

.color232323 {
  color: #232323;
}

.leftmenu {
  color: #505050;
}
.leftmenu-active {
  color: #F09205;;
}
.leftmenu-border {
  position: relative;
}
.leftmenu-border::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10%; /* 使底部边框从 25% 开始 */
  width: 80%; /* 底部边框的宽度为 50% */
  height: 1px; /* 底部边框的高度 */
  background-color: #E6E6E6; /* 底部边框的颜色 */
}

.righttitle-border {
  position: relative;
}
.righttitle-border::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0%; /* 使底部边框从 25% 开始 */
  width: 100%; /* 底部边框的宽度为 50% */
  height: 1px; /* 底部边框的高度 */
  background-color: #F5DFBF; /* 底部边框的颜色 */
}

.second-border {
  position: relative;
}
.second-border::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10%; /* 使底部边框从 25% 开始 */
  width: 80%; /* 底部边框的宽度为 50% */
  height: 1px; /* 底部边框的高度 */
  background-color: #F5DFBF; /* 底部边框的颜色 */
}

.leftmenu-mobile {
  display: none;
}

/* 宽1024 */
@media (max-width: 1024px) {
  .absolute-1024 {
    top: 0;
    position: relative;
    bottom: 0;
    width:100%;
  }
  .absolute-1024-right {
    width:10%;
    right:20px;
  }
  .absolute-1024 img {
    width: auto;
    height: auto;
  }
  .bg-breadcrumb-right {
    background-image: url('../images/breadcrumb-right-sm.png');
  }
}

/* 宽1060 */
@media (max-width: 1060px) {
  .min-img {
    width: 100%;
    height: auto;
  }
}


/* 移动端 */
@media (max-width: 1023px) {
  .minh400 {
    min-height: 150px;
  }
  .logo {
    width: 40px;
  }
  .h5-container {
    height: 60px;
    display: block;
    text-align: right;
  }
  .nav-container {
    display: none;
  }
  .leftmenu-mobile {
    display: block;
  }
  .leftmenu-pc {
    display: none;
  }
  .min-img {
    width: 100%;
    height: auto;
  }
  .top-left {
    width: 90%;
    height: 60px;
  }
  .top-right {
    width: 10%;
    height: 60px;
  }
  .top-header {
    height: 60px;
  }
}
/* 移动端 */
@media (max-width: 600px) {
  .top-left {
    width: 85%;
    height: 60px;
  }
  .top-right {
    width: 15%;
    height: 60px;
  }
}

.search-container {
  display: block;
  position: fixed;
  top: 60px;
  right: 0;
  width: 50%;
  height: auto;
  background-color: #F99403;;
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.search-container.show {
  transform: translateX(0);
  opacity: 1; /* 显示时透明度为 1 */
  visibility: visible; /* 显示时可见 */
}


/* 移动端菜单样式 */
.mobile-menu {
  display: block;
  position: fixed;
  top: 60px;
  right: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  /* background-color: #eacca2; */
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.mobile-menu.show {
  transform: translateX(0);
  opacity: 1; /* 显示时透明度为 1 */
  visibility: visible; /* 显示时可见 */
}

.menu-content {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* justify-content: end; */
  height: 100%;
  padding: 10px;
}

.menu-item {
  display: block;
  padding: 20px;
  font-size: 18px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out;
}

.menu-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; /* 横线高度 */
  background-color: #ef8200;
  transition: width 0.3s ease-in-out;
}

/* .menu-item:hover::after {
  width: 100%; 
}   */

/* 移动端菜单样式 */
.mobile-leftmenu-more {
  display: block;
  position: fixed;
  top: 160px;
  right: 0;
  width: 40%;
  height: auto;
  background-color: #fff;
  /* background-color: #eacca2; */
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.mobile-leftmenu-more.show {
  transform: translateX(0);
  opacity: 1; /* 显示时透明度为 1 */
  visibility: visible; /* 显示时可见 */
}

/* 移动端菜单样式 */
.mobile-leftmenu-more-product {
  display: block;
  position: fixed;
  top: 160px;
  right: 0;
  width: 50%;
  height: auto;
  background-color: #fff;
  /* background-color: #eacca2; */
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.mobile-leftmenu-more-product.show {
  transform: translateX(0);
  opacity: 1; /* 显示时透明度为 1 */
  visibility: visible; /* 显示时可见 */
}



/*分页*/
#c-pagination {
  text-align: center;
}
#c-pagination li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  line-height: 26px;
}
#c-pagination li a {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
  color: #666;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#c-pagination li.active a,#c-pagination li:hover a {
  color: #ef8100;
  border-color: #ef8100;
}
.btn-left {
  border:none;
  border-radius:50%;
  background: rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease;
  z-index: 10;
}
.btn-left::before {
  font-size: 2rem;
  content: '<';
}
.btn-left:hover {
  background: rgba(0, 0, 0, 0.3); /* 更深的背景色 */
}
.btn-right {
  border:none;
  border-radius:50%;
  background: rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease;
  z-index: 10;
}
.btn-right::before {
  font-size: 2rem;
  content: '>';
}
.btn-right:hover {
  background: rgba(0, 0, 0, 0.3); /* 更深的背景色 */
}

.xiangqing-btn {
  z-index: 10;
}

.btn-left-news {
  border:none;
  padding: 0;
  border-radius:50%;
  top:95%;
  left:0;
  background: rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease;
}
.btn-left-news::before {
  content: '<';
}
.btn-left-news:hover {
  background: rgba(0, 0, 0, 0.3); /* 更深的背景色 */
}
.btn-right-news {
  border:none;
  padding: 0;
  border-radius:50%;
  top:95%;
  left:3rem;
  background: rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease;
}
.btn-right-news::before {
  content: '>';
}
.btn-right-news:hover {
  background: rgba(0, 0, 0, 0.3); /* 更深的背景色 */
}

@keyframes rotate360 {
  0% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(90deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  75% {
    transform: rotateY(270deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

.rotate_act i {
  transition: transform 0.5s ease-in-out; /* 添加过渡效果 */
}

.rotate_act:hover i {
  animation: rotate360 0.5s ease-in-out alternate; /* 应用动画 */
}

.hr .c-img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -50px auto 0;
  width: 100px;
  height: 100px;
  border: 2px solid #eee;
  background: #fff;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hr .c-img-box img {
  width: 50px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-list-box{
  box-shadow: 0 1px 50px rgba(0,0,0,.1);
}

li.active .c-title-box {
    color: #F09205;
}

li.active .c-item5 i {
  transition: 0.5s;
}
li.active .c-item5 i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c-text-box .c-btn {
    display: block;
    width: 170px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #F09205;
  }


/* 理念列表 */
#c-idea {
  padding: 95px 0 130px;
  background: #fff;
}
#c-idea .c-list li{
  margin-bottom: 40px;
  padding: 60px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#c-idea .c-list li:last-child {
  margin-bottom: 0;
}
#c-idea .c-list li:nth-child(odd){
  flex-direction:row-reverse;
  background: #fff;
  background: -webkit-linear-gradient(left,#f7f7f7 75%,#fff 75%);
  background: linear-gradient(to right,#f7f7f7 75%,#fff 75%);

}
#c-idea .c-list li:nth-child(even){
  background: #fff;
  background: -webkit-linear-gradient(left,#fff 25%,#f7f7f7 25%);
  background: linear-gradient(to right,#fff 25%,#f7f7f7 25%);
}
#c-idea .c-list .c-img-box {
  width: 50%;
  overflow: hidden;
}
#c-idea .c-list .c-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#c-idea .c-list .c-text-box {
  padding: 0 130px;
  width: 50%;
}
#c-idea .c-list .c-text-box .c-title {
  margin-bottom: 30px;
  font-size: 48px;
  line-height: 58px;
  color: #191919;
  transition: .5s;
}
#c-idea .c-list li:hover .c-text-box .c-title {
  color: #18b0ab;
}
#c-idea .c-list .c-text-box .c-text {
  color: #666;
  line-height: 30px;
  text-align: justify;
}

#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn {
  display: block;
  width: 190px;
  height: 60px;
  text-align: center;
  line-height: 58px;
  border: 1px solid #ddd;
  transition: .5s;
}
/* #c-contact2 .c-list2 .c-left-box .c-text-box .c-btn:hover {
  border-color: #fff;
  background: #F09205;
  color: #fff;
} */
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn .c-img-box{
  margin-right: 20px;
  vertical-align: middle;
  display: inline-block;
  width: 18px;
  height: 18px;
}

#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn .c-img-box img {
  width: 100%;
}

/* #particleCanvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; 
z-index: 10; 
} */
#eventCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto; /* 捕获鼠标事件 */
  z-index: 5; /* 设置较低的 z-index 值 */
  opacity: 1; /* 使 canvas 透明 */
}
.mapContainer {
    height: 400px;
}
.containerBorderTop {
    border-top: 1px solid #F5DFBF;
}
.userContainer img {
    width: 100%;
}
/*.top-header{*/
/*position: fixed;*/
right: 10px; /* 距离右侧10px */
/*width: 100%;*/
/*height: 100px;*/
/*background-color: #f4f4f4;*/
z-index: 1000; /* 确保在顶层显示 */
/*}*/