.main{flex-wrap:wrap;margin:0}
.main .wd1600{display:flex;flex-wrap:wrap;justify-content:space-between}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.mySwiper .swiper-wrapper .swiper-slide{flex-shrink:0;width:100%;height:0;padding-bottom:100%;position:relative;transition-property:transform;overflow:hidden;background:#fff}
.mySwiper .swiper-wrapper .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}
.swiper-wrapper .img{width:100%}
.hide{display:none!important}
/*.product-nav{position:sticky;top:150px;height:fit-content;margin-bottom:30px;z-index:10;width:20%;border-bottom:none}
.product-nav .menu{gap:13px}
.product-nav .menu li a{display:block;padding:8px 12px;border-radius:8px;background:#eee;font-size:15px}
.menu .menu-li{min-width:80px;text-align:center}*/
.proMain{display:flex;flex-wrap:wrap;width:77%;margin-left:2%;padding:0;margin-top:30px}
.proMain .proLeft{position:relative;width:100%;overflow:hidden;display:flex}
.proLeft .left{flex-basis:40%;overflow:hidden}
.proLeft .picT{position:relative}
.proLeft .pic{position:absolute;left:0;top:0;display:block;width:150px;height:150px;background:rgb(255,255,255,.7);z-index:1}
.proLeft .right{flex-basis:60%;overflow:hidden;padding-left:100px}
.proLeft .thuilm{position:relative;margin:12px 0;padding:0 54px;max-height:80px;overflow:hidden}
.proLeft .thuilm .img{max-height:64px;max-width:64px}
.proLeft .thuilm .swiper-wrapper{display:flex;align-items:center}
.proLeft .swiper-button{position:absolute;top:0;bottom:0;width:44px;max-height:64px;color:#000;outline:0;z-index:0;cursor:pointer}
.proLeft .swiper-button i{display:flex;justify-content:center;align-items:center;font-size:14px;height:100%}
.proLeft .pro-left{left:0}
.proLeft .pro-right{right:0}
.proLeft .proPic{flex-basis:50%;overflow:hidden;margin-right:3%}
@media only screen and (min-width: 768px) {
/*.proLeft .jcpic{ margin-left:20%;}*/
}

.proLeft .bigPic{border:1px solid #ddd;overflow:hidden}
.proLeft .bigBox{position:absolute;left:40%;top:0;width:400px;height:400px;background:#fff;overflow:hidden;cursor:move;z-index:1}
.proLeft .bigBox2{position:relative;width:100%;height:100%}
.proLeft .bigpicA{position:absolute;max-width:none;width:300%;height:300%}
.proMain .proRight{flex-basis:60%}
.proMain .proRight .btn{ margin-top:15px;padding: 5px 15px;}
.wyz-thumbs{overflow:hidden}
.proRight .p-title{color:#222;font-size:20px;margin:0 0 10px;font-weight:400;line-height:2.1rem;font-family:CustomFontBold,sans-serif}
.proRight .proItem h2{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;font-weight:400;color:#666}
.ProContent{border-top:1px solid #ddd;border-right:1px solid #ddd}
.proRight .price{color:#ff4d18;font-size:32px;margin:20px 0;font-family:Montserrat,Roboto,Arial,sans-serif;font-weight:600}
.proList{display:flex;border-bottom:1px solid #ddd;color:#333;font-size:14px}
.proList dt{width:40%;padding:10px;border-left:1px solid #ddd}
.proList dd{width:60%;padding:10px;border-left:1px solid #ddd}
.detial{margin-top:30px;margin-bottom:20px;width:100%}
.detial .smalltit{margin-bottom:1rem}
.detialTit{font-size:2.6rem;color:#151515;margin:48px 0;font-weight:400}
.detialCon{font-size:15px;color:#4c4c4c;line-height:26px}
.detialCon .smalltit{border:none}
.detialCon table{background:#fff;border-radius:12px;width:100%;max-width:760px;text-align:left;border-collapse:collapse;margin:10px 0;border:1px solid #ddd}
.detialCon table tr{border-bottom:1px solid #ddd}
.detialCon table tr:last-child{border-bottom:none}
.detialCon table tr th,.detialTable tr td{padding:8px;font-weight:400;width:50%}
.detialCon img{max-width:100%}
.relativeP{margin-bottom:60px}
.relativeP h4{min-width:245px;height:60px;line-height:60px;margin-bottom:30px;display:inline-block;padding:0 30px;background-color:var(--Bcolor);color:#fff;font-size:24px}
.relativePbox{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:20px}
.relativePbox .proLi{width:23%;margin:0 2% 40px 0;background:#fff;transition:all .5s ease;margin-bottom:20px;overflow:hidden}
.relativePbox .proLi a{width:100%;background-color:#fff;padding:0}
.proLi .txtBox{padding: 12px 0px;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proLi .txtBox .price{color:#ff4d18;font-size:20px;margin:10px 0;font-family:Montserrat,Roboto,Arial,sans-serif;font-weight:600}
/*.title{font-size:30px;color:#393939;position:relative;font-family:CustomFontBold,sans-serif;width:100%;font-weight:700}*/
.ImgBox{overflow:hidden;display:flex}
.ImgBox picture{justify-content:center;overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%}
.proLi .ImgBox picture img{height:100%;width:auto;position:absolute;left:0;top:0}
.proLi .txtBox .proTitle{margin:0 0 10px;font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:22px;font-weight:400}
.proLi .txtBox .proSummry{width:100%;text-align:left;font-size:14px;color:#8e8e8e;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.faqbox{width:100%;max-width:1200px}
.faqlist{border-radius:0;border-bottom:1px solid #e4e4e4;overflow:hidden;transition:all .5s ease}
.toggle-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:20px 0}
.toggle-title{font-size:16px;color:#333;padding-right:16px;width:calc(100% - 40px)}
.toggle-button{width:30px;height:30px;position:relative;cursor:pointer;transition:transform .3s ease;display:inline-block;margin-right:10px;background:#fff;border-radius:20px}
.toggle-button::after,.toggle-button::before{content:'';position:absolute;width:16px;height:2px;background-color:#000;top:50%;left:7px;transform:translateY(-50%);transition:all .3s ease}
.toggle-button::after{transform:translateY(-50%) rotate(90deg)}
.toggle-content{display:none;padding-bottom:20px;font-size:15px;line-height:22px;color:#999}
.faqlist.active .toggle-title{color:var(--Bcolor)}
.expanded.toggle-button::after{transform:translateY(-50%) rotate(0)}
#video-container{width:640px;height:360px;margin-top:10px;max-width:100%;margin:20px 0}
.productdetaillist{padding:30px 0}
.pd-detial{margin-top:20px;color:#696969;word-break:break-word;line-height:1.6rem;width:100%;overflow:hidden}
.pd-img{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}
.pd-img .img-box{flex:0 0 100%;border:1px solid #e3e3e3;overflow:hidden;border-radius:10px}
.pd-img.two .img-box{flex:0 0 calc(50% - 8px)}
.pd-img.three .img-box{flex:0 0 calc(33.333% - 10.66px)}
.pd-img.four .img-box,.pd-img.more .img-box{flex:0 0 calc(25% - 12px)}
.img-box img{width:100%;height:100%;display:block;object-fit:cover}
@media only screen and (max-width:1200px){.detialTit{font-size:45px}
.product-nav{display:none}
.proMain{width:100%;margin-left:0;margin-top:5px}
}
@media only screen and (max-width:768px){.detial{margin-top:30px;margin-bottom:30px}
.productdetaillist{padding:20px 0}
.proLeft .topBox{flex-wrap:wrap}
.proLeft .left{flex-basis:100%}
.proLeft .right{flex-basis:100%;padding:20px 8px}
.proLeft .pic{display:none}
.proMain .proLeft{display:block}
.proLeft .proPic{flex-basis:100%;overflow:hidden;margin-right:0}
.bigPic .swiper-slide .img{width:100%;height:100%}
.detialTit::after{display:none}
.relativePbox .proLi{width:48%;margin:0 1% 10px}
.detialTit{font-size:32px;margin:30px 0}
.proLi .txtBox{padding:10px 0 0 0}
.proLi .txtBox .proTitle{font-size:.8rem;padding:0}
.relativePbox{margin-bottom:0}
#video-container{height:200px}
.pd-img .img-box{flex:0 0 100%}
.pd-img.four .img-box,.pd-img.more .img-box,.pd-img.three .img-box{flex:0 0 calc(50% - 8px)}
.proRight .p-title{font-size:18px;line-height:22px}
.proRight .proItem h2{margin-bottom:12px}
.title{font-size:20px}
}

.detial .title{background-color: #0567cc;color: #fff;padding: 10px 5px;border-radius: 2px;margin-bottom: 10px;}