html,
body {
  padding: 0;
  margin: 0;
  font-family: Microsoft YaHei;
}
body {
  background-color: white;
  position: relative;
}
div {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.safaArea {
  width: 1200px;
  margin: 0 auto;
}
.head {
  width: 100%;
  height: 733px;
  min-width: 1200px;
  background-image: url('../assets/head.png');
}
.content {
  min-width: 1200px;
  background-color: #FDF9ED;
  padding: 40px 0px;
  position: relative;
}
.content .img-left {
  position: fixed;
  top: 420px;
  left: 0px;
  width: 293px;
  height: 397px;
}
.content .img-right {
  position: fixed;
  top: 280px;
  right: 0px;
  width: 216px;
  height: 282px;
}
.content .tip {
  height: 67px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.content .jrzx .tip {
  margin-top: 0px;
  background: url('../assets/jrzx.png') center no-repeat;
}
.content .jrzx .articleImgList {
  display: flex;
  justify-content: space-between;
}
.content .jrzx .articleImgList .articleImgItem {
  position: relative;
  cursor: pointer;
}
.content .jrzx .articleImgList .articleImgItem img {
  width: 586px;
  height: 338px;
}
.content .jrzx .articleImgList .articleImgItem .articleInfo {
  position: absolute;
  bottom: 0px;
  padding: 25px;
  opacity: 0.7;
  background: #000000;
  width: 100%;
  box-sizing: border-box;
}
.content .jrzx .articleImgList .articleImgItem .articleInfo .title {
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
}
.content .jrzx .articleImgList .articleImgItem .articleInfo .desc {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 16px;
}
.content .jrzx .articleList {
  margin-top: 20px;
}
.content .jrzx .articleList .articleItem {
  padding: 25px 20px;
  background: url('../assets/jrzx-bg1.png') center no-repeat;
}
.content .jrzx .articleList .articleItem .title {
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #0AB2B7;
}
.content .jrzx .articleList .articleItem .title a {
  text-decoration: none;
  color: #0AB2B7;
}
.content .jrzx .articleList .articleItem .desc {
  margin-top: 15px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #C6AB83;
}
.content .jrhd .tip {
  background: url('../assets/jrhd.png') center no-repeat;
  margin-bottom: 0px !important;
}
.content .jrhd .articleList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-row: 40px;
}
.content .jrhd .articleList .articleItem {
  background: url('../assets/jrhd-bg.png') center no-repeat;
  width: 370px;
  height: 207px;
  padding: 9px;
  margin-top: 20px;
}
.content .jrhd .articleList .articleItem img {
  width: 100%;
  height: 100%;
}
.jrqy {
  /* 滚动条轨道样式 */
  /* 滚动条滑块样式 */
  /* 滚动条滑块悬停时的样式 */
}
.jrqy .tip {
  background: url('../assets/jrqy.png') center no-repeat;
}
.jrqy .detail {
  margin-top: 20px;
  background: url('../assets/jrqy-bg.png') center no-repeat;
  width: 100%;
  height: 494px;
  display: flex;
}
.jrqy .detail .info {
  margin: 52px 160px 96px 70px;
  font-size: 16px;
  color: #C6AB83;
  line-height: 30px;
  text-align: left;
  overflow: auto;
  display: flex;
  align-items: center;
}
.jrqy .info {
  scrollbar-width: thin;
  /* 或 auto, none */
  scrollbar-color: #29BEC2 #EBE8DD;
  /* 滑块颜色 和 轨道颜色 */
}
.jrqy .info::-webkit-scrollbar {
  width: 8px;
}
.jrqy .info::-webkit-scrollbar-track {
  background: #EBE8DD;
  border-radius: 4px;
  /* 圆角 */
}
.jrqy .info::-webkit-scrollbar-thumb {
  background: #29BEC2;
  border-radius: 4px;
  /* 圆角 */
}
.jrqy .info::-webkit-scrollbar-thumb:hover {
  background: #29BEC2;
}
.jrxs .tip {
  background: url('../assets/jrxs.png') center no-repeat;
}
.jrxs .jrxs-bg {
  height: 495px;
  width: 100%;
  min-width: 1200px;
  margin: 0px auto;
  background-image: url('../assets/jrxs-bg.png');
  display: flex;
  justify-content: center;
  align-items: center;
}
.jrxs .jrxs-bg .show {
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.jrxs .jrxs-bg .show img {
  width: 240px;
  height: 275px;
}
.jrmw .tip {
  background: url('../assets/jrmw.png') center no-repeat;
}
.jrmw .detail {
  width: 100%;
  height: 291px;
  background-image: url('../assets/jrmw-content.png');
}
.foot {
  min-width: 1200px;
  width: 100%;
  height: 322px;
  background-image: url('../assets/bottom.png');
}