/* add your custom css */
@media (min-width: 992px) {
  .dropdown-menu.full-dd {
    width: 80vw;                 /* ⭐ 跟随浏览器宽度 */
    left: 50%;
    transform: translateX(-50%);  /* ⭐ 居中对齐 */
    right: auto;
    margin-top: 0;
  }
}
.dropdown-menu-pros {
    padding: 10px 30px;
}
.dropdown-menu-pro {
    width: 19.6%;
 
}

.navbar-nav .style-dd .dropdown-menu .dropdown-item { border:none;}
.dropdown-menu-pros a.dropdown-item {
	-webkit-transition: all 0.5s ease-in-out;
	border:none;
	font-size:13px;
	    display: block;          /* 确保每个 a 标签独占一行 */
    white-space: normal;     /* 默认是 nowrap，需要改成 normal 才会换行 */
    word-wrap: break-word;   /* 遇到长单词或URL自动换行 */
    overflow-wrap: break-word; /* 更现代的写法，也支持长字符串换行 */
	line-height:20px;
	
}
a.dropdown-item:hover{
    -webkit-transform: translateX(10px);}
a.dropdown-item.first {
    font-weight: bolder;
	border-top: 1px solid #ececec;
		font-size:15px;
		min-height:56px;
}
a.dropdown-item.first:hover {
    background: #c09122;
    color: white;
}
.full-dd .cal-to-action{
    padding: 10px 50px 10px;
}

.carousel-item,
.carousel-item img {
    opacity: 1 !important;
    background: none !important;
}
.tab-design-six{ width:100%;}

li.nav-item { width: 20%;}
.blog-design-five-text a h3 { font-size:14px; text-align:center; color:#343a40;}
.blog-design-five-text a h3:hover{ color:#d6a225;}
.white-bg { padding:50px 0;}
.tab-content {margin-top: 30px;}
a.btn.btn-desin-seven.bounceIn.animated { margin: 0 auto;}
.intro-video .intro-video-text h2 {font-size: 3em; text-align:center;}
.intro-video .intro-video-text p{ text-align:center;}
.index-service {margin-top: 5em;}
.index-service #circle {
    font-size: 26px;
    color: #c19225;
    display: inline-flex;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border-left: 5px solid #c19225;
    margin-bottom: 25px;
    font-weight: 600;
}
.index-service h6 { color:white;}
.site-title { margin-bottom:0;}
.breadcrumb { background:none;}


 .big-image {
      width: 100%;
      max-height: 400px;
      object-fit: contain;
      margin-bottom: 10px;
    }

   .thumbnails-wrapper {
 position: relative;
  width: 100%;
  overflow: hidden;
  
}

.thumbnails-inner {
 display: flex;
  transition: transform 0.3s ease;
}

.thumbnail {
 flex: 0 0 auto;   /* 不参与比例计算 */
  padding: 4px;
  box-sizing: border-box;
}
.thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;

  border: 1px solid #c19222;
  border-radius: 4px;
  background: #fff;

  cursor: pointer;
  transition: all 0.2s ease;
    width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  object-fit: contain;
  cursor: pointer;
}

 
.btn-scroll {
  opacity: 0;                 /* 看不见 */
  pointer-events: none;       /* 不可点击 */
  transition: opacity 0.25s ease;

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;

  border: none;
  outline: none;
  box-shadow: none;

  width: 42px;
  height: 100%;
  cursor: pointer;
  z-index: 10;
  width: 42px;
    height: 42px;
    line-height: 42px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

 
    border-radius: 50%;
    opacity: 0;
  
}

.btn-scroll:focus,
.btn-scroll:active,
.btn-scroll:hover {
  outline: none;
  border: none;
  box-shadow: none;
}
.gallery-box:hover .btn-scroll {
  opacity: 1;
  pointer-events: auto;   /* 可点击 */
}

.btn-left { left: 0; }
.btn-right { right: 0; }
.career-cont h1 { font-size:22px; margin-bottom:1.2em;}
.pro-button { margin-top:3rem;}
section#product{ margin-top:5em;}
section#product li.nav-item { width:fit-content;font-size: 20px;
    font-weight: bolder;}
section#product li.nav-item a{ padding:20px 40px;}
section#product .tab-content h3 { font-size:20px;}
.product-detail { margin-bottom:4em;}
.para h1 {
    font-size: 22px;
}
blockquote.blockquote h3{color:#6f6f6f;font-size:1rem; font-weight: normal;}
blockquote.blockquote h3 a{ font-size:0.875rem; font-weight: normal;color:#6f6f6f;}
blockquote.blockquote h3 a:hover {color:#c19222; text-decoration:none;} 
 
.para-content,.para-page,.para-comment { margin-top:40px;}
.recent-post h2 { margin-bottom:25px;}

.image-text {
    display: flex;
    align-items: center;      /* 垂直居中 */
    gap: 15px;                /* 图片和文字间距 */
}

.image-text img {
    width:100px;             /* 或 auto / 百分比 */
    height: auto;
    display: block;
    flex-shrink: 0;           /* 防止图片被压缩 */
}

 
.image-text h3{line-height: 1.3;
    display: block;
    margin-bottom: 0px;
    color: #343a40;

    font-size: 13px}
.recent-post a h3{font-weight:normal;}
.recent-post a h3:hover{ color:#c19222;}
.tag-bg a { border:none; margin-bottom:0;color: #343a40; font-weight:normal;}
.tag-bg a:hover { border:none;}
.blog-design-five-text a h3.text-left {
    font-size: 16px;
}
h3.contact-1 {
    font-size: 20px;
    margin-bottom: 20px;
}
.why-us { margin-top:6em; padding-top:6em;}
.why-us h3,section#team h3,section#history h3,section.white-bg h3 { font-size:16px;}
section#history {
    padding-top: 5em;
}
 
section#team,section#client {
    padding-top: 6em;
}

/* 图片放大模态框开始*/
        .gallery-img {
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 15px;
        }
        .gallery-img:hover {
            opacity: 0.8;
            transform: scale(1.02);
        }
        
        /* 模态框全屏样式 */
        .fullscreen-modal .modal-dialog {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            max-width: none;
        }
        .fullscreen-modal .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
            background-color: rgba(0,0,0,0.9);
        }
        .fullscreen-modal .modal-body {
            padding: 0;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* 图片容器样式 */
        .image-container {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            text-align: center;
        }
        .modal-image {
            max-height: 90vh;
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
        
        /* 导航箭头 */
        .nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 50px;
            cursor: pointer;
            z-index: 1000;
            opacity: 0.5;
            transition: opacity 0.3s;
            text-shadow: 0 0 10px rgba(0,0,0,0.5);
        }
        .nav-arrow:hover {
            opacity: 1;
        }
        .arrow-left {
            left: 20px;
        }
        .arrow-right {
            right: 20px;
        }
        
        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            color: white;
            font-size: 50px;
            opacity: 0.7;
            z-index: 1000;
            cursor: pointer;
            transition: opacity 0.3s;
        }
        .close-btn:hover {
            opacity: 1;
        }
        
        /* 图片标题 */
        .image-title-ce {
            position: absolute;
            top: -45px;
            left: 0;
            right: 0;
            color: white;
            text-align: center;
            font-size: 16px;
            padding: 0px !important;
			padding-top:10px !important;
            background-color: rgba(0,0,0,0.5);
        }
		
/* 图片放大模态框结束*/
section#software h2,section#api h2,section#manuals h2,section.video h2{ text-align:center; margin:2em;}
section#software .software .software-usb { text-align:center; background:#f7f8fa; padding:40px 30px;}
section#software .software .software-usb img,section#api .api-service img,section#manuals .manuals img,section.video .video-pro img{width: auto;}
section#software .software .software-usb h3{ font-size:18px; margin:1.5em;}
section#software .software a.btn.btn-desin-seven.bounceIn.animated,section#api a.btn.btn-desin-seven.bounceIn.animated,section#manuals a.btn.btn-desin-seven.bounceIn.animated,section.video a.btn.btn-desin-seven.bounceIn.animated { margin:0 auto; display:block;width: fit-content; margin-top:2em; width:}
section#api,section.video { background:#f7f8fa; padding:1.5em 0 4em 0; margin-top:4em;}
section#api .api-service,section#manuals .manuals,section.video .video-pro  { text-align:center;}
section#api .api-service img,section#manuals .manuals img,section.video .video-pro img{ margin-bottom:2em;}
.video-pro-2 h3 { font-size:18px;}
section#support-software { background:#f7f8fa; padding-top:3em; } 
section#support-software li.nav-item { width: fit-content; font-size:18px; font-weight:bolder; padding:0 20px;}
.support-software1,.support-software2{ padding-top:4em; padding-bottom:4em; }
#menu222,#menu333,#menu444, #menu555,#menu666 { padding-bottom:3em;}

#menu111 p,#menu222 p,#menu333 p,#menu444 p,#menu555 p,#menu666 p { font-size:16px;} 
.support-software1 { background:white;}
.breadcrumb { margin-bottom:0;}
#menu111 i.fa.fa-download { font-size:18px; padding-right:5px;}  
#menu111 a.btn.btn-desin-seven.bounceIn.animated { margin-top:1.5em;}
.support-app { background:white;padding-top:4em; padding-bottom:4em; }
.img-text-box {
  display: flex;
  align-items: center;   /* 上下居中 */
}

.img-text-box img {
  width: 200px;          /* 按需 */
  margin-right: 15px;
}

.img-text-box .text {
  line-height: 1.6;
}
.support-link { background:white; padding:4em;}
.support-app { padding-left:1em; margin-top:1.5em;}
  .support-link1 { margin-top:1.5em;}
  .support-link1 a{ font-size:16px; }
  .support-link1 p { margin-bottom:0; margin-top:10px;}
  section#manuals { padding-bottom:4em; padding-top:4em;}
   .manuals-list { background:#f7f8fa; padding:30px; margin-top:1.5em;}
    .manuals-list h3{ float:left; font-size:18px; font-weight:normal; line-height:0;}
  .manuals-list span {
    display: block;
    float: right;
	margin-left:5em;
	line-height:0;
}
  .manuals-list span .fa { padding-right:5px;} 
.list-single-content { padding:4em 1em; background:#fff;}
section#list-single h2 {
    margin: 1em auto 0 auto;
    text-align: center;
}
section#lists_videos h2 {
    text-align: center;
    margin: 1.5em;
}
section#lists_videos .tab-design-one { margin:3em 0;}
section#lists_videos li.nav-item { width:fit-content;font-size: 20px;}
section#lists_videos li.nav-item a { padding-left: 30px;padding-right: 30px;}
.lists_videos_content { padding-bottom:4em;}
.lists_videos_content h1 { font-size:18px; margin:3em 0;}
.lists_videos_content iframe { width:80%; height:515px;}
.blog-design-five .blog-design-five-text { padding-left:0;}
section#list-news .blog-design-five .blog-design-five-text { padding-left:30px;}
.list-product-img { padding:15px;}
.list-product-img img { border:1px solid #eee;}
.panel-title { padding:0;}
.accordion-design-four .panel-heading .panel-title{ background:#f7f8fa;}
section#list-products { margin-top:3em;}
 
.content-item {
  display: none;
}

.content-item.active {
  display: block;
}
section#list-products .panel-body{ padding-bottom:5px;}
section#list-products .panel-body a{color:#6f6f6f;}
section#list-products .panel-body a:hover { text-decoration:none; color:#c19222;}
.panel-body.ellipsis-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section#list-products .blog-design-five-text a h3{ text-align:left;}
section#list-products a.btn.btn-desin-seven.bounceIn.animated{ float:right; padding:0; border:none; color:#c19222;}
section#list-products a.btn.btn-desin-seven.bounceIn.animated:hover { background:none;color:#6f6f6f; }
section#list-products .blog-design-five { padding-bottom:2em; padding-right:3em;transition: all ease-in-out .5s; }
section#list-products .blog-design-five:hover { transform: scale(1.03);}
section#view-news,section#industry,section#list-news,section#view-products,section#certificate,section#about-content,section#develop-content { margin-top:4em;}
section#certificate,section#contact,section#develop-content { padding-bottom:4em;}
section#list-industy .feature-box-two { text-align:center;}
section#list-industy .feature-box-two h3 { font-size:18px; margin:1em 0;}
section#list-news h2,section#list-products h2,section#list-industy h2{ text-align:center; margin:1.5em auto;}
section#list-industy { padding-bottom:4em;}
.list-industy-illustrate p { font-size:16px; margin-bottom:2em;}
.list-industy-illustrate p span { font-size:20px; color:#d6a225;}
section#list-industy .feature-box-two {border-radius: 6px;
    box-shadow: 0px 4px 60px rgb(0 0 0 / 0.14);  padding:0;transition: all ease-in-out .5s; margin-bottom:3em;}
	.list-industy-content {background:#f7f8fa; padding:30px;}section#list-industy .feature-box-two:hover {
    transform: scale(1.09);
}
#menu666 .manuals-list span{float:left; margin-left:0; margin-right:5em; font-size:18px;}
#menu666 .manuals-list{ background:none; padding-left:0;}
footer{ padding-top:4em;}
 nav.breadcrumbpost a:first-child::before {
    font-family: "Font Awesome 5 Free";
    content: "\f015";  /* home 图标 */
    margin-right: 1px;
    font-weight: 900;  /* solid */
}
 nav.breadcrumbpost a  {
               /* 改成 / */
    margin: 0 5px;            /* 分隔符左右间距 */
               /* 分隔符颜色 */
    vertical-align: middle;   /* 分隔符垂直居中 */
}
 section#certificate h3 {
    font-size: 18px;
    font-weight: normal;
	margin-bottom:2em;
	text-align:center;
}
.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}
 .navbar-nav .style-dd .dropdown-menu { margin-top:-10px;}
 
 
/* 左侧 panel 默认黑色 */
#accordionFour .panel-heading {
  background: #000;
  padding: 0;
  
}
 
/* 左侧文字 */
#accordionFour .panel-title a {
  display: block;
  color: #c19222;
  text-decoration: none;
  transition: background 0.3s; /* 背景过渡更平滑 */
 padding:15px 10px;
 font-size:14px;
}

 

/* 激活状态  */
#accordionFour .panel.active .panel-title a {
  background: #c19222; /* 红色 */
  color: #fff;
     
}
p { white-space: normal;
  word-wrap: break-word;
  word-break: break-word;}

nav.text-center.pagelist li {
    list-style: none;
	display:inline-block;
	margin-right: 8px;
}
nav.text-center.pagelist li a{
    display: block;
    width: auto;
    padding: 10px 20px;
    border: 1px solid;
    font: normal 16px / 19px "Montserrat", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    vertical-align: middle;
    color: #c19222;
    border-color: #c19222;
}
nav.text-center.pagelist li a:hover {  color: white; background:#c19222; text-decoration:none; }
	nav.text-center.pagelist li.active{
    background:#c19222;}
	nav.text-center.pagelist li.active a{color: white;}
	nav.text-center.pagelist li:hover {border-color: #c19222; text-decoration:none;}
	
	section#list-products .blog-design-five.shadow.mb-4 a:hover {
    text-decoration: none;
}
section#list-products .blog-design-five.shadow.mb-4 h3 { font-size:18px;}
 .blog-design-five .blog-design-five-text { padding:15px 10px;}
 footer.shadow-lg h3 {
    margin-bottom: 1.5em;
}
section#index-news a.btn.btn-desin-seven.bounceIn.animated,section#services a.btn.btn-desin-seven.bounceIn.animated{    margin: 0 auto;
    display: block;
    width: fit-content;
  } 
  section#index-news .heading { margin-bottom:3em;}
  .index-service img {
    width: auto;
	margin-bottom:20px;
}
 .make {
    text-align: center;
} 
.make a:hover{
	text-decoration:none;
}
 section#product .tab-content img { width:auto;}
.tab-content p { margin-bottom:0;}
.career-cont p { margin-bottom:6px; font-size:16px;}
.navbar-nav .style-dd .dropdown-menu .dropdown-item { padding:0.5rem 1.5rem;}
.para-content h2 { font-size:17px;}
.card-img-two:before { display:none;}
.card-img-two { padding:0;}
.blog-design-five-text { min-height:101px;           /* 启用弹性布局 */
    justify-content: center; /* 水平居中（可选，如果不需要可以删掉） */
    align-items: center;     /* 垂直居中 */
   /
    text-align: center; }
	
section#services .feature-box-five { padding:0;}
section#services .feature-box-five h3 { padding:30px;}
section#services .feature-box-five h3 a:hover { text-decoration:none;}
.tab-design-six .nav-tabs .nav-link.active {color: white;
    border-radius: 0px;
    border: none;
    background: #c19222;}
	.tab-design-six .nav-tabs .nav-link{ background:#f7f8fa;}
section#list-products .blog-design-five-text{ display:block;}
.numbered {
    counter-reset: para;
}

.numbered p {
    counter-increment: para;
    position: relative;
    padding-left: 20px;
}

.numbered p::before {
    content: counter(para) ". ";
    position: absolute;
    left: 0;
    top: 0;
}
.tab-design-one .nav-tabs li.nav-item.active {
    color: #ffffff;
    background-color: #c19222;
    border-color: #c19222 #c19222 #fff;
    border-radius: 3px;
}
.tab-design-one .nav-tabs li.nav-item.active a { color: #ffffff;}
 .tab-pane,
.tab-pane.fade {
    transition: none !important;
}

.tab-pane:not(.active){
    display:none!important;
}
.footer-box-one img { border:none;}
.error-message {
    color: red;
    display: none;
    font-size: 0.9em;
}
/* 鎶栧姩鏁堟灉鐨凜SS */
.shake {
    animation: shake 0.5s;
    animation-timing-function: ease-in-out;
}

/* 瀹氫箟鎶栧姩鍔ㄧ敾 */
@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    20%, 60% {
        transform: translateX(-10px);
    }
    40%, 80% {
        transform: translateX(10px);
    }
}
section#list-products .contact-form {
    margin: 3em auto;
}
span.text-yellow {
    margin: 0 5px;
    font-size: 16px;
    font-weight: bolder;
}
.line {
    margin: 3em 0;
}
li.dot {
    line-height: 30px;
}
li.dot span {
    margin-left: 30px;
}
ul.normal-list.text-left {
    margin-bottom: 3em;
}

i.fa.fa-globe {
    font-size: 18px;
    margin-right: 3px;
}
section#client h2 { margin:0 auto 1.5em auto; text-align:center; font-size:3em;}
li.nav-item.dropdown.style-dd { width:100%;}
.blog-design-five-author span { display:block; margin-top:8px;}
.para-content p span {
    color: rgb(14, 16, 26);
}
.blog-design-five-text.list-news h3 {
    font-size: 18px;
}
@media (max-width: 992px) {.dropdown-menu-pro a.dropdown-item { display:none; font-weight:normal; text-align:left;} a.dropdown-item.first { display:block; }.dropdown-menu-pro { display:block; float:left; width:100%;} li.nav-item p {
    display: none;
}
.img-text-box img { width:150px;}
.blog-design-five .blog-design-five-text { padding-left:30px;}
ul.nav.nav-tabs li.nav-item {
    width: 80%;
    margin: 0 auto;
}


}