.container {
  position: relative;
}

.container .banner {
  position: relative;
  height: 100vh;
}

.container .banner .bg {
  width: 100%;
  height: 100%;
}

.container .banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container .banner .info {
  position: absolute;
  top: 1.2rem;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 1.33rem;
}

.container .banner .info .info_box {
  width: 8.44rem;
  margin: .36rem 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container .banner .info .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: #fff;
  margin: 0 0 .44rem 0;
}

.container .banner .info .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: 180%;
  color: #fff;
  margin: 0 0 .44rem 0;
  width: 100%;
  text-align: start;
}

.container .banner .info .crumb {
  display: flex;
  align-items: center;
  color: #666;
  width: 100%;
}

.container .banner .info .crumb .crumb-home {
  display: block;
  width: .24rem;
  height: .24rem;
  margin-right: .1rem;
}

.container .banner .info .crumb .crumb_arrow {
  display: block;
  width: .14rem;
  height: .14rem;
  margin-right: .1rem;
}

.container .banner .info .crumb a:last-child {
  color: rgba(255, 255, 255, 1);
}

.container .banner .info .crumb a {
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.section_1 {
  position: relative;
  padding: 1.6rem 0 0 0;
}

.section_1 .p_label {
  width: 100%;
  text-align: center;
}

.section_1 .p_label span  {
  display: block;
}

.section_1 .p_label .title {
  line-height: 132%;
  margin:  0 0 .4rem 0;
}

.section_1 .p_label .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  /*line-height: 160%;*/
  line-height: .36rem;
  color: rgba(102, 102, 102, 1);
}

.section_1 .content {
  width: 100%;
  margin: .9rem 0 0 0;
  position: relative;
}

.section_1 .content .section_1_swiper {
  width: 100%;
  overflow: hidden;
}

.section_1 .content .item {
  min-height: 5.45rem;
  background: #fafafa;
  display: flex;
  gap: .61rem;
  padding: .6rem .5rem;
}

.section_1 .content .item .img_box {
  width: 4.23rem;
  height: 3.58rem;
  flex-shrink: 0;
}

.section_1 .content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_1 .content .item .left {
  /* flex: 1; */
}

.section_1 .content .item .left .tag {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 160%;
  color: rgba(153, 153, 153, 1);
}

.section_1 .content .item .left .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 160%;
  color: rgba(51, 51, 51, 1);
}

.section_1 .content .item .left .list {
  margin: .75rem 0 0 0;
}

.section_1 .content .item .left .list .list_item {
  display: flex;
  gap: .14rem;
  align-items: start;
  margin:  0 0 .3rem 0;
}

.section_1 .content .item .left .list .list_item .icon {
  width: .2rem;
  height: .2rem;
  flex-shrink: 0;
}

.section_1 .content .item .left .list .list_item .right {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.section_1 .content .item .left .list .list_item .name {
  margin: 0 0 .1rem 0;
}

.section_1 .content .item .left .list .list_item .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  /*line-height: 160%;*/
  line-height: .36rem;
  color: rgba(102, 102, 102, 1);
  text-align: justify;
}

.section_1 .content .btns .btn {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  background: rgba(240, 240, 240, 1);
  z-index: 1;
}

.section_1 .content .btns .btn:hover {
  background: rgba(0, 64, 152, 1);
}

.section_1 .content .btns .prev,
.section_1 .content .btns .next {
  top: 50%;
  transform: translateY(-50%);
}

.section_1 .content .btns .prev {
  left: 2.43rem;
}

.section_1 .content .btns .next {
  right: 2.43rem;
}

.section_1 .content .btns .btn img {
  width: .2rem;
  height: auto;
}

.section_1 .content .btns .btn .normal,
.section_1 .content .btns .btn:hover .active {
  display: block;
}

.section_1 .content .btns .btn:hover .normal,
.section_1 .content .btns .btn .active {
  display: none;
}

.section_2 {
  position: relative;
  padding: 1.6rem 0 0 0;
}

.section_2 .content {
  width: 100%;
  position: relative;
}

.section_2 .content .img_box {
  width: 8.54rem;
  height: 7.7rem;
  border-radius: .1rem;
  position: relative;
}

.section_2 .content .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_2 .content .img_box .label {
  position: absolute;
  top: .75rem;
  left: 1.3rem;
  width: 4rem;
  line-height: .83rem;
  color: #fff;
}

.section_2 .content .img_box .label .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .6rem;
  color: rgba(255, 255, 255, 1);
}

.section_2 .content .info {
  position: absolute;
  width: 11.1rem;
  height: 6.12rem;
  right: 1.3rem;
  top: .88rem;
  border-radius: .1rem;
  background: rgba(252, 252, 252, 1);
  padding: .5rem .8rem;
}

.section_2 .content .info .line {
  display: flex;
  align-items: start;
  gap: .84rem;
  margin: 0 0 .5rem;
}

.section_2 .content .info .line .item {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
.section_2 .content .info .line:first-child .item {
  padding-bottom: .5rem;
  border-bottom: .01rem solid rgba(232, 232, 232, 1);
}

.section_2 .content .info .line .item .icon {
  width: .65rem;
  height: .65rem;
}
.section_2 .content .info .line .item .name {
  /*font-weight: bold;*/
  /*font-family: 'Microsoft YaHei';*/
  /*line-height: 160%;*/
  font-weight:300;
      line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  margin: .24rem 0 .24rem 0;
}
.section_2 .content .info .line .item .name span:first-child {
    font-weight: bold;
}

.section_2 .content .info .line .item .desc {
  font-weight: 300;
  /*font-weight: bold;*/
  /*font-family: 'Microsoft YaHei';*/
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  display: flex;
  width: 100%;
}
.section_2 .content .info .line .item .desc span:first-child {
    font-weight: bold;
}

.section_2 .content .info .line .item .desc span:first-child {
  flex-shrink: 0;
}











.section_4 {
  position: relative;
  padding: 1.6rem 1.3rem 0 1.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section_4 .label {
  position: relative;
}

.section_4 .label .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .6rem;
  color: rgba(51, 51, 51, 1);
}

.section_4 .content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .26rem;
  margin: 1.22rem 0 0 0;
}

.section_4 .content .img_box {
  width: 9.93rem;
  height: 5.82rem;
  border-radius: .1rem;
}

.section_4 .content .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.section_4 .content .img_box img.active {
  display: block;
}

.section_4 .content .list {
  width: 6.44rem;
  height: 5.82rem;
  border-radius: .1rem;
  padding: .91rem .69rem;
  background-color: rgba(248, 248, 250, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: .49rem;
}

.section_4 .content .list .item {
  padding: 0 0 .3rem 0;
  border-bottom: .01rem solid rgba(0, 0, 0, 0.06);
}

.section_4 .content .list .item .info_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin: 0 0 .2566rem 0; */
}

.section_4 .content .list .item .img_box {
  width: .26384rem;
  height: .26384rem;
}

.section_4 .content .list .item .img_box .icon {
  width: 100%;
  height: 100%;
}

.section_4 .content .list .item .img_box .normal,
.section_4 .content .list .item.active .img_box .active {
  display: block;
}

.section_4 .content .list .item.active .img_box .normal,
.section_4 .content .list .item .img_box .active {
  display: none;
}

.section_4 .content .list .item .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(51, 51, 51, 1);
}

.section_4 .content .list .item.active .title {
  color: rgba(0, 64, 152, 1);
}

.section_4 .content .list .item .desc {
  font-weight: 290;
  font-family: 'Microsoft YaHei';
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  max-height: 0;
  transition: all 1s ease-in-out;
  overflow: hidden;
}

.section_4 .content .list .item.active .desc {
  max-height: .72rem;
  margin: .2566rem 0 0 0;
}

.section_5 {
  position: relative;
  padding: 1.17rem 1.3rem .53rem 1.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section_5 .label {
  position: relative;
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .6rem;
  color: rgba(51, 51, 51, 1);
}

.section_5 .content {
  width: 100%;
  margin: .8rem 0 0 0;

  /* position: relative; */
}

.section_5 .content .section_5_swiper {
  width: 100%;
  overflow: hidden;
}

.section_5 .content .btns .btn {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  background: rgba(240, 240, 240, 1);
}

.section_5 .content .btns .btn:hover {
  background: rgba(0, 64, 152, 1);
}

.section_5 .content .btns .prev,
.section_5 .content .btns .next {
  top: 5.61rem;
}

.section_5 .content .btns .prev {
  left: .5rem;
}

.section_5 .content .btns .next {
  right: .5rem;
}

.section_5 .content .btns .btn img {
  width: .2rem;
  height: auto;
}

.section_5 .content .btns .btn .normal,
.section_5 .content .btns .btn:hover .active {
  display: block;
}

.section_5 .content .btns .btn:hover .normal,
.section_5 .content .btns .btn .active {
  display: none;
}

.section_5 .content .item {
  padding: .25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  border-radius: .1rem;
}

.section_5 .content .item:hover .tag {
  background: rgba(248, 248, 248, 1);
  font-weight: bold;
}


.section_5 .content .item .img_box {
  /* width: 8.05rem; */
  width: 100%;
  height: 4.72rem;
  border-radius: .1rem;
  overflow: hidden;
}

.section_5 .content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
}

.section_5 .content .item:hover .img_box img {
  transform: scale(1.05);
}

.section_5 .content .item .tag {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(102, 102, 102, 1);
  margin: .3962rem 0 .21rem 0;
}

.section_5 .content .item:hover  .tag{
    color: rgba(0, 64, 152, 1);
}

.section_5 .content .item .name {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(51, 51, 51, 1);
  margin: 0 0 .51rem 0;
}

.section_5 .content .item:hover .name {
  color: rgba(0, 64, 152, 1);
}

.section_5 .content .item .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.section_5 .content .item .bottom .left {
  width: calc(100% - 2.1rem);
}

.section_5 .content .item .bottom .left span:first-child {
  font-weight: 350;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(102, 102, 102, 1);
  margin: 0 .15rem 0 0;
}

.section_5 .content .item .bottom .left span:last-child {
  font-weight: 500;
  font-family: 'Microsoft YaHei';
  line-height: 130%;
  color: rgba(0, 64, 152, 1);
}

.section_5 .content .item .bottom .btn {
  width: 2rem;
  height: .48rem;
  border-radius: 1rem;
  border: .01rem solid rgba(51, 51, 51, 0.51);

  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(51, 51, 51, 1);

  display: flex;
  justify-content: center;
  align-items: center;
  gap: .08rem;
}

.section_5 .content .item:hover .bottom .btn {
  border: .01rem solid rgba(0, 64, 152, 1);
  color: rgba(0, 64, 152, 1);
}

.section_5 .content .item .bottom .btn img {
  width: .14rem;
  height: .14rem;
}

.section_5 .content .item .bottom .btn.normal,
.section_5 .content .item:hover .bottom .btn .active {
  display: block;
}

.section_5 .content .item:hover .bottom .btn .normal,
.section_5 .content .item .bottom .btn .active {
  display: none;
}



@media (max-width: 767px) {
    .container .banner {
        height: 144vw;
    }
    .container .banner .info .title {
        font-size: 24px;
    }
    .container .banner .info {
        padding: 0 20px;
    }
    .container .banner .info .info_box {
        width: 100%;
    }
    .container .banner .info .desc {
        font-size: 14px;
    }
    .container{
        padding: 0 0 1.47rem 0;
    }
    .section_1 {
        padding: 60px 0 0 0;
    }
    .section_1 .p_label .title {
        font-size: 24px;
    }
    
    .section_1 .content .item {
        flex-direction: column-reverse;
    }
    .section_1 .content .item .img_box {
        height: 70vw;
    }
    .section_1 .content .item .img_box img {
        object-fit: contain;
    }
    .section_1 .content .btns {
        display: none;
    }
    .section_1 .content .item .left .title {
        font-size: 24px;
    }
    .section_1 .content .item .left .list .list_item .name {
        font-size: 18px;
    }
    .section_1 .content .item .left .list .list_item .desc {
        font-size: 14px;
    }
    .section_1 .content .item .left .list .list_item .icon {
        width: 20px;
        height: 20px;
    }
    
    
    .section_2 {
        padding: 60px 0 0 0;
    }
    .section_2 .content {
        height: 264vw;
    }
    .section_2 .content .img_box {
        width: 100%;
        height: 100vw;
    }
    .section_2 .content .info {
        position: relative;
        right: unset;
        top: unset;
        height: auto;
        padding: 40px 20px;
        width: 90%;
        margin: 0 auto;
        transform: translateY(-56vw);
    }
    .section_2 .content .info .line {
        flex-direction: column;
    }
    .section_2 .content .info .line .item .name {
        font-size: 14px !important;
    }
    .section_2 .content .info .line .item .desc {
        font-size: 14px;
    }
    
    .section_2 .content .img_box .label {
        font-size: 24px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    
    
    
    
    
    
    
    
    .section_5  {
        padding: 0 20px;
    }
    .section_5 .label span {
        font-size: 24px;
    }
    .section_5 .content .btns {
        display: none;
    }
    .section_5 .content .p_controls_m {
        margin: 0;
    }
    .section_5 .content .item .bottom .left span:first-child {
        font-size: 14px;
    }
    .section_5 .content .item .bottom .left span:last-child {
        font-size: 12px;
    }
    .section_5 .content .item .name {
        font-size: 18px;
    }
    .section_5 .content .item .tag {
        font-size: 14px;
        line-height: 1.5;
    }
}