.location .specPos { border-bottom: 1px dashed #dcdcdc; padding: 10px 0; }
.location .specPos b { border-left: 6px solid #ff4500; font-weight: normal; padding-left: 8px; }

.productWrap { margin-bottom: 20px; }
.productWrap .mainBox { margin: 20px 0; }
.productWrap .mainBox .boxLeft { width: 20%; float: left; }
.productWrap .mainBox .boxLeft .plone .tit {background: #09c39e;height: 65px;}
.productWrap .mainBox .boxLeft .plone .tit h3 {height: 65px;font-size: 20px;font-weight: normal;line-height: 65px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.productWrap .mainBox .boxLeft .plone ul { padding: 2px 0 4px; }
.productWrap .mainBox .boxLeft .plone ul li { height: 50px; font-size: 14px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; }
.productWrap .mainBox .boxLeft .plone ul li:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.productWrap .mainBox .boxLeft .plone ul li:active:after { border: 2px solid #09c39e; }
.productWrap .mainBox .boxLeft .plone ul li.active { color: #09c39e; }
.productWrap .mainBox .boxLeft .pltwo { margin-top: 40px; }
.productWrap .mainBox .boxLeft .pltwo .tit { background: #09c39e; text-indent: 18px; color: #fff; font-weight: bold; text-align: center; padding: 10px 0; }
.productWrap .mainBox .boxLeft .pltwo .tit h3 { margin: 0; font-size: 20px; }
.productWrap .mainBox .boxLeft .pltwo .contact { width: 100%; background: #ececec; padding: 10px 15px; font-size: 14px; border-bottom: 9px solid #09c39e; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.productWrap .mainBox .boxLeft .pltwo .contact ul li { padding: 3px 0; }
.productWrap .mainBox .boxRight { width: 75%; margin-top: 20px; float: right; }
.productWrap .mainBox .boxRight .loctit { height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; font-size: 24px; }
.productWrap .mainBox .boxRight .loctit span { display: inline-block; height: 50px; border-bottom: 2px solid #09c39e; }
.productWrap .mainBox .boxRight .displayList ul li { width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 10px; border: 1px solid #dedede; border-radius: 4px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
.productWrap .mainBox .boxRight .displayList ul li img { width: 100%; height: 200px; object-fit: cover; }
.productWrap .mainBox .boxRight .displayList ul li .txt { padding: 5px 10px; }
.productWrap .mainBox .boxRight .displayList ul li .txt h4 { font-weight: normal; font-size: 16px; color: #154c64; }
.productWrap .mainBox .boxRight .displayList ul li .txt .intro { font-size: 14px; line-height: 20px; color: #666; margin-bottom: 12px; }
.productWrap .mainBox .boxRight .displayList ul li:nth-child(3n) { margin-right: 0px; }
.productWrap .mainBox .boxRight .displayList ul li:hover { border: 1px solid #09c39e; }
.productWrap .mainBox .boxRight .displayList ul li:hover .txt h4, .productWrap .mainBox .boxRight .displayList ul li:hover .txt .intro { color: #09c39e; }
.productWrap .mainBox .boxRight .sortPage { display: table; margin: 40px auto; }
.productWrap .mainBox .boxRight .sortPage ul li { display: block; width: 30px; height: 28px; line-height: 26px; border: 1px solid #e5e5e5; float: left; text-align: center; margin: 0 6px; background: #fff; }
.productWrap .mainBox .boxRight .sortPage ul li.active { background: #09c39e; color: #ffffff; border: 1px solid #09c39e; }
.productWrap .mainBox .boxRight .explMsg { background: #ffffff; padding: 20px; }
.productWrap .mainBox .boxRight .explMsg .dplay { width: 38%; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide-thumb-active img { border: 2px solid #09c39e; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide { background-size: cover; background-position: center; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide img { display: block; width: 100%; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide .gallery-top { height: 100px; width: 100%; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide .gallery-top .swiper-slide img { width: 100%; object-fit: cover; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }
.productWrap .mainBox .boxRight .explMsg .dplay .swiper-container .swiper-slide .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.productWrap .mainBox .boxRight .explMsg .txt { width: 60%; position: relative; }
.productWrap .mainBox .boxRight .explMsg .txt h3 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; font-size: 18px; }
.productWrap .mainBox .boxRight .explMsg .txt .desc { line-height: 20px; font-size: 14px; color: #666666; }
.productWrap .mainBox .boxRight .explMsg .txt .hotLine { border-top: 2px solid #e6e6e6; padding-top: 10px; width: 100%; position: absolute; bottom: 0; left: 0; }
.productWrap .mainBox .boxRight .explMsg .txt .hotLine .hotLeft img { width: 41px; height: 41px; }
.productWrap .mainBox .boxRight .explMsg .txt .hotLine .hotLeft p { margin: 0; }
.productWrap .mainBox .boxRight .explMsg .txt .hotLine .hotRight { width: 114px; height: 40px; line-height: 40px; background: #09c39e; font-size: 14px; text-align: center; color: #ffffff; }
.productWrap .mainBox .boxRight .fabric { background: #ffffff; }
.productWrap .mainBox .boxRight .fabric .name { background: #09c39e; color: #ffffff; width: 100px; height: 40px; line-height: 40px; text-align: center; }
.productWrap .mainBox .boxRight .fabric .artxt { color: #666666; line-height: 20px; font-size: 14px; padding: 20px 10px; }
.productWrap .hotGood .goodTit { border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 16px; }
.productWrap .hotGood .goodTit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 52px; border-bottom: 2px solid #09c39e; background: url("../images/icon-hot.png") no-repeat 22px center; }
.productWrap .hotGood .goodTit span { margin-left: 10px; font-size: 18px; text-transform: uppercase; color: #c2c2c1; }
.productWrap .hotGood .goodList { margin: 20px 0; }
.productWrap .hotGood .goodList .goodItem { position: relative; }
.productWrap .hotGood .goodList .goodItem img { width: 100%; }
.productWrap .hotGood .goodList .goodItem .sign { width: 100%; position: absolute; bottom: 0; padding: 12px 20px; background: rgba(0, 0, 0, 0.4); color: #ffffff; }

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #09c39e; }

@media screen and (max-width: 421px) { .mainBox .boxLeft { float: none !important; width: 100% !important; }
  .mainBox .boxRight { float: none !important; width: 100% !important; }
  .mainBox .boxRight .displayList ul li { width: calc((100% - 10px) / 2) !important; }
  .mainBox .boxRight .displayList ul li:nth-child(2n) { margin-right: 0 !important; }
  .mainBox .boxRight .displayList ul li:nth-child(3n) { margin-right: 10px !important; }
  .mainBox .boxRight .displayList ul li:nth-child(6) { margin-right: 0 !important; }
  .mainBox .boxRight .explMsg { flex-wrap: wrap; }
  .mainBox .boxRight .explMsg .dplay { width: 100% !important; }
  .mainBox .boxRight .explMsg .txt { width: 100% !important; margin: 20px 0 0; }
  .mainBox .boxRight .explMsg .txt .hotLine { position: relative !important; margin: 10px 0 0; }
  .hotGood .goodTit b { font-size: 18px !important; background: none !important; padding-left: 0 !important; }
  .hotGood .goodTit span { font-size: 14px !important; } }

/*# sourceMappingURL=product.css.map */
