@charset "UTF-8";
/*  prams $class      需要优化滚动条的容器名 $width      需要优化滚动条的容器宽度 $height     需要优化滚动条的容器高度 $scrollbar-track      滚动条的轨道颜色 $scrollbar-thumb      滚动条里面的小方块颜色 $scrollbar-thumb-hover      滚动条里面的小方块鼠标滑过的颜色 $scrollbar-corner      边角，即两个滚动条的交汇处颜色 */
.swiper_product-container { margin-top: 2.0rem; }

.module__container { position: relative; }

.module__container .swiper-button-next, .module__container .swiper-button-prev { -webkit-transition: all ease-in .2s; -o-transition: all ease-in .2s; transition: all ease-in .2s; opacity: 0; }

.module__container .swiper-button-prev, .module__container .swiper-button-next { height: 38px !important; width: 38px !important; margin-left: 10px; margin-right: 10px; background: url("../images/icon-arrwp02.png") !important; opacity: 0; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; outline: none; }

.module__container .swiper-button-prev:hover, .module__container .swiper-button-next:hover { opacity: 1; }

.module__container .swiper-button-prev { background-position: center left !important; }

.module__container .swiper-button-prev { background-position: center right !important; }

.module__container .swiper-button-next { left: -80px; }

.module__container .swiper-button-prev { right: -80px; left: auto; }

.module__container:hover .swiper-button-next, .module__container:hover .swiper-button-prev { opacity: 1; }

.menu__product_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; margin-bottom: 50px; }

.menu__product_wrapper .item { margin-right: 30px; margin-left: 30px; }

.menu__product_wrapper .acitve a { color: #FF741E; }

.menu__product_wrapper .acitve a::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.details__wrapper .item { position: relative; }

.details__wrapper .text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.details__wrapper .text.right { right: 5vw; }

.details__wrapper .text.left { left: 5vw; }

.details__wrapper .text b { text-align: center; border: 1px solid #000; padding: 5px 10px; border-radius: 10px; margin-bottom: 10px; font-size: 24px; }

.details__wrapper .text h3 { padding-bottom: 10px; border-bottom: 1px solid #000; width: 100%; }

@media (min-width: 480px) { .details__wrapper .text { top: 5vh; }
  .details__wrapper .text h4 { font-size: 32px; margin-bottom: 20px; text-align: center; }
  .details__wrapper .text h3 { font-size: 24px; margin-bottom: 20px; text-align: center; }
  .details__wrapper .text p { font-size: 20px; } 
	.product-guige__container .desc-list{ padding-top:0}
 }
  
@media (min-width: 768px) { 
 	.product-guige__container .desc-list{ padding-top:0}
}

@media (min-width: 992px) { .details__wrapper .text { top: 20vh; }
  .details__wrapper .text h4 { font-size: 48px; margin-bottom: 20px; text-align: center; }
  .details__wrapper .text h3 { font-size: 32px; margin-bottom: 20px; text-align: center; }
  .details__wrapper .text p { font-size: 20px; } 
 	.product-guige__container .desc-list{ padding-top:0}
 }

@media (min-width: 1400px) { .details__wrapper .text { top: 30vh; }
  .details__wrapper .text h4 { font-size: 48px; margin-bottom: 20px; text-align: center; }
  .details__wrapper .text h3 { font-size: 32px; margin-bottom: 20px; text-align: center; }
  .details__wrapper .text p { font-size: 20px; } }

#j_menu { background-color: #ffffff; width:100%; float:left }

#j_menu.sticky-hidden { top: 0; }

.product-guige__container .guige_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 15vh; padding-bottom: 15vh; padding-left: 10vw; }

.product-guige__container .title { font-size: 32px; margin-bottom: 30px; }

.product-guige__container .table_guige { display: table; }

.product-guige__container .table_guige .thead { display: table-row; font-size: 24px; }

.product-guige__container .table_guige .thead > div { display: table-cell; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }

.product-guige__container .table__container ul li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-bottom: 1px #e6e6e6 solid; margin-left: 70px; margin-right: 15px; padding: 32px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.product-guige__container .table__container .list-title { font-size: 24px; color: #1c1c1c; padding-right: 70px; }

.product-guige__container .table__container .list-des { color: #969696; font-size: 18px; line-height: 32px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.product-guige__container .desc-list { padding-top: 27vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.product-guige__container .desc-list .list-title { font-size: 24px; color: #1c1c1c; padding-right: 70px; }

.product-guige__container .desc-list .list-des { color: #969696; font-size: 18px; line-height: 32px; }

.swiper-button-next, .swiper-button-prev{ top:47%}

@media(max-width:992px){
	.product-guige__container .desc-list{ padding-top:0}
	.product-guige__container .guige_wrapper{ padding-bottom:30px}
}