/* 解决方案 */
#in_solution {
  background-color: #f5f5f5;
  padding-top: 4rem /* 64/16 */;
  padding-bottom: 4rem /* 64/16 */;
}

#in_solution .box_left {
  margin-right: 3.125rem /* 50/16 */;
}

#in_solution .box_left .title_box {
  font-size: 2rem /* 32/16 */;
  margin-bottom: 1.875rem /* 30/16 */;
}

#in_solution .btn_more {
  display: block;
  padding: 0.75rem 2rem;
  background-color: var(--base_color);
  text-align: center;
  color: #ffffff;
  font-size: .875rem /* 14/16 */;
  border-radius: 1.25rem /* 20/16 */;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#in_solution .btn_more:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--second_color);
  transition: all 0.3s ease;
  z-index: -1;
}

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

/* 轮播 */
#in_solution .box_right a .solution_title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .9375rem /* 15/16 */ .625rem /* 10/16 */;
  text-align: center;
  font-size: .9375rem /* 15/16 */;
  color: #ffffff;
  z-index: 1;
  background-color: #93a0ac;
}

#in_solution .box_right a .solution_title:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #93a0ac;
  z-index: 0;
  transition: all 0.3s ease;
}

#in_solution .box_right a:hover .solution_title:before {
  width: 100%;
  background-color: var(--second_color);
}

#in_solution .box_right .solution_title p {
  position: relative;
  z-index: 1;
}

/* 产品中心 */
#in_product {
  background-color: #ffffff;
  padding-top: 4.25rem /* 68/16 */;
  padding-bottom: 5.25rem /* 84/16 */
}

#in_product .box_header.main_box_header {
  margin-bottom: 4rem /* 64/16 */;
}

/* 产品中心选项卡 */
.product_tabs {
  margin-bottom: 1.75rem /* 28/16 */;
}

.product_tabs .tabs_btns {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 3.625rem /* 58/16 */;
  overflow-x: auto;
  overflow-y: hidden;
}

.product_tabs .tabs_btn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.5625rem /* 57/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;
}

.product_tabs .tabs_btn a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  background-color: var(--base_color);
  transition: all 0.3s ease;
}

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

.product_tabs .tabs_btn a:hover,.product_tabs .tabs_btn.active a {
  color: #ffffff;
}

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

/* 产品列表 */
.product_list {
  margin-bottom: 3rem /* 48/16 */;
}
.product_img {
  margin-bottom: 2rem /* 32/16 */;
  position: relative;
}

.product_list li .product_img:after {
  transition: all 0.3s ease;
}

.product_mask {
  width: 100%;
  height: 4.375rem /* 70/16 */;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #ffffff;
  transform: translateY(100%);
  transition: all 0.3s ease;
}

.product_list li:hover .product_mask {
  transform: translateY(0);
}

.product_list li:hover .product_img {
  background-color: #000000;
}
.product_list li:hover .product_img img {
  opacity: 0.48;
}

.product_mask i {
  font-size: 1.5rem /* 24/16 */;
  color: #ffffff;
}

.product_mask span {
  font-size: 1.25rem /* 20/16 */;
  color: #ffffff;
  margin-left: .625rem /* 10/16 */;
  margin-right: .625rem /* 10/16 */;
}

.product_mask .btn_more {
  display: block;
  padding: .5rem /* 8/16 */ .9375rem /* 15/16 */;
  background-color: var(--second_color);
  text-align: center;
  color: #ffffff;
  font-size: .875rem /* 14/16 */;
  border-radius: 1.25rem /* 20/16 */;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.product_mask .btn_more:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--base_color);
  transition: all 0.3s ease;
  z-index: -1;
}

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

.product_list li:hover .product_img:after {
  margin-top: 60%;
}

.product_info { display: block; }
.product_info .product_title {
  font-size: 1.25rem /* 20/16 */;
  margin-bottom: .75rem /* 12/16 */;
  line-height: 1.6;
  color: #333333;
}

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

.product_info .product_icon {
  display: flex;
  width: 2.375rem /* 38/16 */;
  height: 2.375rem /* 38/16 */;
  background-color: #ececec;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #333333;
  font-size: 1.125rem /* 18/16 */;
  transition: all 0.3s ease;
}

.product_info .product_icon i {
  transform: rotate(135deg);
}

.product_list li:hover .product_icon {
  background-color: var(--second_color);
  color: #ffffff;
}

.product_action {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.product_action .btn_more {
  width: 14.75rem /* 236/16 */;
  height: 3.4375rem /* 55/16 */;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
  border-radius: 1.875rem /* 30/16 */;
  font-size: 1rem /* 16/16 */;
  overflow: hidden;
}

.product_action .btn_more {
  background-color: var(--base_color);
  color: #ffffff;
}

.product_action .btn_more p {
  position: relative;
  z-index: 1;
}

.product_action .btn_more::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--second_color);
  transition: all 0.3s ease;
  z-index: 0;
}

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

 /* 关于我们 */
 #in_about {
  padding-top: 0;
  padding-bottom: 3.125rem /* 50/16 */;
  background: url('../images/index/section_3_bg.jpg') no-repeat bottom center;
  background-size: auto 56.75rem /* 908/16 */;
}

#in_about > .container{
  background: url('../images/index/about_bg.jpg') no-repeat top right;
  background-size: auto 26.3125rem /* 421/16 */;
}

.about_content { margin: 0 auto 5.125rem /* 82/16 */ !important; }

.about_right {
  padding: 4.5rem /* 72/16 */;
}
.about_right .about_title {
  color: #333333;
  font-size: 1.625rem /* 26/16 */;
  font-weight: bold;
  margin-bottom: 1.5rem /* 24/16 */;
}
.about_right .about_desc {
  color: #333333;
  font-size: 1rem /* 16/16 */;
  line-height: 2;
}

.about_action {
  margin-top: 2rem /* 32/16 */;
}

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


.about_action .btn_more p {
  position: relative;
  z-index: 1;
}

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

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

.about_action .btn_more_1 {
  width: 16rem /* 256/16 */;
  height: 3.25rem /* 52/16 */;
  border: 1px solid var(--base_color);
  color: var(--base_color);
}


.about_action .btn_more_1 i  {
  font-size: 1.5rem /* 24/16 */;
}

.about_action .btn_more_1 span {
  font-weight: bold;
  font-size: 1.125rem /* 18/16 */
}

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


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


.about_action .btn_more_2:hover {
  color: #ffffff;
}

/* 图片集锦 */
.pics_tabs .tabs_btns {
  margin-bottom: 3.125rem /* 50/16 */;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pics_tabs .tabs_btn { position: relative; }
.pics_tabs .tabs_btn::after { position: absolute; content: "|"; right: 0; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.3); }
.pics_tabs .tabs_btn:last-child::after { display: none; }

.pics_tabs .tabs_btn a {
  display: inline-block;
  padding: 1.875rem /* 30/16 */ 2.5rem /* 40/16 */;
  color: #ffffff;
  font-size: 1.375rem /* 22/16 */;
  background-color: transparent;
  transition: all 0.3s ease;
  text-align: center;
  position: relative;
}

.pics_tabs .tabs_btn a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.pics_tabs .tabs_btn.active a,
.pics_tabs .tabs_btn a:hover {
  color: #ffffff;
}

.pics_tabs .tabs_btn.active a::before,
.pics_tabs .tabs_btn a:hover::before {
  width: 5.375rem /* 86/16 */;
  opacity: 1;
}

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

.pics_tabs .tabs_conts {
  position: relative;
}

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

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

.case_img .play {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  z-index: 1;
}
.case_img .play i {
  opacity: 1;
  font-size: 3.5rem /* 56/16 */;
}

.tabs_cont .swiper {
  padding-bottom: 3.75rem /* 60/16 */;
}

.tabs_cont .swiper .swiper-pagination-bullet {
  border-radius: 0;
  width: 1.25rem /* 20/16 */ !important;
  height: .125rem /* 2/16 */ !important;
  background-color: #ffffff;
  opacity: 1;
}
.tabs_cont .swiper .swiper-pagination-bullet-active {
  width: 1.875rem /* 30/16 */ !important;
  background-color: var(--second_color);
}

/* 资讯动态 */
#in_news {
  padding-top: 3.125rem /* 50/16 */;
  padding-bottom: 4.75rem /* 76/16 */;
}

#in_news .container {
  max-width: 96%;
}

#in_news .box_body {
  height: 31.0625rem /* 497/16 */;
  position: relative;
}

#in_news .box_body .bg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 47.4375rem /* 759/16 */;
}

.news_swiper {
  margin-left: 27.5rem /* 440/16 */;
  padding: .625rem /* 10/16 */ .625rem /* 10/16 */ 6.25rem /* 100/16 */ .625rem /* 10/16 */;
}

.news_info {
  display: block;
  background-color: #ffffff;
  padding: 3.125rem /* 50/16 */;
}

.news_info .news_title {
  font-size: 1.25rem /* 20/16 */;
  margin-bottom: .75rem /* 12/16 */;
  line-height: 1.6;
  height: calc(1.25rem * 1.6 * 2);
  color: #333333;
}

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

.news_info .news_icon {
  display: flex;
  width: 2.375rem /* 38/16 */;
  height: 2.375rem /* 38/16 */;
  background-color: #ececec;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #333333;
  font-size: 1.125rem /* 18/16 */;
  transition: all 0.3s ease;
}

.news_info .news_icon i {
  transform: rotate(135deg);
}

.news_swiper a:hover .news_icon {
  background-color: var(--second_color);
  color: #ffffff;
}

.contols_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.news_swiper .swiper-pagination {
  position: unset;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  text-align: center;
  width: auto !important;
}

.news_swiper .swiper-pagination-bullet {
  width: 1.875rem /* 30/16 */ !important;
  height: .1875rem /* 3/16 */ !important;
  background-color: #333333;
  border-radius: 0;
}

.news_swiper .swiper-pagination-bullet-active {
  width: 3.125rem /* 50/16 */ !important;
  background-color: var(--second_color);
}

.news-button-next,.news-button-prev {
  width: 2.5rem /* 40/16 */;
  height: 2.5rem /* 40/16 */;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.news-button-next {
  background-color: var(--second_color);
  color: #ffffff;
}

.news-button-prev {
  border: 1px solid #d3d3d3;
}

.news-button-next:after,.news-button-prev:after {
  font-family: swiper-icons;
  font-size: 1rem /* 16/16 */;
}
.news-button-next:after {
  content: "next";
}
.news-button-prev:after {
  content: "prev";
}