/* 关于我们 */
 #in_about {
  min-height: 60rem /* 960/16 */;
  padding-top: 9.25rem /* 148/16 */;
  padding-bottom: 8.5rem /* 136/16 */;
  background: url('../images/index/about_bg.jpg') no-repeat bottom center;
  background-size: cover;
  overflow: hidden;
}

.about_right .about_title {
  margin-bottom: 2.5rem /* 40/16 */;
}

.about_right .about_content {
  color: #333333;
  font-size: 1rem /* 16/16 */;
  line-height: 2;
}

.about_action {
  margin-top: 5.5rem /* 88/16 */;
}

.btn_more {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
  font-size: 1rem /* 16/16 */;
  overflow: hidden;
}

.btn_more p {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

.btn_more::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.3s ease;
  z-index: 0;
}

.btn_more:hover::before {
  width: 100%;
}

.btn_more {
  width: 11rem /* 176/16 */;
  height: 3.25rem /* 52/16 */;
  background-color: var(--base_color);
  color: #ffffff;
}

.btn_more:before  {
  background-color: var(--second_color);
}

.btn_more:hover {
  color: #ffffff;
}

/* 产品中心 */
#in_products {
  background-color: #ffffff;
  padding-top: 7rem /* 112/16 */;
  padding-bottom: 5.25rem /* 84/16 */
}

#in_products .box_header.main_box_header {
  margin-bottom: 2.25rem /* 36/16 */;
}

/* 产品中心选项卡 */

.products_tabs .tabs_btns {
  margin-bottom: 3.375rem /* 54/16 */;
  overflow-x: auto;
  overflow-y: hidden;
}

.products_tabs .tabs_btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.875rem /* 30/16 */;
  padding: 0.5rem 1.875rem /* 30/16 */;
  background-color: #ffffff;
  color: #333333;
  transition: all 0.3s ease;
  font-size: 1.25rem /* 20/16 */;
  position: relative;
}

.products_tabs .tabs_btn a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: .75rem /* 12/16 */;
  opacity: 0;
  background-color: #dbf8fb;
  transition: all 0.3s ease;
}

.products_tabs .tabs_btn.active a:before,
.products_tabs .tabs_btn a:hover:before {
  width: 100%;
  opacity: 1;
}

.products_tabs .tabs_btn a:hover,.products_tabs .tabs_btn.active a {
  color: var(--base_color);
}

.products_tabs .tabs_btn a p {
  position: relative;
  z-index: 1;
}
.products_tabs .tabs_conts {
  position: relative;
}

.products_tabs .tabs_cont {
  display: none;
  animation: fadeIn 0.5s ease;
}

.products_tabs .tabs_cont.active {
  display: block;
}

.products_info { background-color: #f5f5f5; }
.products_info .item_tilte { transition: all 0.3s; transform: translateY(100%); z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; background-color: var(--base_color); color: #ffffff; padding: .625rem /* 10/16 */ .625rem /* 10/16 */; font-size: 1rem /* 16/16 */; text-align: center; }
.products_info:hover .item_tilte { transform: translateY(0);}

.products_tabs .contols_box { margin-top: 4rem /* 64/16 */; }
.products_tabs .contols_box .button { width: 2.625rem /* 42/16 */; height: 2.625rem /* 42/16 */; }
.products-button-prev { background-color: var(--base_color); }
.products-button-menu { background-color: #cccccc; }
.products-button-next { background-color: #cccccc; }
.products_tabs .contols_box .button:hover { background-color: var(--second_color); }

/* 产品列表 */

/* 解决方案 */
#in_solution {
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 43%, #f5f5f5 43%, #f5f5f5 100%);
  padding-top: 3.25rem /* 52/16 */;
  padding-bottom: 7rem /* 112/16 */;
}

#in_solution .box_header.main_box_header {
  margin-bottom: 5.5rem /* 88/16 */;
}

#in_solution .bing {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 9.9375rem /* 159/16 */;
}


#in_solution .box_left {
  width: 14%;
  margin-right: 3.125rem /* 50/16 */;
  padding-top: 20%;
}

#in_solution .box_left .desc_box {
  font-size: 1.0625rem /* 17/16 */;
  color: var(--grey1);
  line-height: 1.9;
}

.solution_action {
  margin-top: 3.5rem /* 56/16 */;
}

.solution_swiper {
  padding-top: 5rem /* 80/16 */;
}

.solution_swiper .swiper-slide {
  transition: all 0.3s ease;
}

.solution_swiper .swiper-slide-next {
  transform: translateY(-5rem) !important;
}

.solution_info .item_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #222222;
  display: flex;
  justify-content: center;
  align-items: start;
  font-size: 1rem /* 16/16 */;
}

.solution_info .item_box .box {
  width: 80%;
  margin-top: 20%;
}

.solution_info .item_box .box .title_box {
  font-size: 1.5rem /* 24/16 */;
}

.solution_info .item_box .box .line {
  width: 3rem /* 48/16 */;
  height: 1px;
  background-color: #565656;
  margin: 1.5rem /* 24/16 */ 0;
}
/* 轮播 */

/* 资讯动态 */
#in_news {
  padding-top: 8rem /* 128/16 */;
  padding-bottom: 6.25rem /* 100/16 */;
}

#in_news .box_header.main_box_header {
  margin-bottom: 4.5rem /* 72/16 */;
}

.news_info .info_box{
  padding: 3.125rem /* 50/16 */;
}

.news_info .date_box {
  margin-bottom: 1.25rem /* 20/16 */;
}

.news_info .date_box .day {
  font-size: 2.5rem /* 40/16 */;
  font-family: Arial;
  font-weight: bold;
  color: #666666;
  margin-bottom: .625rem /* 10/16 */;
}

.news_info .date_box .month {
  font-size: .9375rem /* 15/16 */;
  font-family: Arial;
  color: #aaaaaa;
}


.news_info .title_box {
  font-size: 1.125rem /* 18/16 */;
  line-height: 1.6;
  height: calc(1.125rem * 1.6 * 2);
  color: #222222;
}

.news_info .news_desc {
  font-size: .875rem /* 14/16 */;
  margin-bottom: 2rem /* 32/16 */;
  line-height: 1.6;
  color: var(--grey2);
}

.news_info:hover .hover_line:after {
  transform-origin: left center;
  transform: scaleX(1);
} 

.news_swiper .swiper-slide-active {
  border-left: 1px solid #dee2e6 !important;
}
.news_swiper .swiper-scrollbar { left: 0; width: 100%; background: unset !important; position: relative; margin-top: 3.25rem /* 52/16 */; }
.news_swiper .swiper-scrollbar:after { display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 1px; background-color: #dfdfdf; }
.news_swiper .swiper-scrollbar-drag { z-index: 1; height: 0.3125rem; background-color: var(--base_color) !important; border-radius: 0; }