.nans_multi_pic_text {
  position: relative;
  padding: 80px 0;
}

.nans_multi_pic_text .nans {
 display:flex;
  justify-content:space-between;
  align-items:center;
}
.nans_multi_pic_text .pic_text{width:45%}
.nans_multi_pic_text .pic_text:nth-child(2) {display:flex;flex-direction: column-reverse;}
.nans_multi_pic_text .pic_text:nth-child(2) .pic{margin-top:80px}
.nans_multi_pic_text .t p~p {
  margin-top: 15px;
}

.nans_multi_pic_text .pic {
  position: relative;
}
.nans_multi_pic_text .t{
  width:70%
}
.nans_multi_pic_text .t h3{
  font-weight: 500;
  margin: 80px 0 30px 0;
  font-size: 48px;
  line-height: 1;
}
.nans_multi_pic_text .t p{
  padding: 0 0 30px 0;
  border-bottom: 1px solid #333;
  margin: 0px 0 30px 0;
  font-size:18px;
  text-align:left!important;
}
.nans_multi_pic_text .t a{
  color: var(--color-primary);
  font-size:24px;
}
.nans_multi_pic_text .t  i{
    margin-left: 20px;
    color: var(--color-primary);
    font-size: 18px;
    border: 1px solid #333;
    border-radius: 50px;
    width: 39px;
    height: 39px;
    display: inline-block;
    line-height: 39px;
    text-align: center;
}
.nans_multi_pic_text .pic_text:nth-child(2) .t h3{margin: 0px 0 30px 0;}
.nans_multi_pic_text .pic a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

.nans_multi_pic_text .pic a i {
  font-size: 70px;
  color: white;
}

@media screen and (max-width: 1200px) {
  .nans_multi_pic_text h2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 992px) {
  .nans_multi_pic_text h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .nans_multi_pic_text {
    padding: 30px 0;
  }

  .nans_multi_pic_text h2 {
    font-size: 26px;
  }

   .nans_multi_pic_text p {
    font-size: 15px;
  }

  .nans_multi_pic_text .row {
    margin-top: 20px;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .nans_multi_pic_text .t {
    margin-top: 20px;
  }

  .nans_multi_pic_text .t p~p {
    margin-top: 6px;
  }

  .nans_multi_pic_text .pic {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 576px) {
  .nans_multi_pic_text h2 {
    font-size: 24px;
  }
}




@media screen and (max-width: 1500px) {
  .nans_multi_pic_text .t h3 {font-size: 40px;}
}
@media screen and (max-width: 1440px) {
  .nans_multi_pic_text .t h3 {font-size: 36px;}
}
@media screen and (max-width: 1281px) {
  .nans_multi_pic_text .t h3 {font-size: 34px;}
  .nans_multi_pic_text .t a{font-size: 22px;}
}
@media screen and (max-width: 1171px) {
  .nans_multi_pic_text .t h3 {font-size: 30px;}
}
@media screen and (max-width: 992px) {
  .nans_multi_pic_text .t h3 {font-size: 26px;margin: 10px 0;}
  .nans_multi_pic_text .t a{font-size: 20px;}
  .nans_multi_pic_text .nans {flex-direction: column;}
  .nans_multi_pic_text .pic_text {width: 100%;}
  .nans_multi_pic_text .t { width: 100%;}
  .nans_multi_pic_text .pic_text:nth-child(2) {flex-direction: column;}
  .nans_multi_pic_text .t p {padding: 0px 0 15px 0;margin: 0px 0 15px 0;font-size: 16px;}
  .nans_multi_pic_text .pic_text:nth-child(2) .pic {margin-top: 15px;}
  .nans_multi_pic_text .pic_text:nth-child(2) .t h3 {margin: 0px 0 10px 0;}
}
@media screen and (max-width: 768px) {
  .nans_multi_pic_text .t h3 {font-size: 24px;}
  .nans_multi_pic_text .t a{font-size: 18px;}
}
@media screen and (max-width: 480px) {
  .nans_multi_pic_text .t h3 {font-size: 22px;}
}