.bg {

  background: url(../images/laboratory/l8.png) no-repeat;

  background-size: cover;

}



.laboratory-block1{

  padding: 90px 0;width:100%;height:200px;text-align:center;

}

.laboratory-block2{

  padding: 40px 0;width:100%;text-align:center;

}

.laboratory-block3{

  padding: 40px 0;width:100%;text-align:center;

}

.cnas-left{width:60%;float:left;}.cnas-right{width:35%;float:right;}

.laboratory-block1 h1,

.laboratory-block2 h1,

.laboratory-block3 h1 {

  font-size: 28px;

  font-weight: bold;

  margin-bottom: 40px;

  color: black;

}

.line {

  width: 70px;

  height: 3px;

  background-color: black;

  margin:auto;

}



.laboratory-block1 p,

.laboratory-block3 p {

text-align:justify;text-indent:30px;line-height: 30px; font-size:15px;

}

.laboratory-block2 p {

  width:100%;margin:auto; line-height: 30px; font-size:15px;

}

.laboratory-block2 p strong{

  font-weight:bold;

}

.laboratory-block3 P strong{

  font-weight:bold;

}



.laboratory-block1 .w1400 {

  display: flex;

  align-items: center;

}



.laboratory-block1 img {

  margin-left: 20px;

}



.laboratory-block2 h3 {

  font-size: 24px;

  color: black;

  margin-bottom: 40px;

}



.laboratory-block2 ul {

  display: flex;

  justify-content: center;

  margin-top: 30px;

}



.laboratory-block2 li {

  margin: 5px;

  display:block;

  text-align:center;

}



.laboratory-block2 li p {

  display:block;

  text-align:center;

}

.laboratory-block3 p{

  width:60%;

  text-align: center;margin:auto;

}

.laboratory-block2 li+li::before {

  content: "》";

  color: gray;

}



.laboratory-block3 ul {

  display: flex;

  flex-wrap: wrap;

  padding-left: 60px;

  margin-top: 40px;

}



.laboratory-block3 li {

  margin-left: 30px;

  width: 33.333%;

  text-align: center;

  line-height: 50px;

}



.laboratory-block3 li:nth-child(3n - 2) {

  margin-left: -60px;

}



.laboratory-block3 li:nth-child(-n + 3) {

  margin-bottom: 30px;

}



.laboratory-block3 img {

  width: 100%;

  height: 300px;

}



.laboratory-block3 h3 {

  border: 1px solid #eee;font-size:15px;

}



.MP {

  display: none;

}



@media only screen and (min-width: 300px) and (max-width: 1000px) {

  .PC {

    display: none;

  }



  .MP {

    display: block;

  }



  .laboratory-block1,

  .laboratory-block2{

    padding: 5px 0;width:100%;

  }

  .laboratory-block2{margin-top:0px;float:left;}

  .cnas-left,

  .cnas-right{width:100%;}

  .laboratory-block3 {

    padding: 95px 0;width:100%;margin-top:10px;

  }

  .laboratory-block1 h1,

  .laboratory-block2 h1,

  .laboratory-block3 h1 {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 0px;

    line-height:80px;

    color: black;

  }

  .laboratory-block2 h3 {

    font-size: 18px;

    color: black;

    margin-bottom: 40px;

  }

  .laboratory-block1 p,

  .laboratory-block2 p,

  .laboratory-block3 p {

    line-height: 30px;
    text-indent: 0px;
    text-align:center;
    width:100%;

  }



  .laboratory-block1 .w1400 {

    display: block;

  }



  .laboratory-block1 img {

    margin-left: 0;

    margin-top: 30px;

    width: 100%;

  }



  .laboratory-block2 ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 30px;

    margin-left: 20px;

  }

  

  .laboratory-block2 img {

    margin: 0;

    width: 80%;

  }

  .laboratory-block2 li {

    width:30%;
    display: block;
    text-align: center;
    height: 120px;


  }

  .laboratory-block2 li+li::before {

    content: none;

  }

  .laboratory-block2 li:nth-child(2n - 1) {

    margin-left: 0px;

  }

  .laboratory-block2 li:nth-child(-n + 4) {

    margin-bottom: 20px;

  }



  .laboratory-block3 ul {

    display: flex;

    flex-wrap: wrap;

    padding-left: 20px;

    margin-top: 30px;

  }



  .laboratory-block3 li {

    margin-left: 20px;

    width: 50%;

    text-align: center;

    line-height: 50px;

  }



  .laboratory-block3 li:nth-child(3n - 2) {

    margin-left: 20px;

  }



  .laboratory-block3 li:nth-child(2n - 1) {

    margin-left: -20px;

  }



  .laboratory-block3 li:nth-child(-n + 4) {

    margin-bottom: 30px;

  }



  .laboratory-block3 img {

    width: 100%;

    height: 130px;

  }



  .laboratory-block3 h3 {

    border: 1px solid #eee;

  }



}