.bigbox{ width:100%; display: flex; flex-direction:column; position:relative;}
.probanner{ width:100%; min-height:900px; display:flex; background-color:#242424; position: relative;}
.probanner i{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0; background-size:cover; }
.bigbox{ width:100%; display:flex; position:relative; z-index:1; padding:100px 0px; }
.sortbox{ width:100%; padding:80px 5%; display:flex; flex-direction:column; position: relative;}
.sortbox::before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#FFF; opacity:0.5; }
.sortbox ul{ width:100%; display:flex; flex-direction:column; }
.sortbox ul li{ width:100%; height:80px; padding:5px; position:relative; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; }
.sortbox ul li::before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#FFF; opacity:0.5; }
.sortbox ul li a{ width:100%; display:flex; color:#FFF; }
.sortbox ul li a h1{ font-weight:300; font-size:1.4rem; padding:5px; position:relative;}
.sortbox ul li a h1::before{ width:100%; height:10px; background-color:#e77820; content:''; position:absolute; left:0; bottom:5px; z-index:0; visibility:hidden; opacity:0; }
.sortbox ul li a span{ position:relative; z-index: 1;}
.sortbox ul li:last-child::before{ display:none; }
.sortbox ul li:hover a h1::before{ visibility:visible; opacity:1; }
/**/
.nopa{ padding:0; }
.sortbanner{ width:100%; height:auto; float:left; position: relative; overflow: hidden;}
.sortbanner>i{ width:100%; height:400px; float:left; background-size:cover; background-color: #242424; background-position:center; background-repeat:no-repeat;}
.sortbanner>i img{ width: 100%; object-fit:cover;}
.sort-titlebox{ width:100%; display:flex; flex-direction:column; padding:30px 0px; }
.sort-title{ width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; padding:0px 15px;}
.sort-title h1{ font-size:2.4rem; color:#000; font-weight:normal; text-align:center; }
.sort-title i{ width:1px; height:23px; background-color:#ff8524; }
.sort-title p{ font-size:1.5rem; color:#747474; letter-spacing:1px; text-align:center; }
.sort-navbox{ width:100%; display:flex; padding:60px 0px 25px; border-bottom:1px solid #e3e3e3; }
.sort-main{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.sortnav{ width:390px; display:flex; flex-direction:column;  position:relative; }
.thisnav{ width:100%; height:50px; border:1px solid #cbcbcb; border-radius:30px; padding:5px 20px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.thisnav h1{ font-size:1rem; font-weight:normal; color:#000;}
.thisnav i{ width:20px; height:20px; display:flex; align-items:center; justify-content:center; }
.thisnav i svg{ width:100%; }
.layui-menu{ width:100%; padding: 15px; border-radius: 30px; position:absolute; left:0; top:105%; opacity: 0; visibility:hidden;  -webkit-transition:0.1s;-moz-transition:0.1s;transition:0.1s; border: 1px solid #cfcfcf; background-color:#FFF; }
.sortnav:hover{ z-index:3;}
.sortnav:hover .layui-menu{ opacity:1; top:99%; visibility:visible; }
.sortnav .layui-menu .layui-menu-item-checked, .layui-menu .layui-menu-item-checked2{ color:#00a0e9; }
.layui-menu li:hover .layui-menu-body-title {background-color: #fb7307;border-radius:30px; }
.layui-menu li:hover .layui-menu-body-title a{ color:#FFF!important; }
.layui-menu .layui-menu-item-checked .layui-menu-body-title {background-color: #fb7307; border-radius:30px;}
.layui-menu .layui-menu-item-checked a, .layui-menu .layui-menu-item-checked2 a{ color: #ffffff; }
.layui-menu .layui-menu-item-checked:after{ border-right:0; }

.probox{ width:100%; min-height:200px; display:flex; padding-bottom:50px; }
.pro-main{ width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; }
.pror-info{ width:100%; }


.cpbox{ width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items: center; padding:15px; background-color:#f5f5f5;}
.cpbox a{ display:flex; flex-direction:column; width:100%; }
.cpbox i{ width:100%; overflow:hidden; border-radius:15px; }
.cpbox i img{ width:100%; max-height:300px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cpbox div{ display: flex; justify-content: center; align-items: center; flex-direction:column; padding:20px 0px 10px; gap:15px; }
.cpbox div h1{ font-size:1rem; font-weight:normal; color:#000; text-align:center; }
.cpbox div p{ width: 110px; height: 40px; font-size:0.875rem; padding:5px; background-color: #666666; font-weight:normal; color:#FFF;  text-align: center; display: flex; justify-content: center; align-items: center; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cpbox:hover i img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.cpbox:hover div p{ background-color:#ff8524; }

/*内页*/ 
.b-border{ border-bottom: 1px solid #e3e3e3; }
.pbim{ width:100%; display:flex; height:100px; }
.proinfobox{ width:100%;display:flex; flex-direction:column; padding:10px 0px 50px;}
.pfa-l{ width:56%; float: left; display:flex; flex-direction:column-reverse; align-items:flex-start; gap:15px; }
.swipera .swiper-slide{ background-color:#f8f8f8; min-height:570px; display: flex; justify-content: center; align-items: center; padding: 20px;}
.pfa-l .swiper-slide img{ width:100%; max-height:600px;}
.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{ border:5px solid #e4e4e4; }
.swiperb .img-thumbnail{ border:0!important; border-radius:0; padding:0;}
.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:auto; height:80px!important; }
.swiperb .swiper-slide-thumb-active { border:5px solid #ff8728!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:44%; height:auto; float: left; padding-left: 60px; display:flex; flex-direction:column; align-items:flex-start; }
.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; gap:15px; padding:15px 0px; }
.top-one-l h1{ font-size:1.875rem; line-height:1.8; color:#2a2a2a; }
.top-one-l p{ font-size:1.125rem; line-height:1.8; color:#2a2a2a; }
.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%; min-height:100px; display:flex; flex-direction:row; }
.top-two-l{ font-size:1.125rem; line-height:1.8; color:#2a2a2a; flex-shrink:0; padding-top: 25px;}
.top-two-r{ display:flex; flex-direction:row; flex-wrap:wrap; }
.rone{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:10px; max-width:110px;}
.rone i{ display:flex; }
.rone i img{ max-width:100%; }
.rone p{ text-align:center; font-size:0.75rem; color:#555555; }
.top-th{ width:100%; height:50px; background-color:#ff8728; display:flex; justify-content:center; align-items:center; flex-direction:row; margin:20px 0px;}
.top-th a{ width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; }
.top-th i{ width:40px; height:40px; }
.top-th i img{ width:100%; }
.top-th p{ font-size:1rem; color:#FFF; padding:0px 5px; }
.errorbox {color: #dc3545; background-color: #f8d7da; padding: 10px; border-radius: 4px; margin-bottom: 15px; border: 1px solid #f5c6cb; }
.successbox{color: #FFF; background-color: #4ec121; padding: 10px; border-radius: 4px; margin-bottom: 15px; border: 1px solid #4ec121; }

/*更多*/
.morebox{ width:100%; display:flex; flex-direction:column; padding:50px 0px;}
.more-title{ width:100%; min-height:150px; display:flex; justify-content:center; align-items:center; background-color:#efefef; }
.more-title h1{ font-size:1.875rem; line-height:1.5; font-weight:normal; color:#000; padding:20px 15px; text-align:center; }
.more-cpbox{ width:100%; padding:60px 0px; }

/* 查找 */
.prosearch { position:relative; width:400px; display:flex; height:50px; border-radius: 30px; border:1px solid #cbcbcb; overflow:hidden; }
.prosearch form { position: relative; display: flex;align-items: center; width:100%; }
.prosearch input[type="text"] {width: 100%;height: auto; color:#000; font-size:0.90rem; padding: 5px 15px; transition: all 0.3s; background-color: #FFF; border:0;}
.prosearch i { width: 35px; height: 35px; position: absolute; right: 15px;top: 50%; transform: translateY(-50%);cursor: pointer; background-image:url(../../uploads/page/searchbg.png); background-repeat:no-repeat; background-size:contain; background-position:center; display: flex; justify-content: center; align-items: center;}
.prosearch img { width:23px;height:23px;}
button{ background-color:#FFF; border:0; outline:none;  }

/*空*/
.searchtop{ padding-top:150px; }
.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:50px 15px;}
.pagination { width:100%; display:flex; justify-content:center; align-items:center; gap:5px;}
.pagination li {}
.pagination li a, 
.pagination li span {display:block;border-radius:360px;cursor: pointer; font-size:1rem; border:2px solid #cecece; color:#000!important; background-color: #ffffff; width:40px; height:40px; display: flex; justify-content: center; align-items: center;}
.pagination li a.cw{width:40px;height:40px;display:flex;justify-content:center;align-items:center;}
.pagination li.active a { background:#000; color: white!important; border:2px solid #000;}
.pagination li.disabled a { color:#f4f4f4!important; cursor: not-allowed;}
.pagination li.disabled a:hover { color:#f4f4f4!important;}
.pagination li a:hover:not(.disabled) {}
.pagination li a:hover:not(.disabled) {background:#333333; color:white!important; border:2px solid #333333;}
#first{ background-image:url(../../uploads/svg-loaders/left-h-double-arrow.svg); background-position:center; background-repeat:no-repeat; background-size:15px; }
#newsprev{ background-image:url(../../uploads/svg-loaders/left-h-single-arrow.svg); background-position:center; background-repeat:no-repeat; background-size:15px; }
#newsnext{ background-image:url(../../uploads/svg-loaders/right-h-single-arrow.svg); background-position:center; background-repeat:no-repeat; background-size:15px; }
#last{ background-image:url(../../uploads/svg-loaders/right-h-double-arrow.svg); background-position:center; background-repeat:no-repeat; background-size:15px; }

/*-- 弹出框 --*/
.cctt{ width:100%; height: auto; float:left; font-weight: 600; color: #FFF; }
.modal-header .close{ padding: 0;  margin: 0; float: right; position: absolute; right: 15px; }
.jjbg{ background:#fb7307; }
#jj .close span{ padding:0px 2px;  margin: 0; float: right; background-color: #ffffff;}
.tops{ top:15%;}
.incpbox{ width:100%; height: auto; float: left; padding: 5px 0px; }
.incp-t{ width:100%; height: auto; float: left; font-size: 16px; color:#000; line-height: 25px; }
.incp-t i{ color:red; float: left; padding-right: 10px; font-style: normal;}
.incp-x{ width:100%; height: auto; float: left}
.incp-x input{ width:100%; height: auto; border: 2px solid #242424; padding: 8px; font-size: 14px; color: #000;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.incp-tx{ width:100%; height:100px; float:left;}
.incp-tx textarea{ width:100%; height: 100%; border: 2px solid #242424; padding:8px; font-size: 14px; color: #000; resize: none;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.incpbtn{ width:100%; height: auto; float: left; padding: 20px 0px 10px;}
#ttcp{ width:120px; height:35px; background:#fb7307; display:inline-block; cursor:pointer; border:0; font-size:14px; color:#FFF; outline: none;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#ttcp:hover{ background:#242424; color:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

@media (max-width: 1430px) {

}
@media (max-width: 1230px) {
/*内页*/ 
.swiperb .swiper-wrapper .swiper-slide img{ height:60px!important; }

}
@media (max-width: 1080px) {
.cpbox i img{ max-height:180px; }
.cpbox div{ padding:10px 0px; gap:10px; }
.cpbox div p{ width: 100px; height:30px; }
}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

}
/* xs */
@media (max-width: 767px) {
.plra15{ padding:5px; }
.probanner{ min-height:700px;}
.bigbox{ padding:70px 0px; }
.bigbox.nopa{ padding-top:0; padding-bottom:0; }
.sortbox{ padding:20px 15px; }
.sortbox ul li{ height:60px; }
.sortbox ul li a h1{ font-size:1.2rem; }

/**/
.sortbanner>i{ height:250px; }
.sort-titlebox{ padding:20px 0px; }
.sort-titlebox.nopa2{ padding:0 0 20px!important; }
.sort-title{ gap:10px; padding:0px 15px;}
.sort-title h1{ font-size:1.45rem; }
.sort-title i{ height:18px; }
.sort-title p{ font-size:1.2rem; letter-spacing:0; }
.sort-navbox{ padding:20px 0px; }
.sort-titlebox.nopa2 .sort-navbox{ padding:10px 0px; }
.sort-main{ gap:5px; width:100%; }

.thisnav{ padding:5px 10px; }
.thisnav h1{ font-size:0.95rem; }
.thisnav i{ width:15px; height:15px; }
.layui-menu{ padding:10px; }
.probox{ padding:0px 0px 30px; display:flex; flex-direction:row; }
.prol-nav{width:120px; position:relative; height:100%;}
.pror-info{ width:calc(100% - 120px); padding:0px 5px; }
.prol-nav .layui-menu{ width:100%; height:100%; padding:5px; border-radius:5px; position:relative; left:0; top:0; opacity:1; visibility:visible; }
.prol-nav .sortnav:hover .layui-menu{ top:0; }
.prol-nav .layui-menu li:hover .layui-menu-body-title {border-radius:5px; }
.prol-nav .layui-menu .layui-menu-item-checked .layui-menu-body-title { border-radius:5px;}
.prol-nav .layui-menu li a{ font-size:0.85rem; padding:10px 15px;}
.prol-nav .layui-menu li { white-space:wrap!important; line-height:1.2; }

.cpbox{ padding:10px;}
.cpbox i img{ max-height:250px; }
.cpbox div{ padding:15px 0px 5px; gap:10px; }
.cpbox div h1{ font-size:0.95rem; }
.cpbox div p{ width:100px; height:35px; }

/*分页*/
.pagination-box { padding:50px 0px 0px;}
.pagination li a, 
.pagination li span { width:30px; height:30px; }
.pagination li a.cw{width:30px;height:30px;}

/* 查找 */
.prosearch{ width:100%; }
.prosearch input[type="text"] { padding: 5px 15px; }
.prosearch i { right: 5px;}
.prosearch img { width:22px;height:22px;}

/*内页*/ 
.pbim{ height:50px; }
.proinfobox{ padding:10px 0px 50px;}
.pfa-l{ width:100%; gap:10px; }
.swipera .swiper-slide{ min-height:300px; padding:15px;}
.pfa-l .swiper-slide img{ max-height:300px;}
.swiperb .swiper-wrapper .swiper-slide { min-width:60px; }
.swiperb .swiper-wrapper .swiper-slide img{ height:50px!important; }
.swiperb .swiper-slide-thumb-active { border:3px solid #ff8728!important;}
.swiperb .swiper-slide{ border:3px solid #e4e4e4; }

.pfa-r{ width:100%; padding-left:0px; }
.top-one-l{ gap:10px; padding:10px 0px; }
.top-one-l h1{ font-size:1.5rem; line-height:1.5; }
.top-one-l p{ font-size:1.1rem; line-height:1.5; }
.top-two-l{ font-size:1.1rem; line-height:1.5;}
.rone{ padding:10px 15px; max-width: 32%;}
.rone p{ font-size:0.85rem; }

/*更多*/
.morebox{ padding:0px;}
.more-title{ min-height:80px; }
.more-title h1{ font-size:1.45rem; }
.more-cpbox{ width:100%; padding:20px 0px; }

/*空*/
.searchbox{ padding:20px 10px 20px; }
.searchtop{ padding-top:70px; }
.s-words{ flex-direction:column; padding: 15px 0px; gap:15px;}
.s-words .prosearch{ width:100%; padding-left:10px; }
.s-words .s-wwd h1{ font-size:1.4rem; }
.s-wwd{ padding:0px; }

}

@media (max-width: 480px) {
/**/
.sortbanner>i{ height:200px; }
.cpbox i img{ max-height:110px; }
/*分页*/
.pagination { gap:2px;}
.pagination-box { padding:35px 0px 0px;}
.pagination li a, 
.pagination li span { width:25px; height:25px; }
.pagination li a.cw{width:25px;height:25px;}
}