.ctn {
  background: url(../jpg/6a6f846e-cbcd-4851-b14e-e038b99578f2d925.jpg?d=1722249257055) top center no-repeat #fff;
  background-size: 100%;
}
.ctn .page1 {
  padding-top: 100px;
}
.ctn .page1 .w1440 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ctn .page1 .w1440 .item-l {
  width: 400px;
}
.ctn .page1 .w1440 .item-l p {
  color: #333;
  font-weight: 600;
  display: block;
}
.ctn .page1 .w1440 .item-l span {
  display: block;
  color: #c72c31;
  margin-top: 25px;
}
.ctn .page1 .w1440 .item-r {
  width: calc(100% - 450px);
}
.ctn .page1 .w1440 .item-r p {
  color: #777;
  line-height:1.8;
}
.ctn .page1 .w1440 .item-r .pic {
  width: 88.7%;
  margin-top: 4vw;
}
.ctn .page2 {
  margin-top: 80px;
}
.ctn .page2 .tit {
  text-align: center;
  color: #222;
  font-weight: bold;
}
.ctn .page2 .subtit {
  text-align: center;
  color: #777;
  margin-top: 30px;
  line-height:1.6;
}
.ctn .page2 .list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 48.612% 50%;
  grid-template-rows: auto auto;
  gap: 20px;
}
.ctn .page2 .list .img {
  height: 100%;
  position: relative;
      overflow: hidden;
}
.ctn .page2 .list .img p {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #fff;
}
.ctn .page2 .list img {
  height: 100%;
  object-fit: cover;
}
.ctn .page2 .list .img:hover img{
transform: scale(1.05);
}
.ctn .page3 .list .img:hover img{
transform: scale(1.05);
}
.ctn .page2 .list .left {
  grid-column: 1;
  grid-row: 1 / span 2;
  height: 100%;
}
.ctn .page2 .list .right-top {
  grid-column: 2;
  grid-row: 1;
}
.ctn .page2 .list .right-bottom {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.ctn .page2 .list .right-bottom > img {
  height: 100%;
}
.ctn .page3 {
  margin-top: 80px;
  padding-bottom: 50px;
}
.ctn .page3 .tit {
  text-align: center;
  color: #222;
  font-weight: bold;
}
.ctn .page3 .subtit {
  text-align: center;
  color: #777;
  margin-top: 30px;
}
.ctn .page3 .list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 48.612% 50%;
  grid-template-rows: auto auto;
  gap: 20px;
}
.ctn .page3 .list .img {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ctn .page3 .list .img p {
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #fff;
}
.ctn .page3 .list img {
  height: 100%;
  object-fit: cover;
}
.ctn .page3 .left {
  grid-column: 2;
  grid-row: 1 / span 2;
  height: 100%;
}
.ctn .page3 .right-top {
  grid-column: 1;
  grid-row: 1;
}
.ctn .page3 .right-bottom {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.ctn .page3 .right-bottom > img {
  height: 100%;
}
/* 125% */
/* 150 */
@media screen and (max-width: 1600px) {
  .ctn .page1 .w1440 .item-l {
    width: 380px;
}
  .ctn .page1 .w1440 .item-r {
    width: calc(100% - 380px);
  }
}
@media screen and (max-width: 998px) {
  .ctn .page1 .w1440 .item-l {
    width: 100%;
  }
  .ctn .page1 .w1440 .item-r {
    width: 100%;
    margin-top: 20px;
  }
  .ctn .page1 .w1440 .item-r .pic {
    margin: 20px auto 0;
    width: 96%;
  }
  .ctn .page1 {
    padding-top: 30px;
  }
  .ctn .page2,
  .ctn .page3 {
    margin-top: 40px;
  }
  .ctn .page2 .subtit,
  .ctn .page3 .subtit {
    margin-top: 20px;
  }
  .ctn .page2 .list,
  .ctn .page3 .list {
    margin-top: 20px;
  }
  .ctn .page2 .list,
  .ctn .page3 .list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
  }
  .ctn .page2 .list .img p,
  .ctn .page3 .list .img p {
    left: 10px;
    bottom: 10px;
    font-size: 14px;
  }
  .ctn .page2 .list .left,
  .ctn .page3 .list .left,
  .ctn .page2 .list .right-top,
  .ctn .page3 .list .right-top,
  .ctn .page2 .list .right-bottom,
  .ctn .page3 .list .right-bottom {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    height: auto;
    gap: 10px;
  }
  .breadcrumbs {
    padding-top: 80px;
}
}
/*# sourceMappingURL=./huaxue.css.map */