.productdetail{ width: 100%;}
.productdetail .photo{width:500px; float:left; overflow:hidden;}
.productdetail .photo>span{display:block;width: 90%}
.productdetail .photo>span img{display:block; max-width:100%; margin:0 auto;}
.productdetail .images{overflow:hidden; position:relative; }
.productdetail .images>ul{width:10000%;}
.productdetail .images>ul:after{display:block; content:''; clear:both;}
.productdetail .images>ul>li{float:left;}
.productdetail .images>ul>li>span>a>img{display:block; width:100%;}
.productdetail .text{/*margin-left:500px; padding-left:28px*/; overflow:hidden;}
.productdetail h1{margin-bottom:8px;}
.productdetail .top b{font-weight:inherit;}
.productdetail .top i{font-style:inherit; margin-right:18px;}
.productdetail .top i:last-child{margin:0;}
.productdetail .text>dl{padding-bottom:8px;}
.productdetail .text>dl:after{display:block; content:''; clear:both;}
.productdetail .text>dl>dt{float:left; opacity:.88;}
.productdetail .text>dl>dd{float:left;}
.productdetail .text>a{margin-top:18px;}
.productdetail .param{margin-top:var(--interval-global); padding-top:10px;display: flex;flex-direction: column}
.productdetail .param:after{display:block; content:''; clear:both;}
.productdetail .param>dl{float:left; min-width:50%; padding-top:8px;}
.productdetail .param>dl>dt{float:left;}
.productdetail .param>dl>dd{float:left;}
.productdetail  .text>h2{display:block; color:red; margin-top:18px;}
.productdetail  .text>h2 b{font-weight:inherit; font-size:14px; color:;}
.productdetail dir{padding-top:18px;display: grid;grid-template-columns: 1fr 1fr;}
.productdetail dir:after{display:block; content:''; clear:both;}
.productdetail dir>dl{display:block;padding-left: 50px;color: #131313!important;font-size: 24px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.productdetail dir>dl:after{display:block; content:''; clear:both;}
.productdetail dir>dl:first-child{display:block;border-right: 1px solid #1c1c1c;}
.productdetail dir>dl:last-child{display:block;border-left: 1px solid #1c1c1c}
.productdetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
.productdetail dir>dl>dt:after{content: ':'}
.productdetail dir>dl>dt b{font-weight:inherit;}
.productdetail dir>dl>dd{float:left;}
.productdetail dir>dl>dd i{font-style:inherit;}
.productdetail dir>dl>dd a{display:block;}
.productdetail dir>dl>dd a:hover{display:block;}
.productdetail .content>ul{margin:28px 0 18px 0; font-size:0; white-space:nowrap; position:relative; overflow:auto;display: flex;justify-content: center;border-bottom:1px solid #c5c5c5}
.productdetail .content>ul>li{color: #494949;font-size: 30px; padding:8px 18px; position:relative; z-index:1; cursor:pointer; display:inline-block; margin-left:-1px;}
.productdetail .content>ul>li.on{border-bottom: 3px solid #3d3d3d;}
.productdetail .content>ul>li:first-child{margin-left:0;}
.productdetail .content>aside{display:none; margin-bottom:18px;}
.productdetail .content>aside.on{display:block;padding-top: var(--interval-global)}
.productdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
.productdetail .comment{margin-top:28px;}
@media(max-width:767px){
.productdetail .tag{margin-bottom:8px;}
.productdetail .tag a{margin-right:4px; padding:2px 8px;}
}
@media(max-width:1199px){
.productdetail .photo{width:45%;}
.productdetail .text{margin-left:45%; padding-left:18px;}
}
@media(min-width:992px){
.productdetail{padding-bottom:28px;}
.productdetail .photo>span+.images{margin:0;}
.productdetail .images{margin:0 -8px;}
.productdetail .images>ul>li{width:.25%; padding:0 8px;}
.productdetail .images>ul>li>span{position:relative; display:block; cursor:pointer; overflow:hidden;}
.productdetail .images>ul>li>span:before{display:block; content:''; border:1px solid rgba(0,0,0,0); position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; transition:.3s;}
.productdetail .images>ul>li.on>span:before{border-color:;}
.productdetail .images>ol{display:none;}
.productdetail .images>dl{visibility:hidden; opacity:0; transition:.3s;}
.productdetail .images:hover>dl{visibility:visible; opacity:1;}
.productdetail .images>dl>*{position:absolute; z-index:9; top:50%; width:20px; height:20px; margin-top:-10px; transform:rotate(45deg); cursor:pointer; transition:.3s; border-style:solid;  border-color:;}
.productdetail .images>dl>*[class*='disabled']{cursor:no-drop;}
.productdetail .images>dl>dt{left:15px; border-width:0 0 2px 2px;}
.productdetail .images>dl>dd{right:15px; border-width:2px 2px 0 0;}
.productdetail .images>dl>dt:hover,
.productdetail .images>dl>dd:hover{border-color:;}
.subnav ul::-webkit-scrollbar{height:0; background:;}
.subnav ul::-webkit-scrollbar-track-piece{height:0;}
.subnav ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,0); transition:.2s;}
.subnav ul:hover::-webkit-scrollbar-thumb{background:;}
}
@media(max-width:991px){
.productdetail{padding-top:18px; padding-bottom:18px;}
.productdetail .photo{width:100%; float:none;}
.productdetail .text{margin-left:0; padding-left:0;}
.productdetail .photo>span.more{display:none;}
.productdetail .images>ul>li{width:1%;}
.productdetail .images>ul>li>span>a>img{width:auto; margin:0 auto;}
.productdetail .images>ol{position:absolute; bottom:10px; left:0; right:0; text-align:center; font-size:0;}
.productdetail .images>ol>li{display:inline-block; cursor:pointer;}
.productdetail .images>ol>li:before{display:block; content:''; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.productdetail .images>ol>li:before{margin:0 2px 0 3px; width:5px; height:5px;}
.productdetail .images>ol>li.active:before{background:;}
.productdetail .images>dl{display:none;}
.productdetail h1{margin:8px 0;}
.productdetail .comment{margin-top:18px;}
}
@media(max-width:767px){
.productdetail h1{font-size:24px; margin:4px 0 0;}
.productdetail .top{margin-bottom:4px;}
.productdetail aside{margin-bottom:8px;}
.productdetail dir{padding-top:8px;}
.productdetail .content>aside{margin-bottom:8px;}
.productdetail .content>ul{margin:12px 0 8px 0;}
.productdetail .content>ul>li{padding:4px 8px;font-size: 22px}

.productdetail .param{margin-top:8px; padding-top:4px;width: 100%}
.productdetail .param>dl{min-width:100%; padding-top:4px;}
.productdetail .param>dl:after{display:block; content:''; clear:both;}
.productdetail .param>dl>dt{float:left;color: black}
.productdetail .param>dl>dd{float:left;}
}
.swiper-button-next:after, .swiper-button-prev:after{
 content: '';
 display: none;
}
/* 面包屑 */
#breadcrumb{
 margin-top: var(--interval-global);
 background-color: initial;
}
#breadcrumb a,
#breadcrumb >div > div:nth-child(n+2):before{
 color: #222222;
 font-weight: normal;
}

.productdetail-head{
 padding: 0;
 display: flex;
}
.productdetail-head .photo{
 flex: 23;
 display: grid;
 grid-template-columns: 185px 650px;
 grid-template-rows: minmax(0, 650px);
 gap: 20px;
}
.productdetail-head .photo .swiper{
 width: 100%;
}
.productdetail-head .photo .swiper-thumbs{
 height: 90%;
 overflow: hidden;
}
.productdetail-head .photo .thumbs .arrow{
 display: block;
 position: relative;
 height: 10%;
}
.productdetail-head .photo .thumbs .arrow > div{
 width: 50px;
 height: 50px;
 border-radius: 50%;
 background-color: #f0f0f0;
 z-index: 0;
}
.productdetail-head .photo .thumbs .arrow > div img{
 height: 100%;
 width: auto;
 max-width: none;
}

.productdetail-head .photo .swiper-slide,
.productdetail-head .photo .swiper-slide a{
 width: 100%;
 aspect-ratio: 1;
 overflow: hidden; /* 确保内容溢出时被裁剪 */
}
.productdetail-head .photo .swiper-slide img{
 width: 100%;
 height: 100%;
 object-fit: cover; /* 裁剪图片以适应容器 */
}
.productdetail-head .text{
 flex: 17;
 font-size: var(--font-size-title-4);
 line-height: var(--line-height-title-2-3);
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.productdetail-head .text > div > div{
 margin-top: 25px;
}
.productdetail-head .text h1{
 font-size: var(--font-size-title-2);

}
.productdetail-head .text .fa-star{
 color: #f8bd17;
 font-size: 28px;
 margin-right: 3px;
}
.productdetail-head .text .moq{
 background-color: #f0f0f0;
 display: flex;
 align-items: center;
 width: 100%;
 padding: 10px 20px;
 font-size: 22px;
}
.productdetail-head .text .form-box{
 font-size: 26px;
 line-height: var(--line-height-title-2-3);
 display: grid;
 grid-template-columns: 5fr 5fr 4fr;
 gap: 35px;
}
.productdetail-head .text .form-box a{
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 10px 0;
 border: 1px solid #414141;
 border-radius: 5px;
}
.productdetail-head .text .form-box a:first-child{
 background-color: var(--font-color);
 color: #feffff;
}
.productdetail-head .text .form-box a:first-child:hover{
 color: #feffff;
}
.productdetail-head .text .form-box a:last-child{
 border: none;
}
.productdetail-head .text .form-box a:hover{
 color: initial;
}
.productdetail-head .text .media{
 display: grid;
 grid-template-columns: repeat(5, 24px);
 gap: 15px;
}
.productdetail-head .text .media a{
 width: 100%;
 aspect-ratio: 1;
}
.productdetail-head .text .media img{
 border-radius: 15%;
}
.productdetail-body{
 margin-top: var(--interval-global);
 padding-top: var(--interval-global);
 padding-left: 0;
 padding-right: 0;
}

.productdetail-body .content-bottom{
 position: relative;
 border-top: 1px solid #c6c6c6;
 padding: var(--interval-global) var(--interval-global);

}
.productdetail-body .swiper{
 padding: 0 var(--interval);
}
.productdetail-body .content-bottom .title span{
 font-size: 2.25rem;
 border-bottom: 5px solid #222e60;
 padding-bottom: 5px;
}
.productdetail-body .swiper-wrapper{
 margin-top: 30px;
}
.productdetail-body .swiper-slide{
 font-size: var(--font-size-title-4);
}
.productdetail-body .swiper-slide:hover{
 color: var(--font-color)!important;
}
.productdetail-body .swiper-slide span{
 padding-left: 10px;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
.productdetail-body .swiper-slide .img{
 width: 100%;
 aspect-ratio: 1;
 overflow: hidden; /* 确保内容溢出时被裁剪 */
 border: 1px solid #dedede;
}
.productdetail-body .swiper-slide .img img{
 width: 100%;
 height: 100%;
 object-fit: cover; /* 裁剪图片以适应容器 */

}
.productdetail-body .swiper-button-next,
.productdetail-body .swiper-button-prev{
 color: #868686;
 z-index: 1;
}
.productdetail-body .param .title{
 border-bottom: 1px solid #c5c5c5;
 width: 65%;
}
.productdetail-body .param .title span{
 color: #272727;
 background-color: #f0f0f0;
 font-size: 28px;
 line-height: var(--line-height-title-2-3);
 width: 200px;
 height: 100%;
 display: flex;
 align-items: center;
 padding: 5px 0 5px var(--interval-global);
}
.productdetail-body .param dl{
 font-size: var(--font-size-title-3);
 line-height: var(--line-height-title-2-3);
 display: flex;align-items: center;
 margin-left: var(--interval-global);
 margin-top: 10px;
}

.productdetail-body .param dt{
 display: flex;align-items: center;
}
.productdetail-body .param dd{
 display: flex;
 flex-wrap: wrap;
 align-items: center;

}
.productdetail-body .param dd a{
 margin: 5px 2px;
 padding: 10px 15px;
 background-color: #f0f0f0;
 border-radius: 10px;
}
.productdetail-body .param dd a:hover{
 color: var(--font-color);
}

@media screen and (max-width: 768px){
 #breadcrumb{
  margin-top: 10px;
 }
 .productdetail{
  margin-top: 10px!important;
 }
 .productdetail-head{
  flex-direction: column;
 }
 .productdetail-head .photo{
  display: flex;
 }
 .productdetail-head .text > div{
  margin-top: 10px;
 }
 .productdetail-head .text h1{
  font-size: 24px;
 }
 .productdetail-head .text .fa-star{
  font-size: 18px;
 }
 .productdetail-head .text .form-box{
  gap: 10px;
  font-size: 22px;
 }
 .productdetail-head .text .form-box a{
  padding: 3px 0;
 }
 .productdetail dir{
  grid-template-columns:none;
  grid-template-rows: 1fr 1fr;
 }
 .productdetail dir>dl{
  font-size: 18px;
  padding: 0!important;
  border: none!important;
  margin-top: 10px;
 }
 .productdetail-body .content-bottom{
  padding: 0;
 }
 .productdetail-body .param dl{
  margin: 0;
  margin-top: 5px;
  align-items: flex-start;
  flex-direction: column;
 }
 .productdetail-body .content-bottom .title{
  padding-left: 0;
 }
 .productdetail-body .swiper{
  z-index: 0;
  width: 90%;
 }
 .productdetail-body .swiper-button-next, .productdetail-body .swiper-button-prev{
  top: 55%;
 }
 .productdetail-body .swiper-button-next:after, .productdetail-body .swiper-button-prev:after{
  font-size: 35px;
 }
 .productdetail-body .swiper-button-next{
  right: -8px;
 }
 .productdetail-body .swiper-button-prev{
  left: -8px;
 }
 .productdetail-body .param .title span{
  padding-left: 10px;
  font-size: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
 }
 .productdetail-body .swiper-slide span{
  line-height: 1.25;
  margin-top: 5px;
 }
 .productdetail-body .param dd a{
  padding:5px 10px;
 }
 .productdetail-body .content-bottom .title span{
  font-size: 26px;
 }
}



#product-aboutUs img {
 aspect-ratio: 16/9;
}

#product-aboutUs .title > h1 {
 font-family: Inter, Inter;
 font-weight: 700;
 font-size: 48px;
 color: #343434;
 line-height: 70px;
 font-style: normal;
 text-transform: none;
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 margin-bottom: 50px;
}

#product-aboutUs .title > h1:after {
 display: block;
 content: ' ';
 margin-top: 18px;
 height: 4px;
 width: 10%;
 background-color: #008ED3;
}

#product-aboutUs > div {
 margin: 50px 0;
}

#product-aboutUs .one .content > p {
 font-family: PingFang SC, PingFang SC;
 font-weight: 400;
 font-size: 18px;
 color: #9F9F9F;
 line-height: 24px;
 text-align: justify;
 font-style: normal;
 text-transform: none;
}

#product-aboutUs .one .content > div > div {
}

#product-aboutUs .one .top {
 opacity: 1;
 margin: 0;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

#product-aboutUs .one .top .right {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

#product-aboutUs .one .top .left {
 width: 65%;
}

#product-aboutUs .one .item {
 display: flex;
 align-items: center;
 flex-direction: column;
 box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
 margin-top: 32px;
}

#product-aboutUs .one .item p {
 font-family: PingFang SC, PingFang SC;
 font-weight: 500;
 font-size: 18px;
 color: #3D3D3D;
 line-height: 24px;
 text-align: center;
 font-style: normal;
 text-transform: none;
 padding: 12px 0;
}

#product-aboutUs .one .item img {
 width: 100%;
 height: 100%;
}

#product-aboutUs .one .bottom {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}

#product-aboutUs .one .top .right,
#product-aboutUs .one .bottom .item {
 width: 30%;
}

#product-aboutUs .one .bottom .item {
 display: flex;
 justify-content: space-between;
}

#product-aboutUs .two .content {
 display: flex;
 flex-direction: column;
}


#product-aboutUs .two .content .item {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 margin: 25px 0;
}

#product-aboutUs .two .content .item > div {
 flex-grow: 1;
 width: 50%;
 height: 100%;
 padding: 20px;
}

#product-aboutUs .two .content .item > div h3 {
 font-family: Inter, Inter;
 font-weight: 700;
 font-size: 32px;
 color: #343434;
 line-height: 51px;
 text-align: left;
 font-style: normal;
 text-transform: none;
}

#product-aboutUs .two .content .item > div span {
 font-family: Inter, Inter;
 font-weight: 400;
 font-size: 16px;
 color: #545454;
 line-height: 29px;
 text-align: justify;
 font-style: normal;
 text-transform: none;
}

#product-aboutUs .two .content .item > div div {
 display: block;
 width: 100%;
 height: 3px;
 background-color: #008ED3;;
 margin-top: 10px;
 margin-bottom: 18px;
}

#product-aboutUs .two .content .item > div p {
 font-family: Inter, Inter;
 font-weight: 400;
 font-size: 14px;
 color: #7C7C7C;
 line-height: 18px;
 text-align: justify;
 font-style: normal;
 text-transform: none;
}

@media screen and (max-width: 864px) {
 #product-aboutUs .one .top {
  flex-direction: column;
 }

 #product-aboutUs .one .top .left,
 #product-aboutUs .one .top .right {
  width: 100%;
 }

 #product-aboutUs .one .top .right {
  flex-direction: row;
 }

 #product-aboutUs .one .top .right .item,
 #product-aboutUs .one .bottom .item {
  width: 45%;
 }

 #product-aboutUs .title > h1{
  margin: 0;
 }
 #product-aboutUs .two .content .item{
  flex-direction: column;
 }
 #product-aboutUs .two .content .item > div{
  width: 100%;
 }

}