/*产品中心*/
/* product_index */
/* 产品列表 */

#product #section_box_1{
  padding-top: 6.5rem /* 104/16 */;
  padding-bottom: 0;
}

#hotSale_box { background-color: var(--second_color); padding: 2.5rem /* 40/16 */ 4rem /* 64/16 */ 4.5rem /* 72/16 */ 4rem /* 64/16 */; border-radius: 1.25rem /* 20/16 */; overflow: hidden; position: relative; }

#hotSale_box .header_box {
 display: flex; 
 justify-content: flex-end;
 align-items: center;
 color: #ffffff;
 margin-bottom: 1.5rem /* 24/16 */;
}

#hotSale_box .hotSale_title { background-color: var(--base_color); padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */ .625rem /* 10/16 */ 1.875rem /* 30/16 */; font-size: 2.5rem /* 40/16 */; color: #ffffff; font-weight: bold; text-transform: uppercase; line-height: 1.4; position: absolute; top: 0; left: 0; transform: translateX(-.625rem /* -10/16 */) skew(-15deg); }

#hotSale_box .more_box span.text { font-size: 1.875rem /* 30/16 */; font-weight: bold; line-height: 1.4; }
#hotSale_box .more_box .i_box { transition: all 0.3s; width: 3.125rem /* 50/16 */; height: 3.125rem /* 50/16 */; border-radius: 50%; overflow: hidden; border: 2px solid #ffffff; }
#hotSale_box .more_box .i_box i { font-size: 1.25rem /* 20/16 */; color: #ffffff; }
#hotSale_box .more_box:hover .i_box { background-color: var(--base_color); border: 2px solid var(--base_color); }

.products_info { display: block; padding: 3.5rem /* 56/16 */ 2.875rem /* 46/16 */; background-color: #ffffff; border-radius: 1.25rem /* 20/16 */; overflow: hidden; }
.products_info .item_img { margin-bottom: 2.5rem /* 40/16 */; }
.products_info .item_box .item_number { font-size: .875rem /* 14/16 */; font-weight: bold; margin-bottom: .75rem /* 12/16 */; }
.products_info .item_box .item_title { font-size: 1.25rem /* 20/16 */; font-weight: bold; }

.categoriese_box { margin-top: 1.875rem /* 30/16 */; margin-bottom: 1.875rem /* 30/16 */; }
.categoriese { width: 100%; min-height: 12.5rem /* 200/16 */; border-radius: 1.25rem /* 20/16 */; overflow: hidden; background: url('../images/index/more_box_bg.jpg') no-repeat bottom center; background-size: cover; padding: 1.875rem /* 30/16 */ 3.125rem /* 50/16 */; }

.cateList li a { font-size: 1.5rem /* 24/16 */; color: #ffffff; line-height: 1.4; }

#product #section_box_2 {
  padding-top: 0;
  padding-bottom: 11.25rem /* 180/16 */;
}


/*产品中心*/

/*产品详情*/
#proinfo { background-color: #f5f5f5; }

#proinfo #section_box_0 {
  padding-top: 15.75rem /* 252/16 */;
  padding-bottom: .625rem /* 10/16 */;
  position: relative;
}


#proinfo #section_box_0::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 57.5rem /* 920/16 */;
  content: "";
  background: url('../images/product/bg.jpg') no-repeat center center;
  background-size: cover;
}

.title_h1 {
  font-size: 5rem /* 80/16 */;
  margin-bottom: 2.5rem /* 40/16 */;
  position: relative;
  z-index: 1;
}

#proinfo .main_box {
  border-radius: 1.25rem /* 20/16 */;
  background-color: #ffffff;
  overflow: hidden;
  padding: 4rem /* 64/16 */ 5.4375rem /* 87/16 */;
  position: relative;
  z-index: 1;
}

#proinfo_show {
  padding-right: 5rem /* 80/16 */;
}

/* pro_show */
.gallery-top {
  width: 100%;
  margin: 0 auto;
  border-radius: 1.25rem /* 20/16 */;
  overflow: hidden;
}
/* pro_show */

#proinfo_cont .desc_box {
  padding-bottom: 6rem /* 96/16 */;
  margin-bottom: 4rem /* 64/16 */;
  color: #3e4245;
  border-bottom: 1px solid #e5e5e5;
}

/* 按钮样式 */
.btns_box { height: 9.5rem /* 152/16 */; }
.btns_left { width: 65%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.btns_right { width: 35%; height: 100%; }

.btn_1 { width: 100%; padding: 0 1.25rem /* 20/16 */; height: 100%; font-size: 1.625rem /* 26/16 */; color: #ffffff; display: flex; align-items: center; justify-content: space-between; border-radius: .625rem /* 10/16 */; overflow: hidden; background-color: var(--base_color); }
.btn_1 { color: #ffffff !important; }
.btn_1 i { font-size: 2.5rem /* 40/16 */; }

.btn_2 { width: 100%; padding: 0 1.25rem /* 20/16 */; height: 100%; font-size: 1.625rem /* 26/16 */; color: #ffffff; display: flex; align-items: center; justify-content: space-between; border-radius: .625rem /* 10/16 */; overflow: hidden; background-color: var(--base_color); }
.btn_2 { color: #ffffff !important; }
.btn_2 i { font-size: 2.5rem /* 40/16 */; }

.btn_2:hover { background-color: var(--second_color); }

.btn_3 { width: 100%; padding: 0 1.25rem /* 20/16 */; height: 100%; font-size: 1.625rem /* 26/16 */; color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: .625rem /* 10/16 */; overflow: hidden; background-color: var(--second_color); line-height: 1.2; }
.btn_3 { color: #ffffff !important; }
.btn_3 .i_box { transition: all 0.3s; width: 1.875rem /* 30/16 */; height: 1.875rem /* 30/16 */; border-radius: 50%; overflow: hidden; border: 2px solid #ffffff; }
.btn_3 .i_box i { font-size: 1.25rem /* 20/16 */; color: #ffffff; }
.btn_3:hover { background-color: var(--base_color); }

#proinfo #section_box_1 {
  padding-top: .625rem /* 10/16 */;
  padding-bottom: .625rem /* 10/16 */;
  position: relative;
}

#proinfo #section_box_2 {
  padding-top: .625rem /* 10/16 */;
  padding-bottom: .625rem /* 10/16 */;
  position: relative;
}

.title_h2 {
  font-size: 3.75rem /* 60/16 */;
  letter-spacing: -.125rem /* -2/16 */;
  margin-bottom: 1.875rem /* 30/16 */;
  position: relative;
  z-index: 1;
}

/* section_box_1 */
.mainInfo h2 {
  font-size: 2rem /* 32/16 */;
  color: #333333;
  padding-left: 2.5rem /* 40/16 */;
  position: relative;
  margin-bottom: 1.875rem /* 30/16 */;
  font-weight: bold;
}

.mainInfo h2:nth-child(n+2) {
  margin-top: 3.125rem /* 50/16 */;
}

.mainInfo h2::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  display: block;
  width: 0.75rem /* 12/16 */;
  height: 0.75rem /* 12/16 */;
  border-radius: 50%;
  background-color: var(--base_color);
}

.mainInfo h2::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5rem /* 8/16 */;
  content: "";
  display: block;
  width: 0.75rem /* 12/16 */;
  height: 0.75rem /* 12/16 */;
  border-radius: 50%;
  background-color: var(--second_color);
}

#proinfo #section_box_4 {
  padding-top: 0;
  padding-bottom: 3.375rem /* 54/16 */;
  position: relative;
}