.boxinfo{ width:100%; float:left; padding:0px; }
.plra30{ padding:0px 30px; }
.plra15{ padding:15px; }
.productbox{ width:100%; float:left; }
.product-inmain{ width:100%; display:flex; flex-direction:column; }
.phonebox{ width:100%; display:flex; flex-direction:row; gap:15px; }
.product-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:15px 0px; }
.product-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.product-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.product-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.product-content{ width:100%; padding:30px 0px 50px; }

.product-sort-search{ width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; gap:30px; padding:30px 0px; }
.ssbox{ width:100%; }
.sort-box{ display:flex; flex-direction:row; flex-wrap:wrap; gap:30px; }
.sort-box a{ width:140px; height:65px; background-color: #e5e5e5; color:#000; line-height:1.5; font-size:1rem; padding:5px; display:flex; justify-content:center; align-items:center; text-align:center; }
.sort-box a:hover{ color: #FFF; background-color:#c6000d; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.sort-box a.active{ color: #FFF; background-color:#c6000d; }

/* 产品 */
.probox{ width:100%; float:left; padding:15px 0px 90px; }
.prone{ width:100%; float:left;}
.cpbox{ width:100%; display: flex; flex-direction: column; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cpbox a{ display:flex; flex-direction:column; }
.cpbox i{ width:100%; overflow:hidden;}
.cpbox i img{ width:100%; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cpbox h1{ width: 100%; height: 75px; background-color: #f2f2f2; font-weight:normal;font-size:1rem; color:#000; padding:10px; display: flex; justify-content: center; align-items: center; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cpbox:hover h1{ background-color:#c6000d; color:#FFF; }
.cpbox:hover{ filter:progid:DXImageTransform.Microsoft.Shadow(color=#c6000d,direction=120,strength=4); -moz-box-shadow: 0px 0px 10px 0px #c6000d; -webkit-box-shadow: 0px 0px 10px 0px #c6000d; box-shadow:0px 0px 10px 0px #c6000d;}

/* 查找 */
.prosearch { position: relative; width:400px; margin-top:5px; }
.prosearch form { width:100%; position: relative; display: flex; align-items: center; }
.prosearch input[type="text"] {width: 100%;height: auto; color:#333333; padding: 15px 40px 15px 15px;font-size:0.85rem;transition: all 0.3s; border:1px solid #999999;}
.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:0px; top:0%; cursor: pointer;}
.prosearch img {width:30px;height:30px;}
.prosearch button{ width:30px;height:30px; background-color:#FFF; border:0; outline:none; position:absolute; right:15px; top:10px; }


/* 内页 */
.proinfobox{ width:100%;display:flex; flex-direction:row; padding:20px 0px 50px;}
.pfa-l{ width:40%; padding: 30px; float: left; display:flex; flex-direction:column-reverse; align-items:flex-start; gap:15px; }
.pfa-l .swiper-slide img{ width:100%;}
.swipera{ width:100%; position: relative; overflow: hidden; border: 1px solid #eeeeee;}
.swipera .zoom-hand{ position: absolute; right:15px; bottom:15px; z-index: 1;}
.swiperb{ width:100%; height:auto; position: relative; overflow: hidden;}
.swiperb .swiper-slide{ width:80px; border:2px solid #e4e4e4; }
.swiperb .img-thumbnail{ border:0!important; }
.swiperb .swiper-wrapper{ }
.swiperb .swiper-wrapper .swiper-slide{ display: flex; justify-content: center; align-items: center; cursor: pointer;}
.swiperb .swiper-wrapper .swiper-slide img{ width:100%; }
.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; }

.pfa-r{ width:60%; height:auto; float: left; padding:30px 0px 30px 5%; display:flex; flex-direction:column-reverse; justify-content: space-between; align-items:flex-start; position:relative; }
.r-content{ width:100%; display:flex; flex-direction:column; }
.top-one{ width:100%; display:flex; flex-direction:row; justify-content: space-between;  padding:10px 0px; position:relative;border-bottom:1px solid #d2d2d2;}
.top-one-l{ display:flex;flex-direction:column; padding-bottom:15px; }
.top-one-l p{ font-size:1.125rem; color:#000; }
.top-one-l h1{ font-size:1.875rem; line-height:1.8; color:#000; padding:15px 0px; }
.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%;}

.productinfo-twobox{ width:100%; height:auto; display:flex; flex-direction:column; }
.proinfo-title{ width:100%; height:115px; background-color:#e5e5e5; display:flex; justify-content:center; align-items:center; font-size:1.875rem; }
.proinfo-content{ width:100%; padding:30px 0px 100px; font-size:1.1rem; }
.proinfo-content img{ max-width:100%; }

/* 弹出层样式 */
.swiper-modal { position: fixed;top: 0;left: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999;display: none;}
.close-btn {position: absolute;top: 20px;right: 20px;color: #fff;font-size: 3rem; cursor: pointer;z-index: 10000;}
.swiper-modal .swiper {width: 80%;height: 80%;margin: 5% auto;}

/*更多*/
.morebox{ width:100%; display:flex; flex-direction:column; padding:90px 0px 0px;}
.more-title{ width:100%; min-height:160px; display:flex; justify-content:center; align-items:center; background-color:#e8e8e8; }
.more-title h1{ font-size:1.875rem; line-height:1.5; font-weight:normal; color:#595959; padding:15px; }
.more-cpbox{ width:100%; padding:25px 15px 70px; position:relative; }
.proone-swiper-button-prev { position:absolute; left:-70px; top:calc(50% - 5px); transform: translateY(-50%); background: url(../../uploads/svg-loaders/rl.png) center center no-repeat; border-radius: 360px; cursor:pointer; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.proone-swiper-button-prev:hover { width:45px; height:45px; background: url(../../uploads/svg-loaders/rlh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.proone-swiper-button-next { position:absolute; cursor:pointer; right:-70px; top:calc(50% - 5px); transform: translateY(-50%); background: url(../../uploads/svg-loaders/rr.png) center center no-repeat;  border-radius: 360px; background-size:90%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.proone-swiper-button-next:hover {width:45px; height:45px; background: url(../../uploads/svg-loaders/rrh.png) center center no-repeat; background-size:90%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*空*/
.searchtop{ margin-top:50px; }
.searchbox{ width:100%;display:flex; flex-direction:column; padding:30px 0px 100px; }
.words{width:100%;display: flex; justify-content:flex-start; align-items: center; flex-direction: row; padding:30px 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: 30px 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);}

.s-words{width:100%;display: flex; justify-content:flex-start; align-items: center; flex-direction: row;}
.s-wwd{ display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-right:15px; }
.s-words .s-wwd h1{ font-size:1.6rem; line-height:1.5; font-weight:600; }
.s-words .s-wwd p{font-size:1rem; line-height:1.5; font-weight:600; }
.s-words .prosearch{ padding:0; }

/*分页*/
.pagination-box { width:100%; display:flex; justify-content:center; align-items:center; padding:60px 0px 10px;}
.pagination { width:100%; display:flex; justify-content:center; align-items:center; }
.pagination li { margin: 0 5px; display:flex; justify-content:center; align-items:center;}
.pagination li a, 
.pagination li span {display:block;border-radius:4px;cursor: pointer; color:#000!important;  padding: 0px 15px; height: 32px; display: flex; justify-content: center; align-items: center;}
.pagination li a.cw{width:32px;height:32px;display:flex;justify-content:center;align-items:center; border-radius: 360px; border: 1px solid #949494;}
.pagination li.active a.cw {background: #333333!important;color:#FFF!important;}
.pagination li.disabled a {color: #000!important; cursor: not-allowed;}
.pagination li.disabled a:hover {color: #000!important;}
.pagination li a:hover:not(.disabled) {opacity: 0.7}
.pagination li a.cw:hover:not(.disabled) {background: #333;color:#FFF!important;}
#pr a{ width:80px; height:40px; font-size: 0.95rem; margin-right:80px; background: #fbfbfb; border-radius:20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
#ne a{ width:80px; height:40px; font-size: 0.95rem; margin-left:80px; background: #fbfbfb; border-radius:20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}


@media (max-width: 1430px) {

}

@media (max-width: 1230px) {
.sort-box{ gap:15px; }
.sort-box a{ width:130px; height:60px; }

}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.plra15{ padding:5px 5px; }
.product-sort-search{ padding-bottom:10px; }
.prosearch{ margin-top:0px; }
.sort-box{ gap:5px; }
.sort-box a{ width:110px; height:50px; }
.phonebox{ padding:0px 15px; }
.proinfobox{ padding:0px 0px 50px;}
.pfa-l{ width:45%; padding:10px; }
.pfa-r{ width:55%; padding:20px; }
}
/* xs */
@media (max-width: 767px) {
.xplra10{ padding:0px 10px; }
.plra0{ padding:0; }
.plrx0{ padding:0 5px; }
.plrax5{ padding:5px; }
.plra30{ padding:0px 15px; }
.plra15{ padding:0px 5px 10px; }

.productbox{ }
.product-title h1{ font-size:1.5rem; }
.product-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.product-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.product-content{ width:100%; padding:30px 0px 50px; }

.product-sort-search{ gap:10px; padding:0px; }
.sort-box{ gap:0px; float:left; }
.sort-box a{ width:100px; font-size:0.95rem; }

/* 产品 */
.probox{ width:calc(100% - 100px); padding:0px 5px 50px; }
.prone{ width:100%; float:left;}
.cpbox h1{ width: 100%; height:50px; font-size:0.85rem; padding:5px; }


/*分页*/
.pagination-box {padding:35px 0px;}
.pagination li { margin: 0 2px; }
.pagination li a, 
.pagination li span { padding:0px 10px; height:27px; }
.pagination li a.cw{ width:27px;height:27px;}
#pr a{ width:50px; height:30px; font-size: 0.7rem; margin-right:2px; }
#ne a{ width:50px; height:30px; font-size: 0.7rem; margin-left:2px; }

/* 查找 */
.prosearch {width:100%; margin:0px; padding:10px 0px 20px;}

/* 内页 */
.proinfobox{ flex-direction:column; padding:0px 0px 50px;}
.pfa-l{ width:100%; padding:0px; gap:10px; }
.swiperb .swiper-slide{ width:60px; }
.swiperb .swiper-wrapper .swiper-slide img{ height:50px !important; }
#prev{ width:40px; height:40px; }
#next{ width:40px; height:40px; }
.pfa-r{ width:100%; padding:20px 0px; flex-direction:column;  }
.top-one{ width:100%; padding:10px 0px; }
.top-one-l{ display:flex;flex-direction:column; padding-bottom:15px; }
.top-one-l p{ font-size:1.15rem; }
.top-one-l h1{ font-size:1.4rem; line-height:1.5; padding:10px 0px; }
.proinfo-title{ height:80px; font-size:1.4rem; }
.proinfo-content{ padding:20px 0px 50px; }


/*更多*/
.morebox{ padding:50px 0px 0px;}
.more-title{ min-height:100px; }
.more-title h1{ font-size:1.5rem; }
.more-cpbox{ padding:15px 0px 50px; }
.proone-swiper-button-prev { left:0px; width:35px; height:35px;}
.proone-swiper-button-prev:hover { width:35px; height:35px;}
.proone-swiper-button-next { right:0px; width:35px; height:35px;}
.proone-swiper-button-next:hover {width:35px; height:35px;}

/*空*/
.searchbox{ padding:20px 10px 50px; }
.words{ padding:20px 0px 0px;}
.words h1{ font-size:1.4rem; }
.words p{font-size:1.2rem; }
.empty-product {  margin:0px 0;}
.s-words{ align-items:flex-start; flex-direction:column; padding:20px 0px 0px;}
.s-wwd{  padding-right:0; }
.s-words .s-wwd h1{ font-size:1.4rem; }
.s-words .prosearch{ padding:10px 0px; }

}

@media (max-width: 480px) {
  .infol .swiper-slide img{ max-width:480px; }
}