@media (max-width:600px) {



  .nav_link_list li:nth-child(1),

  .nav_children_link_list li:nth-child(1) {

    /* margin-left: 30px; */

  }

}







.application .relation {

  /* width: 100%; */

  /* background-color: #e01e1e; */

  padding: 60px 68px;

  /* margin-left: 7px; */

}



.application .relation .container {

  /* border: 1px solid black; */

  margin: 0 auto;

}



.border_line {

  width: 100%;

  height: 1px;

  background-color: #c0c0c0;

  opacity: 0.36;

}



.foot {

  padding-top: 40px;

}



.application .relation .left {

  padding: 1% 0 0 0;

  /* border: 1px solid black; */

  /* width: 580px; */

  float: left;

}



.titles .bottom_line {

  width: 50px;

  height: 4px;

  background-color: #2a78ab;

  margin-top: 20px;

}



.titles h1 {

  font-size: 40px;
  text-transform: capitalize;

}



.application .relation .left .text {

  font-size: 16px;

  color: #666;

  margin-top: 12%;

  line-height: 36px;

  /* border: 1px solid black; */

}



.application .relation .left .text .text-t {

  width: 100%;

  height: 91px;

  border: 1px dotted #f0f0f0;

  position: relative;

}



.application .relation .left .text .text-t .border-box {

  float: left;

  width: 90px;

  height: 91px;

  /* border: 1px solid yellow; */

  background-color: #f7f7f7;

  text-align: center;

  line-height: 90px;

}



.text-box {

  float: left;

  height: 91px;

  width: auto;

  line-height: 45px;

  margin-left: 20px;

  font-weight: bold;

  max-width: calc(100% - 125px);

}



.application .relation .left .text .text-t .border-box img {}



.application .relation .left .text .text-t .border-text {

  color: #9c9c9c;

  /* float: right; */

  /* display: inline-block; */

  /* position: absolute;

  top: 14px;

  left: 110px; */

  font-size: 24px;

}



.application .relation .left .text .text-t .border-test {

  font-size: 17px;

  color: #488db9;

}



.application .relation .left .text .text-t .border-text .border-text-x {

  top: -1;

}

.application .relation .left .text .text-t:last-child .border-test{
  font-size: 14px;
  line-height: 22px;
}


.application .relation .bg {

  display: block;

  width: 100%;

  padding: 40px 0;

}



.application .relation .right {

  /* width: 60%; */

  /* width: 840px; */

  /* margin-left: 60px; */

  text-align: right;

  float: right;

}



.application .relation .right img {

  /* display: inline-block; */

  padding-top: 17px;

  width: 100%;

  vertical-align: middle;

}



/* 媒体查询 */



@media (max-width: 991px) {

  .titles h1 {

    font-size: 20px !important;

  }



  .application .relation .right {

    width: 100%;

    text-align: left;

    margin-top: 25px;

  }



  .application .relation .right img {

    display: inline-block;

    /* width: 96%; */

  }



  .application .relation .left .text {

    margin-top: 3%;

  }



  .application .relation {

    width: 100%;

    padding-top: 30px;

    padding-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

  }



  .application .relation .bg,

  .application .relation .contact_box {

    margin-top: 20px;

    margin-bottom: 20px;

  }



  .titles .bottom_line {

    height: 2px;

  }



  .application .relation .bg {

    padding: 0;

  }



  .application .relation .container {

    width: auto;

  }



  .foot {

    padding-top: 20px;

  }

}



@media (min-width: 992px) {

  /*  .application .relation .container {

    width: 970px;

  } */

}



@media (min-width: 1460px) {

  .application .relation .container {

    width: 1200px;

  }

}



@media (max-width: 1260px) {



  .application .relation .left,

  .application .relation .right {

    width: 100%;

  }



  .application .relation .left .text {

    margin-top: 2%;

  }

}





@media (min-width: 1260px) {



  /* .application .relation .container {

    width: 100%;

    padding: 0 15px;

    margin: 0 68px;

  } */

  .application .relation .left {

    padding: 1% 0 0 0;

    /* border: 1px solid black; */

    /* width: 400px; */

    float: left;



  }



  .application .relation .right {

    margin-top: -80px;

    width: 60%;

    /* height: 200px; */

  }



  .application .relation .left .text {

    margin-top: 9%;

  }

}





@media (max-width: 430px) {



  .application .relation .left .text .text-t .border-box {

    width: 70px;

    height: 60px;

    line-height: 60px;

  }



  .border-text {

    /* font-size: 18px !important; */

    font-size: 16px !important;

  

  }



  .border-test {

    /* font-size: 16px !important; */

    font-size: 16px !important;

  }



  .application .relation .left .text .text-t .text-box {

    height: 60px;

    line-height: 30px;

  }

}



@media (min-width: 1680px) {

  .application .relation .left .text {

    font-size: 20px;

  }



  .application .relation .container {

    width: 1480px;

  }

}

@media(max-width: 1459px) {

  .application .relation .left .text .text-t {

    height: 65px;

}

.application .relation .left .text .text-t .border-box {

  height: 65px;

  line-height: 65px;

}

.text-box {

  height: 65px;

  line-height: 32px;

}

.application .relation .left .text .text-t .border-test {

  font-size: 16px;

}

.application .relation .left .text .text-t .border-text {

  color: #9c9c9c;

  font-size: 20px;

}

}

@media (max-width: 500px) {

  .application .relation .left .text .text-t {

    display: flex;

    height: 60px;

}
  .application .relation .left .text .text-t:last-child{
    height: 90px;
  }
  .application .relation .left .text .text-t:last-child .border-box{
    line-height: 90px;height: 90px;
  }
  .application .relation .left .text .text-t:last-child .text-box{
    height: 90px;
    line-height: 22px;
  }
  .application .relation .left .text .text-t:last-child .border-test{
    font-size: 14px!important;
  }
}