.gt-theme-btn {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   color: var(--gt-white);
   overflow: hidden;
   transition: 700ms;
   position: relative;
   vertical-align: middle;
   -webkit-appearance: none;
   border: none;
   outline: none !important;
   z-index: 1;
}

.gt-theme-btn i {
   margin-left: 10px;
}

.gt-theme-btn .gt-text-btn {
   font-size: 16px;
   font-weight: 700;
   font-family: "Barlow", sans-serif;
   letter-spacing: 0.5px;
   background-color: var(--gt-theme);
   line-height: 1;
   padding: 19px 24px;
   display: inline-block;
   position: relative;
   overflow: hidden;
   transition: all 700ms ease;
   text-transform: uppercase;
   z-index: 99;
}

.gt-theme-btn .gt-text-btn .gt-text-2 {
   display: inline-block;
}

.gt-theme-btn .gt-text-btn::after {
   content: "";
   width: 0%;
   height: 100%;
   position: absolute;
   top: 0px;
   right: 0px;
   background-color: var(--gt-header);
   z-index: -1;
   transition: all 500ms ease;
}

.gt-theme-btn:hover .gt-text-btn .gt-text-2 {
   animation: slideRight 600ms;
}

.gt-theme-btn:hover .gt-text-btn::after {
   width: 100%;
   left: 0px;
}

.gt-theme-btn.style-2 .gt-text-btn {
   background-color: var(--gt-header);
   color: var(--gt-white);
}

.gt-theme-btn.style-2 .gt-text-btn::after {
   background-color: var(--gt-theme) !important;
}

/* 原有样式 */
nav.navbar.navbar-expand-sm.navbar-fixed::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.2);
   z-index: -1;
}

/* banner */

.gt-breadcrumb-wrapper {
   position: relative;
   overflow: hidden;
   z-index: 9;
   height: 440px;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   /* 控制背景图片的最小高度 */
}

.gt-breadcrumb-wrapper .container {
   padding-top: 54px;
}

.bg-cover {
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   background-position: center;
}

.gt-breadcrumb-wrapper::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
   content: "";
   z-index: -1;
}

.gt-breadcrumb-wrapper .gt-right-shape {
   position: absolute;
   bottom: 0;
   top: 0;
   right: 0;
   z-index: -1;
   display: none;
}

.gt-breadcrumb-wrapper .gt-right-shape img {
   height: 100%;
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li {
   text-shadow: 3px 5px 20px rgba(0, 0, 0, 0.15);
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a {
   color: var(--gt-white);
   transition: all 0.4s ease-in-out;
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover {
   color: var(--gt-theme);
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a i {
   color: var(--gt-theme);
   margin-right: 5px;
}

.gt-breadcrumb-wrapper .gt-page-heading h1 {
   color: var(--gt-white);
   font-size: 72px;
   position: relative;
   text-transform: uppercase;
   z-index: 9;
   font-weight: 600;
   text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
   display: inline-flex;
   justify-content: center;
   margin-top: 20px;
   gap: 10px;
   justify-content: center;
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li {
   color: var(--gt-white);
   text-transform: capitalize;
   font-weight: 400;
   font-size: 16px;
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a {
   color: var(--gt-white);
   transition: all 0.4s ease-in-out;
   text-decoration: none;
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover {
   color: var(--gt-theme);
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a i {
   color: var(--gt-theme);
   margin-right: 5px;
}

.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li i {
   color: var(--gt-white);
}

/* product list */

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items {
   margin-bottom: 30px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .widget-title {
   margin-bottom: 20px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .widget-title h5 {
   font-size: 24px;
   font-weight: 600;

}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single {
   position: relative;
   padding-left: 18px;
   cursor: pointer;
   display: inherit;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single:not(:last-child) {
   margin-bottom: 20px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area .checkmark {
   position: absolute;
   left: 0;
   height: 20px;
   width: 20px;
   top: 5px;
   background-color: var(--gt-bg);
   border-radius: 3px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area .checkmark::after {
   content: "";
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area input:checked~.checkmark {
   background-color: var(--gt-theme);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area input:checked~.checkmark::after {
   content: "\f00c";
   position: absolute;
   font-family: "Font Awesome 6 Pro";
   top: -5px;
   left: 5px;
   color: var(--gt-theme);
   font-size: 11px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area input:checked~.checkmark:after {
   display: block;
   color: var(--gt-white);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .text-color {
   font-weight: 500;
   color: var(--gt-header);
   font-size: 16px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li {
   font-size: 16px;
   font-weight: 400;
   font-family: "Barlow", sans-serif;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 5px 16px;
   background-color: var(--gt-bg);
   transition: all 0.4s ease-in-out;
   border-radius: 0;
   line-height: 1;
   position: relative;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li:not(:last-child) {
   margin-bottom: 15px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li a {
   color: var(--gt-header);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   align-items: center;
   padding: 0 66px 0 16px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li span {
   transition: all 0.4s ease-in-out;
   color: var(--gt-header);
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   background-color: var(--gt-white);
   position: relative;
   z-index: 2;
   margin-left: auto;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li:hover {
   background-color: var(--gt-theme);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li:hover a {
   color: var(--gt-white);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li.active {
   background-color: var(--gt-theme);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li.active a {
   color: var(--gt-white);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li.active span {
   color: var(--gt-white);
   background-color: rgba(255, 255, 255, 0.2);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-catagory-list li.active span i {
   color: var(--gt-white);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li {
   display: flex;
   align-items: center;
   gap: 14px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-thumb {
   overflow: hidden;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-thumb img {
   transform: scale(1.02);
   transition: all 1.5s ease-out;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-content h6 {
   margin-bottom: 3px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-content h6 a {
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   display: inline;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-content h6 a:hover {
   color: var(--gt-theme);
   background-size: 100% 2px;
   background-image: linear-gradient(180deg, var(--gt-theme) 0%, var(--gt-theme) 100%);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li:not(:last-child) {
   margin-bottom: 16px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li:hover .gt-thumb img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}

.section-padding {
   padding: 60px 0;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items {
   margin-bottom: 30px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .widget-title {
   margin-bottom: 20px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .widget-title h5 {
   font-size: 24px;
   font-weight: 600;
   text-transform: uppercase;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single {
   position: relative;
   padding-left: 18px;
   cursor: pointer;
   display: inherit;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single:not(:last-child) {
   margin-bottom: 20px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area .checkmark {
   position: absolute;
   left: 0;
   height: 20px;
   width: 20px;
   top: 5px;
   background-color: var(--gt-bg);
   border-radius: 3px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area .checkmark::after {
   content: "";
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area input:checked~.checkmark {
   background-color: var(--gt-theme);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area input:checked~.checkmark::after {
   content: "\f00c";
   position: absolute;
   font-family: "Font Awesome 6 Pro";
   top: -5px;
   left: 5px;
   color: var(--gt-theme);
   font-size: 11px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .checkbox-area input:checked~.checkmark:after {
   display: block;
   color: var(--gt-white);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-checkbox-items .checkbox-single .text-color {
   font-weight: 500;
   color: var(--gt-header);
   font-size: 16px;
}



.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li {
   display: flex;
   align-items: center;
   gap: 14px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-thumb {
   overflow: hidden;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-thumb img {
   transform: scale(1.02);
   transition: all 1.5s ease-out;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-content h6 {
   margin-bottom: 3px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-content h6 a {
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   display: inline;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li .gt-content h6 a:hover {
   color: var(--gt-theme);
   background-size: 100% 2px;
   background-image: linear-gradient(180deg, var(--gt-theme) 0%, var(--gt-theme) 100%);
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li:not(:last-child) {
   margin-bottom: 16px;
}

.gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .gt-post-list li:hover .gt-thumb img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}

.sticky-style {
   position: sticky !important;
   top: 60px;
}


.gt-shop-notices-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.gt-shop-notices-wrapper .gt-shop-showing {
   display: flex;
   align-items: center;
   gap: 30px;
   justify-content: center;
}

.gt-shop-notices-wrapper .gt-shop-showing .nav {
   display: flex;
   align-items: center;
   gap: 12px;
}

.gt-shop-notices-wrapper .gt-shop-showing .nav .nav-item .nav-link {
   display: inline-block;
   border: 1px solid #BFBFBF;
   background: #F2F2F2;
   width: 40px;
   height: 40px;
   line-height: 37px;
   text-align: center;
   padding: 0;
   color: var(--gt-text);
}

.gt-shop-notices-wrapper .gt-shop-showing .nav .nav-item .nav-link.active {
   background-color: var(--gt-theme);
   border: 1px solid var(--gt-theme);
   color: var(--gt-white);
}

.gt-shop-notices-wrapper .form .single-select {
   padding: 16px 20px;
   border: none;
   font-size: 16px;
   font-weight: 400;
   outline: none;
   line-height: 1;
   height: initial;
   border: 1px solid #BFBFBF;
   background: #F2F2F2;
   color: var(--gt-header);
   border-radius: 0;
}

.gt-shop-notices-wrapper .form .single-select::after {
   right: 20px;
   border-bottom: 2px solid var(--gt-header);
   border-right: 2px solid var(--gt-header);
   margin-top: -5px;
   width: 8px;
   height: 8px;
}

.gt-shop-notices-wrapper .form .single-select .option {
   color: var(--gt-text);
}

.gt-shop-notices-wrapper .form .list {
   width: 100%;
}

.gt-shop-notices-wrapper .form-clt {
   max-width: 300px;
   width: 100%;
}


.gt-shop-card-items.bg-style {
   background-color: #f7f8f9;
}

.gt-shop-card-items {
   margin-top: 30px;
   background-color: #FCFCFC;
}

.gt-shop-card-items .gt-shop-image {
   position: relative;
   overflow: hidden;
   padding: 15px;
}

.gt-shop-card-items .gt-shop-image img {
   width: 100%;
   height: 100%;
   transform: scale(1.02);
   transition: all 1.5s ease-out;
}

.gt-shop-card-items .gt-shop-content {
   padding: 5px 15px 25px 15px;
}

.gt-shop-inner-wrapper .gt-shop-card-items .gt-shop-content h3 {
   font-size: 18px;
   font-weight: 400;
}


.gt-shop-inner-wrapper .gt-shop-card-items .gt-shop-content h3 a {
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   display: inline;
   word-break: break-all;
}

.gt-shop-inner-wrapper .gt-shop-card-items .gt-shop-content h3 a:hover {
   color: var(--gt-theme);
   background-size: 100% 2px;
   background-image: linear-gradient(180deg, var(--gt-theme) 0%, var(--gt-theme) 100%);
}

.gt-shop-card-items:hover .gt-shop-image img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}

.gt-shop-card-items.bg-style {
   background-color: #F2F2F2;
}

.gt-page-nav-wrap {
   display: flex;
   align-items: center;
   gap: 10px;
   justify-content: center;
}

.gt-page-nav-wrap span.page-num {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   background: transparent;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
   color: var(--gt-header);
   border: 1px solid transparent;
}

.gt-page-nav-wrap a.page-num {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   background: transparent;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
   color: var(--gt-header);
   background-color: var(--gt-bg);
   border: 1px solid transparent;
}

.gt-page-nav-wrap a.page-num.page-num-current,
.gt-page-nav-wrap a.page-num.active {
   background-color: var(--gt-theme);
   color: var(--gt-white);
}

.gt-page-nav-wrap a.page-num i {
   margin-top: 2px;
}

.gt-page-nav-wrap a.page-num:hover {
   background-color: var(--gt-theme);
   color: var(--gt-white);
}


/* product detail */

.gt-shop-details-wrapper .gt-shop-details-image {
   position: relative;
   overflow: hidden;
   z-index: 1;
}

.gt-shop-details-wrapper .gt-shop-details-image img {
   width: 100%;
   height: 100%;
}

.gt-shop-details-wrapper .gt-shop-details-content {
   margin-left: 40px;
   margin-top: 20px;
   position: relative;
   z-index: 10;
}

.gt-shop-details-wrapper .gt-shop-details-content h6 {
   font-size: 16px;
}

.gt-shop-details-wrapper .gt-shop-details-content h6 span {
   color: var(--gt-text);
   font-family: "Inter", sans-serif;
}

.gt-shop-details-wrapper .gt-shop-details-content h2 {
   font-size: 36px;
   margin-top: 15px;
}

.gt-shop-details-wrapper .gt-shop-details-content .gt-list-items {
   margin-top: 25px;
}

.gt-shop-details-wrapper .gt-shop-details-content .gt-list-items li {
   font-size: 14px;
   font-family: "Barlow", sans-serif;
   font-weight: 600;
}

.gt-shop-details-wrapper .gt-shop-details-content .gt-list-items li:not(:last-child) {
   margin-bottom: 10px;
}

.gt-shop-details-wrapper .gt-shop-details-content .gt-list-items li span {
   color: var(--gt-header);
   display: block;
   font-size: 16px;
}

.gt-shop-details-wrapper .gt-shop-tab-area {
   margin-top: 100px;
}

.gt-shop-details-wrapper .gt-shop-tab-area .nav {
   justify-content: center;
   border-bottom: 1px solid #E5E5E5;
   padding-bottom: 20px;
}

.gt-shop-details-wrapper .gt-shop-tab-area .nav .nav-item .nav-link {
   font-size: 18px;
   color: var(--gt-header);
   font-weight: 500;
   position: relative;
}

.gt-shop-details-wrapper .gt-shop-tab-area .nav .nav-item .nav-link.active {
   color: var(--gt-theme);
}

.gt-shop-details-wrapper .gt-shop-tab-area .nav .nav-item .nav-link.active::before {
   position: absolute;
   bottom: -21px;
   left: 0;
   height: 2px;
   width: 100%;
   content: "";
   background: var(--gt-theme);
   transition: 0.3s;
}

.gt-shop-details-wrapper .gt-shop-tab-area .tab-content {
   padding-top: 30px;
}

.gt-shop-details-wrapper .gt-shop-tab-area .tab-content .tab-pane p {
   font-size: 16px;
   margin-bottom: 20px;
}

.gt-shop-details-wrapper .gt-shop-tab-area .tab-content img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
}

.gt-section-title {
   position: relative;
   z-index: 99;
   margin-bottom: 30px;
}

.gt-section-title h6 {
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.5px;
   line-height: 1;
   color: var(--gt-theme);
   font-family: "Barlow", sans-serif;
   position: relative;
   display: inline-block;
   margin-bottom: 15px;
   text-transform: uppercase;
}

.gt-section-title h6.gt-style-3 {
   border: 1px solid var(--gt-theme);
   padding: 8px 16px;
   display: inline-block;
   border-radius: 100px;
}

.gt-section-title h6.gt-style-4 {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 0;
}

.gt-section-title h6.gt-style-4::after {
   display: none;
}

.gt-section-title h6.gt-style-4::before {
   display: none;
}

.gt-section-title h6.gt-style-5 {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 0;
   color: var(--gt-theme);
}

.gt-section-title h6.gt-style-5::after {
   display: none;
}

.gt-section-title h6.gt-style-5::before {
   display: none;
}

.gt-section-title h2 {
   text-transform: uppercase;
}

.gt-shop-box-items {
   margin-top: 30px;
   background-color: var(--gt-white);
   position: relative;
   z-index: 9;
}

.gt-shop-box-items::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   border-top: 1.5px solid var(--gt-theme);
   border-left: 1.5px solid var(--gt-theme);
   transition: 0.5s;
   opacity: 0;
   visibility: hidden;
   transform: initial;
   z-index: -1;
}

.gt-shop-box-items::after {
   position: absolute;
   content: "";
   bottom: 0;
   right: 0;
   width: 0;
   height: 0;
   border-bottom: 1.5px solid var(--gt-theme);
   border-right: 1.5px solid var(--gt-theme);
   transition: 0.5s;
   opacity: 0;
   visibility: hidden;
   z-index: -1;
}

.gt-shop-box-items .gt-shop-image {
   overflow: hidden;
   position: relative;
   background-color: var(--gt-bg);
}

.gt-shop-box-items .gt-shop-image.style-2 {
   background-color: initial;
}

.gt-shop-box-items .gt-shop-image img {
   width: 100%;
   height: 100%;
   padding: 20px;
   transform: scale(1.02);
   transition: all 1.5s ease-out;
}

.gt-shop-box-items .gt-shop-content {
   padding: 24px;
}

.gt-shop-box-items .gt-shop-content h3 {
   margin-bottom: 8px;
}

.gt-shop-box-items .gt-shop-content h3 a {
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   display: inline;
}

.gt-shop-box-items .gt-shop-content h3 a:hover {
   color: var(--gt-theme);
   background-size: 100% 2px;
   background-image: linear-gradient(180deg, var(--gt-theme) 0%, var(--gt-theme) 100%);
}

.gt-shop-box-items .gt-shop-content::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   border-top: 1.5px solid var(--gt-theme);
   border-left: 1.5px solid var(--gt-theme);
   transition: 0.5s;
   opacity: 0;
   visibility: hidden;
   transform: initial;
}

.gt-shop-box-items .gt-shop-content::after {
   position: absolute;
   content: "";
   bottom: 0;
   right: 0;
   width: 0;
   height: 0;
   border-bottom: 1.5px solid var(--gt-theme);
   border-right: 1.5px solid var(--gt-theme);
   transition: 0.5s;
   opacity: 0;
   visibility: hidden;
}

.gt-shop-box-items:hover::after {
   width: 100%;
   height: 100%;
   visibility: visible;
   opacity: 1;
}

.gt-shop-box-items:hover::before {
   width: 100%;
   height: 100%;
   visibility: visible;
   opacity: 1;
   transform: initial;
   transform-origin: initial;
}

.gt-shop-box-items:hover .gt-shop-image img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}

.gt-shop-box-items.style-3::before {
   display: none;
}

.gt-shop-box-items.style-3::after {
   display: none;
}

.gt-shop-box-items.style-3 .gt-shop-content {
   padding: 0;
   margin-top: 20px;
}

/* 产品详情页图片展示样式 */
.gt-product-gallery {
   position: relative;
}

.gt-product-main-image {
   position: relative;
   margin-bottom: 15px;
   background-color: #f8f8f8;
   padding: 20px;
   border-radius: 4px;
}

.gt-product-zoom-container {
   position: relative;
   cursor: crosshair;
   width: 100%;
   min-height: 400px;
}

.gt-product-zoom-container img {
   display: block;
   max-width: 100%;
   height: auto;
}

/* 放大镜样式 - 降低z-index确保导航栏在顶层 */
.zoom-lens {
   position: absolute;
   border: 2px solid #ddd;
   background-color: rgba(255, 255, 255, 0.4);
   display: none;
   z-index: 999;
}

/* 放大结果显示区域 - 降低z-index确保导航栏在顶层 */
.zoom-result {
   position: absolute;
   top: 0;
   left: 100%;
   width: 400px;
   height: 400px;
   border: 1px solid #ddd;
   background-color: white;
   background-repeat: no-repeat;
   display: none;
   z-index: 999;
   background-size: auto;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   overflow: hidden;
   margin-left: 20px;
   transform: translateY(0);
   pointer-events: none;
   max-width: 100vw;
   max-height: 100vh;
}

/* 缩略图区域样式 */
.gt-product-thumbnails {
   position: relative;
   margin-top: 15px;
}

.thumbnails-wrapper {
   display: flex;
   overflow-x: auto;
   scrollbar-width: thin;
   scrollbar-color: #ccc #f5f5f5;
   padding: 5px 0;
   gap: 10px;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.thumbnails-wrapper::-webkit-scrollbar {
   display: none;
}

.thumbnail-item {
   flex: 0 0 auto;
   width: 100px;
   height: 100px;
   cursor: pointer;
   border: 2px solid transparent;
   transition: all 0.3s ease;
   border-radius: 4px;
   overflow: hidden;
}

.thumbnail-item:hover {
   border-color: #FF6E00;
}

.thumbnail-item.active {
   border-color: #FF6E00;
   background-color: #f0f8ff;
}

.thumbnail-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease;
}

.thumbnail-item:hover img {
   transform: scale(1.05);
}

/* 缩略图滚动按钮 - 降低z-index确保导航栏在顶层 */
.thumbnail-prev,
.thumbnail-next {
   position: absolute;
   transform: translateY(-50%);
   background-color: rgba(255, 255, 255, 0.9);
   border: 1px solid #ddd;
   border-radius: 50%;
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 999;
   transition: all 0.3s ease;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.thumbnail-prev:hover,
.thumbnail-next:hover {
   background-color: #fff;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.thumbnail-prev {
   left: -18px;
}

.thumbnail-next {
   right: -18px;
}

.thumbnail-prev i,
.thumbnail-next i {
   color: #666;
   font-size: 16px;
}

/* 产品图库容器 */
.gt-gallery-container {
   display: flex;
   gap: 15px;
   align-items: flex-start;
   position: relative;
}

/* 视频缩略图样式 */
.video-thumbnail {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background-color: #f5f5f5;
   position: relative;
   overflow: hidden;
}

.video-thumbnail i {
   font-size: 24px;
   color: #FF6E00;
   margin-top: 8px;
}

.video-thumbnail span {
   font-size: 12px;
   color: #666;
   font-weight: 500;
}

/* 缩略图激活状态 */
.thumbnail-item.active .video-thumbnail {
   background-color: #fff5ee;
}

.thumbnail-item.active .video-thumbnail i {
   color: #FF6E00;
}

/* 视频播放器样式 */
.product-video {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: none;
   /* 默认隐藏，由JavaScript控制显示 */
   z-index: 10;
}

.product-video video {
   width: 100%;
   height: 100%;
   object-fit: contain;
   border-radius: 4px;
}

/* 自定义播放按钮样式 */
.custom-play-button {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 80px;
   height: 80px;
   background-color: rgba(0, 0, 0, 0.3);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 20;
   transition: all 0.3s ease;
   backdrop-filter: blur(3px);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.custom-play-button:hover {
   background-color: rgba(0, 0, 0, 0.5);
   transform: translate(-50%, -50%) scale(1.1);
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.custom-play-button i {
   color: white;
   font-size: 32px;
}

/* 视频播放时隐藏播放按钮 */
.product-video.video-playing .custom-play-button {
   display: none;
}

/* 缩略图列表 - 垂直排列 */
.gt-product-thumbnails {
   width: 80px;
   /* 高度将由JavaScript动态设置 */
   position: relative;
   margin: 0 !important;
   display: flex;
   flex-direction: column;
}

/* 缩略图滚动容器 - 垂直滚动 */
.thumbnails-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px;
   /* 高度将由JavaScript动态设置 */
   overflow-y: auto;
   overflow-x: hidden;
   padding: 5px;
   scroll-behavior: smooth;
   flex: 1;
}

/* 缩略图项 - 正方形 */
.thumbnail-item {
   width: 70px;
   height: 70px;
   aspect-ratio: 1/1;
   cursor: pointer;
   border: 2px solid #ddd;
   transition: border-color 0.3s;
   flex-shrink: 0;
}

.thumbnail-item:hover,
.thumbnail-item.active {
   border-color: #FF6E00;
}

.thumbnail-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* 缩略图导航按钮 - 上下方向，固定在顶部和底部 */
.thumbnail-prev,
.thumbnail-next {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   width: 30px;
   height: 30px;
   background-color: rgba(255, 255, 255, 0.9);
   border: 1px solid #ddd;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 10;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   transition: all 0.3s;
}

.thumbnail-prev {
   top: -15px;
   margin-top: 0;
}

.thumbnail-next {
   bottom: -15px;
   margin-bottom: 0;
}

.thumbnail-prev:hover,
.thumbnail-next:hover {
   background-color: #fff;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.thumbnail-prev i,
.thumbnail-next i {
   font-size: 12px;
   color: #333;
}

/* 主图展示区域 - 正方形 */
.gt-product-main-image {
   flex: 1;
   position: relative;
}

.gt-product-zoom-container {
   position: relative;
   width: 100%;
   aspect-ratio: 1/1;
   border: 1px solid #eee;
}

.gt-product-zoom-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* 自定义滚动条样式 */
.thumbnails-wrapper::-webkit-scrollbar {
   width: 6px;
}

.thumbnails-wrapper::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 3px;
}

.thumbnails-wrapper::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 3px;
}

.thumbnails-wrapper::-webkit-scrollbar-thumb:hover {
   background: #555;
}

/* news list */
.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 {
   margin-bottom: 40px;
   padding: 20px;
   background-color: var(--gt-bg);
   display: flex;
   align-items: flex-start;
   gap: 24px;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image {
   overflow: hidden;
   flex: 0 0 300px;
   background-color: var(--gt-white);
   width: 300px;
   height: 200px;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content {
   flex: 1;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1);
   transition: all 1.5s ease-out;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list {
   display: flex;
   align-items: center;
   gap: 20px;
   margin: 5px 0 20px;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list li {
   display: flex;
   align-items: center;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list li i {
   margin-right: 10px;
   font-size: 16px;
   line-height: 1;
}

/* 新闻详情页日期样式 */
.gt-news-details-content .gt-date-list {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 5px 0 20px;
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 15px;
}

.gt-news-details-content .gt-date-list li {
   display: flex;
   align-items: center;
}

.gt-news-details-content .gt-date-list li i {
   margin-right: 10px;
   font-size: 16px;
   line-height: 1;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 {
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: 400;
   margin-top: 0;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 a {
   background-position: 0 95%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   display: inline;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 a:hover {
   color: var(--gt-theme);
   background-size: 100% 2px;
   background-image: linear-gradient(180deg, var(--gt-theme) 0%, var(--gt-theme) 100%);
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-link-btn {
   display: inline-block;
   letter-spacing: 0.5px;
   font-size: 14px;
   font-weight: 400;
   font-family: "Barlow", sans-serif;
   color: var(--gt-header);
   z-index: 9;
   text-transform: uppercase;
   margin-top: 10px;
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-link-btn i {
   margin-right: 8px;
   color: var(--gt-theme);
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   background-color: var(--gt-theme);
   display: inline-block;
   color: var(--gt-white);
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-link-btn:hover {
   color: var(--gt-theme);
}

.gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4:hover .gt-news-image img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}

.gt-main-sideber .gt-single-sideber-widget {
   margin-bottom: 40px;
   background-color: var(--gt-bg);
   padding: 30px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form {
   width: 100%;
   position: relative;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input {
   background-color: var(--gt-white);
   font-size: 18px;
   font-weight: 400;
   padding: 16px 20px;
   width: 100%;
   border: none;
   color: var(--gt-text);
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button {
   position: absolute;
   right: -2px;
   top: 0;
   width: 58px;
   border-radius: 8px;
   font-size: 18px;
   height: 100%;
   background-color: var(--gt-theme);
   color: var(--gt-white);
   text-align: center;
   transition: all 0.3s ease-in-out;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button:hover {
   background-color: var(--gt-header);
}

.gt-main-sideber .gt-single-sideber-widget .gt-widget-title {
   border-bottom: 1.5px solid rgba(191, 191, 191, 0.24);
   padding-bottom: 16px;
   margin-bottom: 30px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
   font-size: 24px;
   margin-top: 0;
}

.gt-main-sideber .gt-single-sideber-widget ul li {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 16px;
   font-weight: 400;
   color: var(--gt-header);
   transition: all 0.4s ease-in-out;
   border-radius: 0;
}

.gt-main-sideber .gt-single-sideber-widget ul li a {
   color: var(--gt-header);
}

.gt-main-sideber .gt-single-sideber-widget ul li i {
   transition: all 0.4s ease-in-out;
   color: var(--gt-header);
}

.gt-main-sideber .gt-single-sideber-widget ul li:not(:last-child) {
   margin-bottom: 20px;
}

.gt-main-sideber .gt-single-sideber-widget ul li:hover a {
   color: var(--gt-theme);
}

.gt-main-sideber .gt-single-sideber-widget ul li:hover i {
   color: var(--gt-theme);
}

.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items {
   display: flex;
   align-items: center;
   gap: 20px;
}

/* 使用Bootstrap样式调整Recent Post中的图片与文字比例为3:7 */
.gt-recent-items {
   display: flex;
   align-items: flex-start;
   gap: 15px;
}

.gt-recent-items .gt-recent-thumb {
   flex: 0 0 30%;
   /* 图片区域占30% */
   max-width: 30%;
}

.gt-recent-items .gt-recent-content {
   flex: 0 0 65%;
   /* 文字区域占65%，留出5%作为间距 */
   max-width: 65%;
}

.gt-recent-items .gt-recent-thumb img {
   /* Bootstrap响应式图片样式 */
   max-width: 100%;
   width: 100%;
   height: 80px;
   /* 设置固定高度 */
   object-fit: cover;
   display: block;
}

/* 轮播图样式 */
.carousel {
   margin-bottom: 2rem;
   overflow: hidden;
}

/* 保持图片原始宽高比例，使容器与图片宽度一致 */
.carousel-item {
   position: relative;
   display: none;
   /* 默认隐藏所有轮播项 */
   justify-content: center;
   align-items: center;
   width: 100%;
   /* 确保宽度正确 */
   /* 移除padding-top，改为自适应内容高度 */
}

/* 只显示活动状态的轮播项 */
.carousel-item.active {
   display: flex;
}

.carousel-item {
   position: relative;
   display: none;
   /* 默认隐藏所有轮播项 */
   justify-content: center;
   align-items: center;
   width: 100%;
   /* 确保宽度正确 */
   /* 移除max-height限制，让图片完整显示 */
}

/* 只显示活动状态的轮播项 */
.carousel-item.active {
   display: flex;
}

.carousel-item img {
   /* 设置相对定位，确保填充容器 */
   max-width: 100%;
   width: 100%;
   /* 移除固定高度，让图片按原始比例显示 */
   height: auto;
   object-fit: contain;
   /* 保持宽高比，完整显示图片 */
   display: block;
}

.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items:not(:last-child) {
   margin-bottom: 20px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content h5 {
   margin-bottom: 5px;
   font-weight: 600;
   font-size: 16px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content h5 a:hover {
   color: var(--gt-theme);
}

.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content ul li {
   color: var(--gt-text);
}

/* news details */
.gt-news-details-wrapper .gt-details-image img {
   width: 100%;
   height: 100%;
}

.gt-shop-inner-wrapper .gt-news-details-content h3 {
   font-size: 24px;
   font-weight: 800;
   margin-bottom: 30px;
   color: var(--gt-theme);
}

.gt-shop-inner-wrapper .gt-news-details-content .text-center {
   margin-bottom: 10px;
}

.gt-shop-inner-wrapper .gt-news-details-content .news-text {
   font-size: 14px;
}

.gt-shop-inner-wrapper .gt-news-details-content .news-text img {
   max-width: 100%;
}

/* 联系我们 */
.contact-info-items {
   display: flex;
   gap: 20px;
}

.contact-info-items .icon {
   width: 56px;
   height: 56px;
   line-height: 56px;
   background: var(--gt-theme);
   text-align: center;
   color: var(--gt-white);
   font-size: 20px;
   transition: all 0.4s ease-in-out;
}

.contact-info-items .icon:hover {
   background-color: var(--gt-header);
}

.contact-info-items .content h4 {
   color: var(--gt-header);
   margin-bottom: 5px;
   font-size: 20px;
   font-weight: 600;
}

.contact-info-items .content h6 {
   font-size: 16px;
   font-weight: 400;
   font-family: "Inter", sans-serif;
   color: var(--gt-text);
   line-height: 150%;
}

.contact-info-items .content h6 a {
   color: var(--gt-text);
   text-transform: none;
}

.contact-text-body {
   margin: 0 auto;
   width: 80%;
   text-align: center;
   line-height: 1.8;
   padding-top: 30px;
   font-size: 16px;
}

.gt-map-items .googpemap iframe {
   width: 100%;
   height: 500px;
}

/* 产品分类箭头样式 */
.gt-catagory-list li span {
   display: flex;
   align-items: center;
   justify-content: center;
}

.gt-catagory-list li span i.lnr.lnr-icon-chevron-right {
   font-size: 16px;
   color: var(--gt-text);
}

/* 分页导航图标样式 */
.gt-page-nav-wrap ul li a.gt-page-numbers i.lnr {
   font-size: 16px;
   color: var(--gt-header);
   display: flex;
   align-items: center;
   justify-content: center;
   transition: color 0.3s ease-in-out;
}

.gt-page-nav-wrap ul li a.gt-page-numbers:hover i.lnr {
   color: var(--gt-white);
}

/* franchise */
.gt-contact-us-wrapper {
   position: relative;
}

.gt-contact-us-wrapper h2 {
   font-size: 48px;
   margin-bottom: 48px;
   text-align: center;
}

.gt-contact-us-wrapper .form-clt span {
   color: var(--gt-header);
   display: inline-block;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight: 600;
   font-family: "Barlow", sans-serif;
}

.gt-contact-us-wrapper .form-clt input,
.gt-contact-us-wrapper .form-clt textarea {
   width: 100%;
   outline: none;
   border: none;
   background-color: var(--gt-white);
   padding-bottom: 20px;
   padding: 16px 20px;
   transition: all 0.4s ease-in-out;
   color: var(--gt-text);
   font-size: 16px;
}

.gt-contact-us-wrapper .form-clt input::placeholder,
.gt-contact-us-wrapper .form-clt textarea::placeholder {
   color: var(--gt-text);
}

.gt-contact-us-wrapper .form-clt textarea {
   padding-bottom: 80px;
   resize: none;
}

.gt-contact-us-wrapper .contact-btn {
   text-align: center;
}

.gt-contact-us-wrapper .contact-btn button.gt-theme-btn {
   justify-content: center;
}

.gt-contact-us-wrapper .contact-btn button.gt-theme-btn .gt-icon-btn {
   background-color: var(--gt-header);
}

.gt-contact-us-wrapper .contact-btn button.gt-theme-btn .gt-icon-btn::after {
   background-color: var(--gt-theme);
}

.gt-contact-us-wrapper .contact-btn {
   text-align: center;
}

.gt-contact-us-wrapper .contact-btn button.gt-theme-btn {
   justify-content: center;
}

.gt-contact-us-wrapper .contact-btn button.gt-theme-btn .gt-icon-btn {
   background-color: var(--gt-header);
}

.gt-contact-us-wrapper .contact-btn button.gt-theme-btn .gt-icon-btn::after {
   background-color: var(--gt-theme);
}

/* 百度地图信息窗口样式 */
.bmap-info-window {
   padding: 12px;
   border-radius: 8px;
   background: #fff;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.bmap-info-header {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.bmap-info-header h4 {
   margin: 0;
   color: #333;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.3;
}

.bmap-info-address {
   display: flex;
   align-items: flex-start;
   color: #666;
   font-size: 12px;
   line-height: 1.4;
}

.bmap-info-address svg {
   margin-right: 6px;
   flex-shrink: 0;
   margin-top: -2px;
}

.bmap-info-address span {
   word-wrap: break-word;
}

/* html */
.aboutus {
   line-height: 1.8rem;
   font-size: 16px;
   padding-bottom: 30px;
}

.aboutus p {
   text-indent: 2em;
}

.aboutus span {
   color: var(--gt-theme);
   font-weight: 500;
}

.aboutus img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
   height: auto;
}

.aboutus dt,
.customer dt {
   width: 80%;
   margin: 0 auto;
   font-size: 18px;
   font-weight: 400;
   margin-top: 20px;
   background-color: var(--gt-theme);
   color: var(--gt-white);
   border-radius: 8px;
   margin-bottom: 10px;
   text-align: center;
}

.aboutus dt a,
.customer dt a {
   display: block;
   width: 100%;
   padding: 10px 0;
   font-size: 18px;
   border-radius: 8px;
   line-height: 1.8rem;
   color: var(--gt-white);
}

.aboutus dt a:hover,
.customer dt a:hover {
   background-color: var(--gt-header);
}

/*-----------------------------------------------
	:: 36.0 Video Link Button
-----------------------------------------------*/
.video-link-container {
   margin: 20px 0;
   text-align: center;
}

.video-link-btn {
   display: inline-block;
   background: linear-gradient(135deg, #FF6E00 0%, #FF8C42 100%);
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 8px 20px rgba(255, 110, 0, 0.3);
   transition: all 0.3s ease;
   text-decoration: none;
   position: relative;
}

.video-link-btn:hover {
   transform: translateY(-5px);
   box-shadow: 0 12px 25px rgba(255, 110, 0, 0.4);
   text-decoration: none;
}

.video-link-btn::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
   transition: left 0.5s;
}

.video-link-btn:hover::before {
   left: 100%;
}

.video-link-content {
   display: flex;
   align-items: center;
   padding: 20px;
   color: white;
}

.video-icon {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 20px;
}

.video-icon i {
   font-size: 24px;
   color: white;
   padding: 15px;
   background-color: rgba(255, 255, 255, 0.2);
   border-radius: 50%;
   transition: all 0.3s ease;
}

.video-link-btn:hover .video-icon i {
   background-color: rgba(255, 255, 255, 0.3);
   transform: scale(1.1);
}

.video-text {
   text-align: left;
}

.video-text h4 {
   color: white;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 5px;
}

.video-text span {
   color: rgba(255, 255, 255, 0.9);
   font-size: 14px;
   margin: 0;
}

/* 信件样式 */
.speech-letter {
   border: 2px solid var(--gt-bg);
   border-radius: 8px;
   padding: 30px;
   margin: 20px 0;
   position: relative;
}

.speech-letter h3 {
   font-size: 20px;
   margin-top: 0;
   font-weight: 600;
   margin-bottom: 20px;
   text-align: center;
   color: var(--gt-theme);
   position: relative;
}

.speech-letter h3::after {
   content: "";
   position: absolute;
   top: 45px;
   left: 0px;
   right: 0px;
   height: 1px;
   background-color: var(--gt-theme);
}

.speech-letter p {
   text-indent: 2em;
   line-height: 1.8;
   font-size: 16px;
   color: var(--gt-text);
}

/* 总裁签名和照片样式 */
.speech-signature {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;
   justify-content: center;
}

.speech-photo {
   width: 280px;
   height: auto;
   object-fit: cover;
   border-radius: 5px;
   overflow: hidden;
}

.speech-signature-img {
   display: flex;
   flex-direction: column;
   height: auto;
   justify-content: end;
   padding-left: 10px;
}

.speech-signature-img img {
   width: 120px;
   height: auto;
   margin-left: 0;
   margin-bottom: 10px;
}

.speech-position {
   font-size: 16px;
   text-align: left;
   font-weight: 600;
   display: block;
   width: 100%;
   color: var(--gt-text);
   line-height: 1.4;
}

.project-image-items {
   margin-top: 30px;
}

.project-image-items .project-image {
   position: relative;
   display: block;
   overflow: hidden;
   background-color: var(--gt-border);
   border: 15px solid var(--gt-border);
}

.project-image-items .project-image img {
   width: 100%;
   height: 100%;
   transition: 0.5s ease;
   transform: scale(1);
}

.project-image-items .project-image .project-content {
   position: absolute;
   right: 10px;
   bottom: 10px;
   padding: 8px;
   font-size: 16px;
   background-color: rgba(255, 110, 0, 0.8);
   overflow: hidden;
   -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
   -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
   transform: perspective(400px) rotateX(0deg) scaleY(1);
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
   z-index: 2;
   display: inline-block;
   width: auto;
}

.project-image-items .project-image .project-content .content-box h3 {
   font-size: 16px;
   color: var(--gt-white);
   font-weight: 300;
   margin: 0;
}

.project-image-items .project-image .honor-content {
   padding: 20px 0 10px 0;
   min-height: 94.13px;
}

.about-item-list .project-image .honor-content {
   padding: 20px 0 10px 0;
   min-height: auto;
}

.project-image-items .project-image .honor-content .content-box h3 {
   font-size: 16px;
   color: var(--gt-text);
   font-weight: 300;
   margin: 0;
}

.project-image-items .project-image .honor-content .content-box p {
   font-size: 14px;
   color: var(--gt-text);
   font-weight: 300;
   margin-bottom: 10px;
   min-height: 42px;
   line-height: 21px;
   display: flex;
   align-items: center;
}

.project-image-items:hover .project-image img {
   transform: scale(1.05);
}

/* .project-image-items:hover .project-image .project-content {
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  opacity: 0;
  transition: all 0.5s ease;
} */

/* 为environment容器添加必要的样式 */
.environment {
   position: relative;
   width: 100%;
   margin-bottom: 25px;
}

.environment .project-image {
   position: relative;
   overflow: hidden;
}

.environment .project-image img {
   width: 100%;
   height: auto;
   display: block;
}

.brand-content img {
   width: 100%;
   height: auto;
   display: block;
}

.brand-content img.brand-logo {
   width: 80%;
   height: auto;
   display: block;
}

.brand-content img.brand-mascot {
   width: 50%;
   margin: 0 auto;
}

.brand-content h3 {
   margin: 60px 0 30px 0;
   color: var(--gt-theme);
}

.brand-list dl {
   text-align: center;
   margin-bottom: 20px;
}

.brand-list img {
   width: 100%;
   height: auto;
   display: block;
   max-width: 200px;
   margin: 0 auto;
}

.brand-list dd {
   margin-top: 10px;
   text-align: center;
   font-size: 16px;
   color: var(--gt-text);
}

.brand-content a {
   display: block;
   margin-bottom: 10px;
   font-size: 16px;
   color: var(--gt-text);
}

.brand-content a:hover {
   color: var(--gt-theme);
}

.gt-news-details-content {
   width: 100%;
   box-sizing: border-box;
}


/* Mobile style */
@media (max-width: 1199px) {

   /* 控制移动端面包屑背景图片高度 - 宽度100%，高度自适应 */
   .gt-breadcrumb-wrapper {
      width: 100% !important;
      height: auto !important;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
   }

   /* 确保遮罩层也自动适应高度 */
   .gt-breadcrumb-wrapper::before {
      width: 100% !important;
      height: auto !important;
   }

   /* 确保内容区域在自适应容器中正确显示 */
   .gt-breadcrumb-wrapper .container {
      padding: 0;
   }

   /* 确保导航栏固定在顶部 */
   nav.navbar.navbar-expand-sm {
      position: relative;
      background: #ffffff;
      transition: none;
      padding: 0 15px;
   }

   .container.navbar-containernt {
      padding: 0;
   }

   a.navbar-brand {
      height: 60px;
   }

   /* 确保导航栏在移动端始终可见 */
   nav.navbar.navbar-expand-sm.navbar-fixed {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
   }

   /* 移动端汉堡菜单按钮样式 */
   .navbar-expand-sm .navbar-toggler {
      display: block !important;
      background: transparent;
      border: none;
      margin-top: 0 !important;
   }

   /* 移动端菜单图标样式 */
   .navbar-toggler .menu-icon-4 {
      display: inline-block;
      width: 24px !important;
      height: 2px !important;
      background-color: #020202;
      position: relative;
      transition: all 0.3s ease;
   }

   .navbar-toggler .menu-icon-4:before,
   .navbar-toggler .menu-icon-4:after {
      content: '';
      position: absolute;
      height: 2px !important;
      background-color: #020202;
      transition: all 0.3s ease;
   }

   .navbar-toggler .menu-icon-4:before {
      top: -6px !important;
      width: 20px !important;
   }

   .navbar-toggler .menu-icon-4:after {
      top: 6px !important;
      width: 16px !important;
   }

   .select_lng {
      text-align: left;
      margin: 10px 20px;
   }

   .select_lng .nav-link {
      padding: 0 10px !important;
      color: #ffffff !important;
      font-size: 16px;
   }

   .navbar-containernt .nav-item:after,
   .navbar-containernt .nav-item.active:after {
      background: none;
      color: #FF6E00;
   }

   /* 移动端导航菜单样式 */
   .navbar-expand-sm .navbar-collapse {
      display: none !important;
   }

   .navbar-expand-sm .navbar-collapse.show {
      display: block !important;
      width: 100%;
   }

   .nav-item.active .nav-link {
      color: #FF6E00 !important;
   }

   /* 移动端导航链接样式 */
   .navbar-expand-sm .navbar-nav {
      flex-direction: column !important;
      width: 100%;
   }

   .navbar-nav .nav-item {
      width: 100%;
   }

   .navbar-nav .nav-link {
      color: #ffffff !important;
      font-size: 16px;
      transition: all 0.3s ease;
   }

   .navbar-nav .nav-link:hover,
   .navbar-nav .nav-link.active {
      color: var(--main-color) !important;
   }

   /* 移动端品牌Logo样式 */
   a.navbar-brand {
      max-width: 130px;
   }

   a.navbar-brand img {
      max-width: 120px !important;
   }

   .gt-breadcrumb-wrapper .gt-page-heading {
      padding: 110px 0;
   }

   .section-padding {
      padding: 60px 0;
   }

   .gt-shop-inner-wrapper .gt-shop-card-items .gt-shop-content h3 {
      font-size: 20px;
   }

   .gt-shop-notices-wrapper {
      flex-wrap: wrap;
      gap: 30px;
   }

   .gt-shop-details-wrapper .gt-shop-details-content {
      margin-left: 0;
   }

   .gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list {
      flex-wrap: wrap;
      gap: 10px;
   }

   .gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 {
      font-size: 20px;
   }

   .gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
      font-size: 20px;
   }

   .gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items {
      flex-wrap: wrap;
   }

   .gt-shop-inner-wrapper .gt-news-details-content h3 {
      font-size: 30px;
      margin-bottom: 20px;
   }

   .speech-letter h3::after {
      top: 35px !important;
   }

   .gt-contact-us-wrapper h2 {
      margin-bottom: 30px;
   }

   .gt-contact-us-wrapper .contact-btn {
      text-align: left;
   }

}

@media (max-width: 991px) {

   /* 控制移动端面包屑背景图片高度 - 宽度100%，高度自适应 */
   .gt-breadcrumb-wrapper {
      height: 240px !important;
      overflow: hidden;
   }

   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items{
      margin-top: 10px !important;
   }

   .gt-breadcrumb-wrapper .gt-page-heading {
      padding: 100px 0;
   }

   .gt-breadcrumb-wrapper .gt-page-heading h1 {
      font-size: 65px;
   }

   .video-link-content {
      padding: 15px;
   }

   .video-icon {
      width: 50px !important;
      height: 50px !important;
      margin-right: 15px;
      border-radius: 50% !important;
   }

   .video-icon i {
      font-size: 20px;
   }

   .video-text h4 {
      font-size: 16px;
   }

   .video-text p {
      font-size: 13px;
   }

   .brand-content img.brand-logo {
      width: 100% !important;
   }

   .section-padding {
      padding: 30px 0;
   }

   .gt-shop-details-wrapper .gt-shop-tab-area {
      margin-top: 70px;
   }

   .zoom-result {
      display: none !important;
   }

   .zoom-lens {
      display: none !important;
   }

   .gt-product-main-image {
      padding: 10px;
   }

   .thumbnail-item {
      width: 80px;
      height: 80px;
      aspect-ratio: 1/1;
      cursor: pointer;
      border: 2px solid #ddd;
      transition: border-color 0.3s;
      flex-shrink: 0;
   }

   .thumbnails-wrapper {
      gap: 8px;
   }

   /* 移动端地图窗口隐藏 */
   .BMap_pop,
   .BMap_shadow {
      display: none !important;
   }

   .thumbnail-item:active {
      transform: scale(0.95);
   }

}

@media (max-width: 767px) {

   /* 控制移动端面包屑背景图片高度 - 宽度100%，高度自适应 */
   .gt-breadcrumb-wrapper {
      height: 240px !important;
      overflow: hidden;
   }

   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items{
      margin-top: 5px !important;
   }
   
   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li{
      font-size: 14px !important;
   }

   .gt-page-nav-wrap a.page-num {
      height: 32px;
   }

   .gt-shop-inner-wrapper .gt-shop-sidebar-area .gt-shop-items .widget-title h5 {
      font-size: 20px !important;
      font-weight: 600;
      /* 确保在移动端有足够的可见性 */
      color: inherit;
      margin: 0;
      line-height: 1.4;
   }

   .gt-page-nav-wrap ul li .gt-page-numbers {
      margin-top: 10px;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
   }

   .gt-section-title {
      margin-bottom: 0;
   }

   .thumbnail-item {
      width: 70px;
      height: 70px;
      aspect-ratio: 1/1;
      cursor: pointer;
      border: 2px solid #ddd;
      transition: border-color 0.3s;
      flex-shrink: 0;
   }

   .thumbnails-wrapper {
      gap: 8px;
   }

   .gt-gallery-container {
      flex-direction: column;
   }

   .gt-product-thumbnails {
      width: 100%;
      height: auto;
   }

   .thumbnails-wrapper {
      flex-direction: row;
      height: auto;
      max-height: 100px;
      overflow-x: auto;
      overflow-y: hidden;
   }

   .thumbnail-item {
      width: 80px;
      height: 80px;
      aspect-ratio: 1/1;
   }

   .thumbnail-prev,
   .thumbnail-next {
      transform: translateY(-50%);
   }

   .thumbnail-prev {
      top: 50%;
      left: 0;
      margin-top: 0;
      margin-left: -15px;
   }

   .thumbnail-next {
      top: 50%;
      right: 0;
      left: auto;
      margin-bottom: 0;
      margin-right: -15px;
   }

   .gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 {
      flex-direction: column;
   }

   .gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image {
      flex: 0 0 auto;
      width: 100%;
      height: auto;
   }

   .gt-contact-us-wrapper {
      padding: 30px 0;
   }

   .gt-contact-us-wrapper h2 {
      font-size: 40px;
   }

   /* 移动端地图高度调整 */
   #map {
      height: 300px !important;
   }

   /* 在小屏幕上隐藏地图信息窗口 */
   .BMap_pop {
      display: none !important;
   }

   .project-image-items .project-image {
      border: none;
      padding: 15px;
      margin: 0;
      width: 100%;
   }

   .project-image-items .project-image img,
   .environment .project-image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
   }

   .project-image-items .project-image .project-content {
      right: 25px !important;
      bottom: 25px !important;
      font-size: 14px !important;
      padding: 5px 8px !important;
   }

   .project-image-items .project-image .honor-content .content-box p {
      font-size: 16px !important;
   }
}

@media (max-width: 768px) {

   /* 控制移动端面包屑背景图片高度 - 宽度100%，高度自适应 */
   .gt-breadcrumb-wrapper {
      height: 240px !important;
      overflow: hidden;
   }

   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items{
      margin-top: 5px !important;
   }
   
   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li{
      font-size: 14px !important;
   }

   .gt-product-thumbnails {
      display: none !important;
   }

   .gt-breadcrumb-wrapper .gt-page-heading {
      padding: 52px 0;
   }

   .zoom-lens,
   .zoom-result {
      display: none !important;
   }

   .gt-product-main-image {
      width: 100%;
      padding: 0;
      position: relative;
      overflow: hidden;
   }

   .gt-gallery-container {
      flex-direction: column;
   }

   /* 产品图片容器样式 */
   .gt-product-zoom-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      /* 保持1:1宽高比 */
      overflow: hidden;
   }

   /* 产品图片样式 */
   #mainProductImage {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.5s ease-in-out, transform 0.5s ease-out;
   }

   /* 切换动画类 */
   .fade-in {
      opacity: 1;
      transform: translateX(0);
   }

   .fade-out-left {
      opacity: 0;
      transform: translateX(-30px);
   }

   .fade-out-right {
      opacity: 0;
      transform: translateX(30px);
   }

   /* 为移动端轮播添加指示器 */
   .carousel-indicators {
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      gap: 8px;
      z-index: 10;
   }

   .carousel-indicator {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--gt-text);
      transition: background-color 0.3s;
      cursor: pointer;
   }

   .carousel-indicator.active {
      background-color: var(--gt-theme);
      width: 8px;
      height: 8px;
   }

   /* 触控提示 */
   .swipe-hint {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      color: white;
      text-align: center;
      font-size: 12px;
      z-index: 10;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5px;
   }

   .swipe-hint i {
      animation: swipeAnimation 1.5s infinite;
   }

   .swipe-hint i:last-child {
      animation-delay: 0.5s;
   }

   @keyframes swipeAnimation {

      0%,
      100% {
         transform: translateX(0);
      }

      50% {
         transform: translateX(10px);
      }
   }
}

@media (max-width: 575px) {

   /* 控制移动端面包屑背景图片高度 - 宽度100%，高度自适应 */
   .gt-breadcrumb-wrapper {
      height: 140px !important;
      overflow: hidden;
   }

   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items{
      margin-top: 5px !important;
   }
   
   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li{
      font-size: 12px !important;
   }

   .gt-breadcrumb-wrapper .gt-page-heading h1 {
      font-size: 20px !important;
   }

   .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
      margin-top: 15px;
   }

   .gt-shop-inner-wrapper .gt-shop-card-items .gt-shop-content h3 {
      font-size: 16px;
   }

   .gt-shop-details-wrapper .gt-shop-details-content h2 {
      font-size: 30px;
   }

   .gt-shop-details-wrapper .gt-shop-tab-area {
      margin-top: 50px;
   }

   .gt-shop-details-wrapper .gt-shop-tab-area .nav .nav-item .nav-link.active::before {
      display: none;
   }

   .thumbnail-item {
      width: 60px;
      height: 60px;
   }

   .gt-product-main-image {
      padding: 5px;
   }

   .thumbnail-prev,
   .thumbnail-next {
      width: 26px;
      height: 26px;
   }

   .thumbnail-prev {
      left: -13px;
   }

   .thumbnail-next {
      right: -13px;
   }

   .thumbnail-prev i,
   .thumbnail-next i {
      font-size: 12px;
   }

   .gt-shop-inner-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content h3 {
      font-size: 16px;
   }

   .gt-shop-inner-wrapper .gt-news-details-content h3 {
      font-size: 25px;
      margin-bottom: 15px;
   }

   .speech-letter h3::after {
      top: 35px !important;
   }

   .gt-map-items .googpemap iframe {
      height: 300px;
   }

   .gt-contact-us-wrapper {
      padding: 30px 0;
   }

   .gt-contact-us-wrapper h2 {
      font-size: 35px;
   }
}