.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: justify;
}

.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: 2.6rem 1.3rem 1.23rem 1.3rem;

}

.section_1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.01rem;
  z-index: 0;
}

.section_1 .bg .bg_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_1 .bg .bg_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.section_1 .content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section_1 .content_main {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.section_1 .content_main .content_info {
  width: 6.78rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: .4rem;
}

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

.section_1 .content_main .content_info .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  text-align: justify;
}

.section_1 .content_main .img_box {
  width: 8.31rem;
  height: 3.47rem;
}

.section_1 .content_main .img_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section_1 .content_main .img_box video {
    width: 100%;
  height: 100%;
  object-fit: contain;
}

.section_1 .content_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .38rem;
  margin: 1.85rem 0 0 0;
  display: none;
}

.section_1 .content_bottom .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  /* gap: 1.18rem; */
  border-bottom: .03rem solid rgba(96, 96, 96, .2);
}

.section_1 .content_bottom .tabs .tab {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(102, 102, 102, 1);
  transition: all .5s ease-in-out;
  position: relative;
  padding: 0 .59rem .12rem .59rem;
  transition: all .5s ease-in-out;
}

.section_1 .content_bottom .tabs .tab::after {
  content: '';
  position: absolute;
  bottom: -.02rem;
  left: 0;
  width: 0;
  height: .02rem;
  background: rgba(0, 64, 152, 1);
  transition: all .5s ease-in-out;
}

.section_1 .content_bottom .tabs .tab.active::after {
  width: 100%;
}

.section_1 .content_bottom .tabs .tab.active {
  color: rgba(51, 51, 51, 1);
}

.section_1 .content_bottom .tab_box {
  position: relative;
  width: 16.57rem;
  height: 7.2rem;
}

.section_1 .content_bottom .tab_box .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.section_1 .content_bottom .tab_box .item.active {
  opacity: 1;
}

.section_1 .content_bottom .tab_box .item .img_box {
  width: 16.57rem;
  height: 7.2rem;
  border-radius: .1rem;
  overflow: hidden;
}

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

.section_1 .content_bottom .tab_box .item .item_info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .58rem .56rem .58rem;
  border-radius: 0 0 .1rem .1rem;

  background: url('../img/layout1_section1_mask.png') no-repeat center center / cover;
}

.section_1 .content_bottom .tab_box .item .item_info .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: .2rem;
}

.section_1 .content_bottom .tab_box .item .item_info .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(255, 255, 255, 1);
}

.section_1 .content_bottom .tab_box .item .item_info .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(255, 255, 255, 1);
}

.section_1 .content_bottom .tab_box .item .item_info .p_btn {
  border: .01rem solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}


.section_1 .content_bottom_box {
    display: flex;
    gap: .4rem;
    margin: 1.5rem 0 0 0;
}

.section_1 .content_bottom_box .item {
    background: rgba(248, 248, 250, 1);
    border-radius: .1rem;
    width: 3.85rem;
    height: 2.4rem;
    padding: .48rem .4rem;
    display: flex;
    flex-direction: column;
    gap: .24rem;
}

.section_1 .content_bottom_box .item .icon {
    width: .56rem;
    height: .56rem;
}

.section_1 .content_bottom_box .item .desc {
    line-height: .32rem;
    font-weight: 400;
    color: Microsoft YaHei;
}

.section_2 {
  position: relative;
  height: 8.54rem;
}

.section_2 .bg {
  width: 100%;
  height: 6.27rem;
}

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

.section_2 .label {
  position: absolute;
  top: 1.3rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.section_2 .content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 4.45rem;
  left: 50%;
  transform: translateX(-50%);
  gap: .4049rem;
}

.section_2 .content .item {
  width: 5.263rem;
  height: 4.089rem;
  border-radius: .1rem;
  background: #fff;
  padding: .6478rem .4049rem;
  box-shadow: 0 .04rem .39rem .05rem rgba(0, 0, 0, 0.1);
}

.section_2 .content .item .icon {
  width: .6073rem;
  height: .6073rem;
}

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

.section_2 .content .item .name .line {
  background: rgba(0, 64, 152, 1);
  width: .40487rem;
  height: .040488rem;
  display: block;
  margin: .1215rem 0 0 0;
}

.section_2 .content .item .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  /*line-height: .32rem;*/
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  margin: 0 0 0 .2rem;
}

.section_2 .content .item .desc li {
  list-style: disc;
}


.section_3 {
  position: relative;
  padding: 1.73rem 1.3rem .61rem 1.3rem;
  display: flex;
  flex-direction: column;
  
}

.section_3 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

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

.section_3 .p_label {
    text-align: center;
}

.section_3 .desc {
    width: 9.04rem;
    margin: .35rem auto .59rem auto;
    font-weight: 290;
    /*line-height: 1.77;*/
    line-height: .363rem;
    text-align: center;
    font-family: 'Microsoft YaHei';
    
}

.section_3 .img_box {
    width: 11rem;
    margin: 0 auto;
    
}
.section_3 .img_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.section_4 {
  position: relative;
  padding: 2.05rem 1.3rem 1.11rem 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 .5rem 0;
  width: 100%;
  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 .5s ease-in-out;
  overflow: hidden;
}

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

.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 {
  background: rgba(248, 248, 248, 1);
}

.section_5 .content .item:hover .tag {
  color: rgba(0, 64, 152, 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 .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(102, 102, 102, 1);;
}

.section_5 .content .item:hover .bottom .left span:last-child {
    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 20px;
    }
    .section_1 .content_main {
        flex-direction: column;
        gap: 20px;
    }
    .section_1 .content_main .content_info {
        width: 100%;
    }
    .section_1 .content_main .content_info .title {
        font-size: 24px;
    }
    .section_1 .content_main .content_info .desc {
        font-size: 14px;
    }
    .section_1 .content_main .img_box {
        width: 100%;
    }
    .section_1 .content_main .img_box img {
        object-fit: contain;
        height: auto;
    }
    
    .section_1 .content_bottom_box {
        margin: 40px 0 0 0;
    }
    .section_1 .content_bottom_box {
        flex-wrap: wrap;
        gap: 20px;
    }
    .section_1 .content_bottom_box .item {
        width: 42vw;
    }
    .section_1 .content_bottom_box .item .desc {
        font-size: 12px;
    }
    
    .section_2 {
        height: auto;
    }
    .section_2 .label span {
        font-size: 24px;
    }
    .section_2 .content {
        position: relative;
        top: unset;
        left: unset;
        transform: translateY(-44vw);
    }
    .section_2 .content {
        flex-direction: column;
    } 
    .section_2 .content .item {
        /*width: 90%;*/
        width: calc( 100% - 40px );
        padding: 40px 20px;
    }
    .section_2 .content .item .name {
        font-size: 13px;
    }
    .section_2 .content .item .desc {
        font-size: 13px;
    }
    
    
    .section_3 {
        padding: 60px 20px;
    }
    .section_3 .desc {
        width: 100%;
    }
    .section_3 .img_box {
        width: 100%;
    }
    .section_3 .desc {
        font-size: 14px;
    }
    
    .section_4 .content {
        flex-direction: column;
    }
    .section_4 .content .img_box {
        width: 100%;
    }
    .section_4 .content .img_box img {
        object-fit: contain;
    }
    
    .section_4 {
        padding: 60px 20px;
    }
    .section_4 .content .list .item .title {
        font-size: 18px;
    }
    .section_4 .content .list .item .desc {
        font-size: 14px;
    }
    .section_4 .content .list {
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }
    
    .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 {
        padding: 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;
    }
    
}