* {
  margin: 0;
  padding: 0;
}

html,
body {
  background: #ffffff !important;
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
  width: 2px;
  /* 设置滚动条的宽度 */
  background-color: #f9f9f9;
  /* 滚动条的背景色 */
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f9f9f9;
  /* 轨道的背景色 */
  /* 轨道的圆角 */
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  /* 滑块的背景色 */

}

.index_banner {
  width: 100%;
  height: calc(200px + 40rem);

}

.index_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_1_box {
  width: 100%;
  padding-top: calc(16px + 5rem);
}

.index_1 {
  max-width: 1640px;
  width: 90%;
  margin: auto;
}

.index_1_nav_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_1_nav_item {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(2px + 1rem);
  color: #333333;
  line-height: calc(2px + 1.5rem);
  text-align: center;
  cursor: pointer;
  transition: .3s;
  height: calc(12px + 2rem);
  display: flex;
  align-items: center;
}

.index_1_nav_item_act {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  transform: scale(1.5);
  color: #007BA3;
  line-height: calc(12px + 2rem);
}

.index_1_nav_more {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: calc(2px + 1rem);
  color: #666666;
  line-height: calc(12px + 1.5rem);
}

.index_1_main_box {

  width: 100%;
  margin: auto;
  padding-top: calc(20px + 5rem);
  padding-bottom: calc(40px + 5rem);
}

.index_1_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.index_1_main:nth-of-type(1) {
  display: flex;
}

.index_1_left {
  width: 38.5365%;
  height: calc(27px + 30rem);
  background: url(../images/pro.png) no-repeat;
  background-size: 100%;
  background-position: bottom;
  background-position-y: calc(10px + 10rem);
padding-top: calc(16px + 3rem);

}

.index_1_left .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: calc(4px + 1rem);
  color: #007BA3;
  line-height: calc(5px + 1.5rem);
}

.index_1_left .p2 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: calc(8px + 2rem);
  color: #333333;
  line-height: calc(10px + 3rem);
  margin-top: calc(1px + 0.25rem);
}

.index_1_left .p3 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #999999;
  line-height: calc(3px + 1.5rem);
  margin-top: calc(6px + 0.5rem);
}

.index_1_right {
  width: 55.5854%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}


.index_1_swiper_box {
  width: 90%;
}

.index_1_swiper {
  width: 100%;
}

.swiper-slide {
  width: 100%;
}

.index_1_border {
  width: 100%;
}

.index_1_border_pic {
  width: 97.5%;
  height: calc(150px + 20rem);
  background: #FFFFFF;
  box-shadow: 0px calc(2px + 0.1rem) calc(5px + 0.25rem) 0px rgba(0, 0, 0, 0.3);
  border-radius: calc(10px + 0.5rem);
  margin-top: calc(3px + 0.25rem);
  margin-left: 1.25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_1_border_pic img {
  width: 93.8272%;
  height: calc(102px + 20rem);
  object-fit: cover;
}

.index_1_border .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: calc(4px + 1rem);
  color: #333333;
  line-height: calc(5px + 1.5rem);
  text-align: center;
  margin-top: calc(5px + 1.5rem);
}

.index_1_right_pagenation_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(11px + 2rem);

  position: absolute;
  right: 0;
  z-index: 1;

}

.index_1_right_pagenation {
  width: calc(8px + 0.5rem);
  height: calc(8px + 0.5rem);
  background: #D8D8D8;
  border-radius: 50%;
  cursor: pointer;
}

.index_1_right_pagenation_box .line {
  width: calc(0px + 0.1rem);
  height: calc(100px + 10rem);
  background: #D8D8D8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  margin: auto;
  z-index: -1;
}




.index_1_right_pagenation_act {
  background-color: #007BA3;
}

.more {
  width: calc(68px + 5rem);
  height: calc(18px + 2rem);
  border-radius: calc(9px + 1rem);
  border: 1px solid #FFFFFF;
}

.more a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(5px + 0.25rem);
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
  line-height: 1;

}

.index_2_box {
  width: 100%;
  height: calc(200px + 40rem);
  background: url(../images/about_bg.png) no-repeat;
  background-size: cover;
}

.index_2 {
  width: 100%;
  height: 100%;
  background: rgba(0, 17, 40, 0.7);
  display: flex;
  justify-content: space-between;
}

.index_2_left {
  width: 53.3333%;
  height: 100%;
  border-right: calc(0px + 0.1rem) rgba(255, 255, 255, 0.2) solid;
  padding-left: calc(10px + 4rem);
  padding-top: calc(10px + 10rem);
}

.index_2_left_num {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: calc(3px + 4rem);
  padding-left: calc(3px + 3rem);
  padding-right: 25%;
  margin-top: calc(3px + 4rem);
}

.index_2_left_num_item {
  width: 50%;
}

.index_2_left_num_item .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(6px + 1rem);
}

.index_2_left_num_item .p2 {
  font-family: Roboto_Regular;
  font-weight: 600;
  font-size: calc(8px + 2rem);
  color: #FFFFFF;
  line-height: calc(20px + 2rem);
  margin-top: calc(5px + 0.25rem);
}

.index_2_right {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.index_2_right_item {
  width: 50%;
  height: calc(88px + 20rem);
  border-right: calc(0px + 0.1rem) rgba(255, 255, 255, 0.2) solid;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(6px + 1.5rem);
  padding-top: calc(25px + 5rem);
  padding-left: calc(8px + 4rem);
  position: relative;
}

.index_2_right_item:nth-of-type(1) {
  border-right: calc(0px + 0.1rem) rgba(255, 255, 255, 0.2) solid;

}

.index_2_right_item:nth-of-type(3) {
  width: 100%;
  height: calc(112px + 20rem);
  border-top: calc(0px + 0.1rem) rgba(255, 255, 255, 0.2) solid;
  padding-top: calc(9px + 3rem);
}

.index_2_right_item_icon {
  width: calc(2px + 3rem);
  height: calc(2px + 3rem);
  background: #D8D8D8;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_2_right_item_icon img {
  width: calc(6px + 1.5rem);
}

.index_2_right_item_name .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(3px + 1rem);
}

.index_2_right_item_name .p2 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(4px + 1rem);
  color: #FFFFFF;
  line-height: calc(5px + 1.5rem);
  margin-top: calc(1px + 0.1rem);
}

.index_2_right_item_more {
  width: calc(53px + 5rem);
  height: calc(75px + 5rem);
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/yuan.png) no-repeat;
  background-size: cover;
}

.index_2_right_item_more a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_2_right_item_more a img {
  width: calc(10px + 0.5rem);
  margin-top: calc(20px + 0.5rem);
  margin-left: calc(20px + 0.5rem);
}

.index_2_right_item_swiper {
  width: calc(147px + 30rem);
}

.cer_swiper {
  width: 100%;
}

.cer_pic_box {
  width: 100%;
  height: calc(90px + 5rem);
}

.cer_pic_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cer_swiper .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(4px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(10px + 0.5rem);
  text-align: center;
  margin-top: calc(3px + 0.5rem);
}

.index_3_box {
  width: 100%;
  padding-top: calc(8px + 5rem);
  padding-bottom: calc(11px + 2rem);
  background: url(../images/in3_bg.png) no-repeat;
  background-size: cover;
}

.index_3 {
  max-width: 1740px;
  width: 90%;
  margin: auto;
}

.index_3_nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(89px + 5rem);
  margin-top: calc(18px + 2rem);
}

.index_3_nav_item {
  width: calc(66px + 5rem);
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(6px + 1.5rem);
  color: #333333;
  line-height: calc(12px + 2rem);
  text-align: center;
  padding-bottom: calc(4px + 1rem);
  cursor: pointer;
  border-bottom: calc(2px + 0.1rem) transparent solid;
}

.index_3_nav_item_act {
  border-bottom: calc(2px + 0.1rem) #FF7300 solid;
}

.index_3_main {
  margin-top: calc(3px + 2rem);
}

.index_3_list {
  display: flex;
  justify-content: space-between;
  display: none;
}

.index_3_list:nth-of-type(1) {
  display: flex;
}

.index_3_list_item {
  width: calc(31.4943%);
  background: #FFFFFF;
  box-shadow: 0px calc(2px + 0.1rem) calc(5px + 0.25rem) 0px rgba(0, 0, 0, 0.1);
  border-radius: calc(10px + 1rem);
  padding: calc(5px + 1.5rem) calc(5px + 1rem);
}

.index_3_list_item_p1 img {
  width: calc(5px + 1.5rem);
}

.index_3_list_item .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: calc(10px + 0.5rem);
  color: #333333;
  line-height: calc(9px + 1rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(1px + 1rem);
}

.index_3_list_item .p2 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(2px + 1rem);
  color: #333333;
  line-height: calc(8px + 1.5rem);
  margin-top: calc(3px + 1rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index_3_list_item_pic {
  width: 100%;
  height: calc(70px + 5rem);
  margin-top: calc(3px + 1rem);
}

.index_3_list_item_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_3_list_item .p3 {
  border-top: 1px #D8D8D8 solid;
  margin-top: calc(15px + 1rem);
  padding-top: calc(5px + 1rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_3_list_item .p3 .time {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #333333;
  line-height: calc(6px + 1rem);
}

.index_4_box {
  width: 100%;
  padding-top: calc(17px + 4rem);
  padding-bottom: calc(24px + 5rem);
}

.index_4 {
  max-width: 1773px;
  width: 90%;
  margin: auto;
}

.index_4_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(10px + 2rem);
}

.index_4_swiper {
  width: 92.4986%;
}

.news_swiper {
  width: 100%;
}

.index_4_news_card {
  width: 100%;
  height: calc(93px + 20rem);
  background: #FFFFFF;
  box-shadow: 0px calc(2px + 0.1rem) calc(5px + 0.25rem) 0px rgba(0, 0, 0, 0.06);
  border-radius: calc(5px + 0.25rem);
  border: 1px solid #CACFD6;
}

.index_4_news_card_pic {
  width: 100%;
  height: calc(70px + 10rem);
  border-radius: calc(5px + 0.25rem);
  overflow: hidden;
}

.index_4_news_card_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(5px + 0.25rem);
  transition: .5s;
}

.index_4_news_card .p1 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: calc(6px + 0.5rem);
  color: #007BA3;
  line-height: calc(3px + 1rem);
  padding: 0 calc(2px + 1.5rem);
  margin-top: calc(7px + 1.5rem);
}

.index_4_news_card .p2 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: calc(10px + 0.5rem);
  color: #666666;
  line-height: calc(9px + 1rem);
  padding: 0 calc(2px + 1.5rem);
  margin-top: calc(7px + 0.5rem);
}

.index_4_news_card:hover .index_4_news_card_pic img {
  transform: scale(1.1);
}

.index_4_prev,
.index_4_next {
  width: calc(10px + 1.5rem);
  height: calc(10px + 1.5rem);
  background: #FFFFFF;
  border: 1px solid #CACFD6;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_5_box{
  width: 100%;
  background-color: #F6F9FE;
  padding-top: calc(9px + 4rem);
}
.index_5{
  max-width: 1427px;
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_5_right{
  width: 46.1107%;
}
.index_5_right label{
  display: none;
}
.index_5_right .fc-form-body{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: calc(3px + 2rem);
}
.index_5_right .form-group{
  width: 48.1763%;
  border-bottom: 1px #666666 solid;
}
.index_5_right .form-group:nth-of-type(3),.index_5_right .form-group:nth-of-type(4){
  width: 100%;
}
.index_5_right .form-group input{
  width: 100% !important;
  border: none;
  outline: medium;
  background-color: transparent;
font-family: Source Han Sans, Source Han Sans;
font-weight: 350;
font-size: calc(6px + 0.5rem);
color: #333333;
line-height: calc(3px + 1rem);
padding: calc(3px + 0.25rem) 0;

}
.index_5_right .form-group input::placeholder{
  font-family: Source Han Sans, Source Han Sans;
font-weight: 350;
font-size: calc(6px + 0.5rem);
color: #333333;
line-height: calc(3px + 1rem);
}


@media screen and (max-width: 1100px) {
  .more {
    width: calc(85px + 5rem);
    height: calc(25px + 2rem);
}
  .more a{
    font-size: calc(10px + 1rem);
  }
  .index_3_list_item .p1{
    font-size: calc(10px + 1rem) !important;
  }
  .index_3_list_item .p1 img{
    width: calc(16px + 1rem) !important;
  }
  .index_3_list_item .p2{
    font-size: calc(12px + 1rem) !important;
    line-height: 1.5;
  }
  .index_3_list_item .p3 .time{
    font-size: calc(10px + 1rem) !important;
    line-height: 1.5;
  }
  .more a{
    font-size: calc(10px + 1rem) !important;
  }
  .index_5{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(10px + 1rem);
  }
  .index_5_left{
    width: 100%;
  }
  .index_5_left br{
    display: none;
  }
  .index_5_right{
    width: 100%;
  }
  .index_5_right .form-group input{
    font-size: calc(10px + 1rem);
  }
  .index_5_right .form-group input::placeholder{
    font-size: calc(10px + 1rem);
  }
}