body {
  background-color: #F1FAFF;
}
.qthy-container * {
  box-sizing: border-box;
}
.qthy-container {
  max-width: 1920px;
  max-width: 19.20rem;
  min-height: 100vh;
  margin: 0 auto;
  background: url(/images/qthy_bg2024.png) no-repeat top center;
  background-size: 100% auto;
} 
.qthy-zy {
  width: 100%;
  padding: 22px 77px 22px 50px;
  padding: .22rem .77rem .22rem .50rem;
  background: #0180bd;
  background: rgba(0, 121, 179, .51);
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
  font-size: .18rem;
  line-height: .30rem;
  text-indent: 2em;
  letter-spacing: 1px;
}

.qyhy-part1 {
  width: 100%;
  background: #FFFFFF;
  margin: 23px 0 30px;
  background: #FFFFFF;
  margin: .23rem 0 .30rem;
  padding: 30px 15px 35px;
  padding: .30rem .15rem .35rem;
  position: relative;
}
.qyhy-part1 h3 {
  width: 985px;
  height: 80px;
  font-weight: bold;
  font-size: 30px;
  color: #000000;
  line-height: 42px;
  margin: 0 auto;
  text-align: center;
  width: 9.85rem;
  height: .80rem;
  font-size: .30rem;
  line-height: .42rem;
  letter-spacing: 1px;
}
.qyhy-part1 .source {
  border-bottom: 1px solid #EAEAEA;
  padding: 30px 0 21px 23px;
  font-size: 16px;
  color: #666666;
  padding: .30rem 0 .21rem .23rem;
  font-size: .16rem;
}
.qyhy-part1 .content {
  text-indent: 2em;
  font-size: 18px!important;
  padding: 25px 27px 0;
  padding: .25rem .27rem 0;
  color: #000000;
  line-height: .36px;
  font-size: .18rem!important;
  color: #000000;
  line-height: .36rem;
  overflow: hidden;
  height: 365px;
  height: 3.65rem;
}
.qyhy-part1 .content p {
  font-size: 18px!important;
  font-size: .18rem!important;
}
.qyhy-part1 .btns {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding-top: 185px;
  padding-top: 1.85rem;
  background: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
}
.qyhy-part1 .btns a {
  display: inline-block;
  width: 134px;
  height: 40px;
  background: #00A3E3;
  border-radius: 20px;
  border: 1px solid #9EC4F7;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #FFFFFF;
  width: 1.34rem;
  height: .40rem;
  border-radius: .20rem;
  line-height: .40rem;
  font-size: .18rem;
  position: absolute;
  bottom: 31px;
  left: 533px;
  bottom: .31rem;
  left: 5.33rem;
}

.qthy-part2 {
  width: 100%;
  background-color: #fff;
  padding: 22px 24px 0;
  padding: .22rem .24rem 0;
}
.qthy-part2 .qthy-title {
  font-weight: bold;
  font-size: 24px;
  font-size: .24rem;
  padding-left: 13px;
  padding-left: .13rem;
  color: #0083B7;
  position: relative;
  letter-spacing: 1px;
  letter-spacing: .01rem;
}
.qthy-part2 .qthy-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 4px;
  height: 24px;
  background: #00A3E3;
  width: .04rem;
  height: .24rem;
  bottom: .02rem;
}
.qthy-part2 .list .item {
  width: 1153px;
  height: 219px;
  background: #F6F6F6;
  padding: 20px 31px 20px 20px;
  margin-top: 28px;
  width: 11.53rem;
  height: 2.19rem;
  padding: .20rem .31rem .20rem .20rem;
  margin-top: .28rem;
}
.qthy-part2 .list .item:first-child {
  margin-top: 21px;
  margin-top: .21rem;
}
.qthy-part2 .list .item .img {
  width: 345px;
  height: 180px;
  position: relative;
  width: 3.45rem;
  height: 1.80rem;
}
.qthy-part2 .list .item .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.qthy-part2 .list .item .img .icon {
  position: absolute;
  right: 8px;
  bottom: 12px;
  z-index: 10;
  right: .08rem;
  bottom: .12rem;
}
.qthy-part2 .list .item .text {
  width: 736px;
  width: 7.36rem;
}
.qthy-part2 .list .item .text h4 {
  font-weight: bold;
  font-size: 20px;
  font-size: .20rem;
  color: #000000;
}
.qthy-part2 .list .item .text p {
  font-size: 18px;
  color: #4D4D4D;
  line-height: 30px;
  height: 85px;
  margin: 20px 0 27px;
  font-size: .18rem;
  line-height: .30rem;
  height: .85rem;
  margin: .20rem 0 .27rem;
  display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
  text-indent: 2em;
}
.qthy-part2 .list .item .text .date span {
  font-size: 18px;
  color: #666666;
  font-size: .18rem;
}
.qthy-part2 .list .item .text .date a {
  font-size: 18px;
  font-size: .18rem;
  color: #3482EC;
}
#page {
  margin: 15px auto;
  margin: .15rem auto;
}
@media screen and (max-width: 768px) {
  .qthy-container {
    max-width: 100%;
    background: url(/images/qthy_h5_bg2024.png) no-repeat top center;
    background-size: 100% auto;
    padding: 0 .25rem;
  } 
  .qthy-zy {
    padding: .3rem;
    font-size: .32rem;
    line-height: .55rem;
    padding-bottom: .5rem;
  }
  
  .qyhy-part1 {
    width: 100%;
    margin: .23rem 0 .30rem;
    padding: .30rem .15rem .35rem;
  }
  .qyhy-part1 h3 {
    width: 95%;
    height: .98rem;
    font-size: .36rem;
    line-height: .5rem;
  }
  .qyhy-part1 .source {
    padding: .30rem 0 .21rem .38rem;
    font-size: .3rem;
  }
  .qyhy-part1 .content {
    padding: .3rem;
    line-height: .55rem;
    font-size: .32rem;
    height: 5rem;
    padding-top: .1rem;
  }
  
  .qyhy-part1 .content p {
    font-size: .32rem!important;
  }
  .qyhy-part1 .btns a {
    width: 2rem;
    height: .60rem;
    border-radius: .40rem;
    line-height: .56rem;
    font-size: .3rem;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .qthy-part2 {
    padding: .4rem .24rem .30rem;
  }
  .qthy-part2 .qthy-title {
    font-size: .36rem;
    padding-left: .2rem;
  }
  .qthy-part2 .qthy-title::before {
    width: .06rem;
    height: 86%;
    bottom: 0.01rem;
  }
  .qthy-part2 .list .item {
    width: 100%;
    height: auto;
    padding: .4rem .3rem .3rem;
    margin-top: .3rem;
  }
  .qthy-part2 .list .item:first-child {
    margin-top: .3rem;
  }
  .qthy-part2 .list .item .img {
    display: block;
    width: 100%;
    height: 3.1rem;
  }
  .qthy-part2 .list .item .pic {
    width: 100%;
    height: 100%;
  }
  .qthy-part2 .list .item .img .icon {
    position: absolute;
    right: .08rem;
    bottom: .12rem;
  }
  .qthy-part2 .list .item .text {
    width: 100%;
  }
  .qthy-part2 .list .item .text h4 {
    font-size: .32rem;
    padding-top: .3rem;
  }
  .qthy-part2 .list .item .text p {
    font-size: .3rem;
    line-height: .45rem;
    height: 1.3rem;
    margin: .2rem 0 .25rem;
  }
  .qthy-part2 .list .item .text .date span {
    font-size: .28rem;
    line-height: .30rem;
  }
  .qthy-part2 .list .item .text .date a {
    font-size: .28rem;
  }
}