.bigbox{ width:100%; height:auto; display:flex; flex-direction:column; background-repeat:no-repeat; background-position:center; background-size:cover; }
.swbox{ width:100%; display:flex; flex-direction:column; position:relative; background-color:#242424;}
.sortban{ width:100%; overflow:hidden; position:relative; }
.sortban .swiper-slide img{ width:100%; }
.swiper-button-prev{ margin-left:5%; outline:hidden; }
.swiper-button-next{ margin-right:5%; outline:hidden; }
.swiper-button-next, .swiper-button-prev{ color:#FFF; border:none; }
.sort-info{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; z-index:1; position:absolute; left:0; top:0; }
.sort-main{ display:flex;flex-direction:column; justify-content:center; align-items:center; }
.sort-main h1{ color:#FFF; letter-spacing:2px; line-height:1.8; font-size:3rem; }
.sort-main p{ color:#FFF; line-height:1.5; font-size:1.25rem; padding:20px 0px 40px; }
.sort-main a{ color:#FFF; padding:15px 30px; font-size: 1.1rem; border:1px solid #FFF; display:flex; justify-content:center; align-items:center; }
.sort-main a:hover{ background-color:#000; }
/**/
.swnav{ width:100%; height:130px; display:flex;position: relative; z-index:2; margin-top: -130px;}
.swnav ul{ width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.swnav ul li{  display: flex; padding:5px 20px;}
.swnav ul li a{ color:#FFF; line-height:1.5; font-size:1.40rem; position:relative; padding:5px 0px; }
.swnav ul li a::before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#FFF; opacity:0;visibility:hidden; }
.swnav ul li a:hover::before{ opacity:1; visibility:visible;}
.swnav ul li a.active::before{ opacity:1; visibility:visible;}
.locbox.proloc{position: relative; z-index: 1}

.boxinfo{display:flex; flex-wrap:wrap; padding:20px 0px 100px;}
.inmain{width:100%;}
.cpbox{ width:100%; height:auto; overflow:hidden; display: flex; justify-content: center; align-items:center; flex-direction:column;
 border: 1px solid #c7c7c7;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
 .cpbox a{ display:flex; flex-direction:column; align-items:center; justify-content:center; }
.imgbox{ width:100%; display:flex; }
.imgbox img{ width:100%; height: auto; object-fit: contain; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.cpbox h5{ font-size:1rem;color:#040404; min-height:70px; width:100%; display:flex; justify-content:center; align-items:center; line-height:1.5; text-align:center; }
.cpbox:hover .imgbox img{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
.cpbox:hover{filter:progid:DXImageTransform.Microsoft.Shadow(color=#7ab1d0,direction=120,strength=4);
-moz-box-shadow: 0px 0px 10px 5px #c0c0c0;
-webkit-box-shadow: 0px 0px 10px 5px #c0c0c0;
box-shadow:0px 0px 10px 5px #c0c0c0;
transform: translateY(-5px);
}
.locbox .md{ flex-direction:row; }
.prosearch { margin-top: 20px; position: relative;width:270px; margin-left: auto;}
.prosearch form { position: relative; display: flex;align-items: center;}
.prosearch input[type="text"] {width: 100%;height: auto; padding: 12px 40px 12px 15px;border: 1px solid #242424;font-size:0.85rem;transition: all 0.3s;}
.prosearch input[type="text"]:focus {border-color: #000;box-shadow: 0 0 8px rgba(0,0,0,.25);outline: none;}
.prosearch i {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.prosearch img {width:30px;height:30px;}
button{ background-color:#FFF;border:0; outline:none; }

.pagination-box { width:100%; display:flex; justify-content:center; align-items:center; padding: 30px 0px;}
.pagination { display:flex; justify-content:center; align-items:center; }
.pagination li { margin: 0 5px;}
.pagination li a, 
.pagination li span {display:block;border-radius:4px;cursor: pointer; color:#000;}
.pagination li a.cw{width:32px;height:32px;border-radius:360px;display:flex;justify-content:center;align-items:center;}
.pagination li.active a {background: #000;color: white;}
.pagination li.disabled a {color: #ddd;cursor: not-allowed;}
.pagination li a:hover:not(.disabled) {opacity: 0.8}
.pagination li a.cw:hover:not(.disabled) {background: #666;color: white;}

/*--产品详情--*/
.infobox{ width:100%; display:flex; flex-direction:row; }
.infol{ width:45%;padding:30px;}
.infol .swiper-slide img{ width:100%;}
.swipera{ width:100%; position: relative; overflow: hidden; border:1px solid #000;}
.swipera .zoom-hand{ position: absolute; right:15px; bottom:15px; z-index: 1;}
.swiperb{ position: relative; overflow: hidden; margin-top: 8px;}
.swiperb .swiper-slide{ border:2px solid #e4e4e4; }
.swiperb .img-thumbnail{ border:0!important; }
.swiperb .swiper-wrapper{ }
.swiperb .swiper-wrapper .swiper-slide{ width:80px; cursor: pointer;}
.swiperb .swiper-slide-thumb-active { border:2px solid #000!important;}
#prev{ position: absolute; left:0px; top:45%; transform: translateY(-50%); background: url(../../uploads/svg-loaders/back-big-left.svg) center center no-repeat; background-size:100%; width:50px; height:50px; z-index: 99; }
#next{ position: absolute; right: 0; top:45%; transform: translateY(-50%); background: url(../../uploads/svg-loaders/back-big-right.svg) center center no-repeat; background-size:100%;width:50px; height:50px; z-index: 99; }

.infor{ width:55%;display:flex; flex-direction:column;padding:30px 50px; }
.top-one{ width:100%; display:flex; flex-direction:row; justify-content: space-between;  padding:10px 0px; position:relative;border-bottom:1px solid #c0c0c0;}
.top-one-l{ display:flex;flex-direction:column; }
.top-one-l h1{ font-size:1.8rem; line-height:1.8; color:#000; }
.top-one-l p{ font-size:1.25rem; line-height:1.5; color:#000; }
.top-one-r{ display:flex; }
.top-one-r a{ width:30px; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.top-one-r a img{ width:100%;}
.top-two{ width:100%; display:flex; flex-direction:column; color:#000; line-height:1.5; font-size:1rem; padding:15px 0px; }
.top-two p{  }
.top-th{ width:100%; display:flex; flex-direction:column; color:#000; line-height:1.5; font-size:1rem; padding:25px 0px 10px; }
.top-th p{  }
.top-th ul{ width:100%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; }
.top-tfour{ width:100%; padding:30px 0px; }
.top-five{ width:100%; display:flex; flex-direction:column; }
.top-five h1{font-size:1rem;line-height: 1.5; padding: 10px 0px;}
.top-five p{ width:320px; display:flex; color:#FFF;flex-direction:row; justify-content:flex-start; align-items:center; background-color:#000000; margin:5px 0px; padding: 5px;}
.top-five i{ width:30px; height:30px;display:flex; justify-content:center; align-items:center; flex-shrink:0; }
.morebox{ width:100%; display:flex; flex-direction:column; padding:20px 0px 0px;}
.more-title{ width:100%; display:flex; justify-content:center; align-items:center; background-color:#000000; }
.more-title h1{ font-size:1.875rem; line-height:1.5; font-weight:normal; color:#FFF; padding:20px 15px; }
.more-cpbox{ width:100%; padding:20px 0px; }

.searchbox{ width:100%;display:flex; flex-direction:column; padding:15px 0px 50px; }
.words{width:100%;display: flex; justify-content:flex-start; align-items: center; flex-direction: row; padding:180px 0px 0px;}
.words h1{ font-size:1.6rem; line-height:1.5; font-weight:600; }
.words p{font-size:1rem; line-height:1.5; font-weight:600; }
.empty-product { text-align: center; padding: 50px 20px; background:#f8f9fa; border-radius: 8px; margin:10px 0;}
.empty-product img { width: 90px;opacity: 0.8;}
.empty-product p {font-size:1rem;color: #6c757d;}
.btn-back { font-size:1rem; margin-top: 20px; padding: 8px 25px; border-radius: 20px; background: #333; color: white !important; transition: all 0.3s;}
.btn-back:hover { background: #000; transform: translateY(-2px);}

@media (max-width: 1430px) {
.sort-main h1{ letter-spacing:1px; line-height:1.6; font-size:2.5rem; }
.sort-main p{ font-size:1.2rem; padding:20px 0px 30px; }
.sort-main a{ padding:15px 25px; font-size: 1rem; }
.swnav{ height:100px; margin-top: -100px;}
.swnav ul li a{ font-size:1.25rem;}
}
@media (max-width: 1230px) {
.sort-main h1{ letter-spacing:0; font-size:2rem; }
.sort-main p{ padding:15px 0px 20px; }
.sort-main a{ padding:10px 25px; }
.swnav ul li a{ font-size:1.15rem;}
}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.infor{ padding:30px 0px; }
.swnav{ height:80px; margin-top: -80px;}
.swnav ul li a{ font-size:1rem;}

.words{padding:150px 0px 0px;}
}
/* xs */
@media (max-width: 767px) {
.swbox{ margin-top:55px; }
.swiper-button-prev{ margin-left:0;}
.swiper-button-next{ margin-right:0; }
.swiper-button-prev::after{ font-size:2rem}
.swiper-button-next::after{  font-size:2rem}
.sort-main h1{letter-spacing:0; line-height:1.6; font-size:1.3rem; text-align:center; }
.sort-main p{ font-size:1.03rem; padding:10px 30px 20px; text-align:center;}
.sort-main a{ padding:8px 10px; font-size: 0.85rem;}
.locbox .md{ flex-direction:column; }
.prosearch { margin-top:20px; width:100%;}
.boxinfo{padding:20px 0px 60px;}
.boxinfo .md{ display: flex; flex-direction:row; padding: 0;}
.swnav{ width:130px; height:auto; margin-top:0px; background-color: #999;}
.swnav ul{ flex-direction:column; background-color: #999; padding: 15px 0px 30px;}
.swnav ul li{  padding:10px;}
.swnav ul li a{ font-size:0.9rem; }
.xp-3{ padding:0px 5px 10px!important; }
.inmain{width:calc(100% - 130px); padding: 0px 20px;}
.cpbox h5{ font-size:0.9rem;min-height:50px;}
.words{padding:70px 0px 0px;}
/*详细*/
.swiperb{ margin-top:0; }
.swiperb .swiper-wrapper{ justify-content:flex-start;}
.swiperb .swiper-wrapper .swiper-slide{ width:60px; cursor: pointer;}
/*--产品详情--*/
.boxinfo .md.mymd{ flex-direction:column; }
.infobox{flex-direction:column; }
.infol{ width:100%;padding:0px 15px 15px; position: relative;}
.infor{ width:100%;padding:80px 15px 0px; position:relative; }
.top-one-l h1{ font-size:1.35rem;}
.top-one-l p{ font-size:1.15rem;}
.top-tfour{ width:100%; padding:0px 15px; position:absolute; left:0; top:0; }
.top-five p{ width:100%;}
.morebox{ padding:30px 0px 0px;}
.more-title h1{ font-size:1.35rem; padding:15px; }
.more-cpbox{ width:100%; padding:20px 25px; }
}

@media (max-width: 480px) {
}