html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
  padding: 0;
  margin: 0;
}

ul,
ol,
dl {
  list-style-type: none
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: 400
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

input,
button {
  overflow: visible;
  vertical-align: middle;
  outline: none
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  outline: none
}

body,
th,
td,
button,
input,
select,
textarea {
  font-family: "SourceHanSansCN", "SourceHanSansCN";
  /* font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53"; */
  font-size: 15px;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  border: none;
  margin: 0px;
  padding: 0px;
}

a:link,
a:visited {
  text-decoration: blink;
}

body {
  margin: 0 auto;
  padding: 0;
  background: #fff
}

.page-head {
  padding-top: 610px;
  width: 100%;
  box-sizing: border-box;
  min-width: 1200px;
  height: 648px;
  background: url("../images/bg.jpg") no-repeat top center;
  position: relative;
  z-index: -1;
}

.head-nr {
  width: 1100px;
  margin: 0 auto;
  padding: 0px;

}

.head-title {
  display: block;
  width: 1112px;
  margin: 0 auto;
  padding-top: 163px;
}

.ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.page-main {
  width: 1200px;
  margin: 70px auto 0;
  height: auto;
  overflow: hidden;
}

.cbody {
  margin: 50px auto;


  /* height: 500px; */

}

.hdyw {
  width: 1429px;
  height: 471px;
  padding: 80px 15px 20px 15px;
  border-radius: 5px;
}

.hdyw-list {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  padding-top: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.hdyw-title {
  width: 1131px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  margin-top: -515px;
  background: url("../images/yw-title.png") no-repeat top center;
}

.hdyw-left {
  overflow: hidden;
  position: relative;
  /* border: 1px solid red; */
  height: 377px;
  width: 669px;
}

.img-title {
    box-sizing: border-box;
    padding: 0 20px;
    background: linear-gradient(270deg, rgba(19, 116, 176, 0.8) 0%, rgba(21, 145, 211, 0.8) 100%);
    height: 65px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    font-size: 16px;
    line-height: 55px;
    text-align: center;

}

.head-p1 {
  font-family: Source Han Sans;
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #2358B3;
}

.head-p2 {
  text-indent: 2em;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: normal;
  line-height: 180%;
  text-align: justify;
  /* 浏览器可能不支持 */
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #7E94AD;
}

.hdyw-right {
  /* border: 1px solid greenyellow; */
  width: 555px;
  height: 407px;
  margin-left: -23px;
  background: url("../images/ywRightBg.png") no-repeat top center;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 20px 20px 20px 50px;
}

.hdyw-h1 {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  word-break: break-all;
  /* 在任何字符边界处都可以断行 */
  padding-right: 23px;
  color: #1A59B7;
  font-family: SourceHanSansCN, SourceHanSansCN;

}

.hdyw-h2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-right: 23px;
  word-break: break-all;
  /* 在任何字符边界处都可以断行 */
  color: #A9A9A9;
  margin-top: 10px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  margin-bottom: 10px;
}

.hdyw-right-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
}

.hdyw-h3 {
  flex: 1;
  font-weight: 400;
  padding: auto 23px auto 0;
  font-size: 18px;
  color: #1E4D95;
  font-family: SourceHanSansCN, SourceHanSansCN;
  height: 72px;

  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中（可选） */
}

.hdyw-h3 p {
  line-height: 23px;
  width: 100%;
  max-height: 72px;
}

.listItem {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hdyw-h3:hover {
  color: #2071EA;
}

.dian {
  display: inline-block;
  width: 9px;
  height: 8px;
  margin-right: 15px;
  background: url("../images/xinwen-list-bg.png") no-repeat top center;
}

.dian2 {
  display: inline-block;
  width: 9px;
  height: 8px;
  margin-right: 15px;
  background: url("../images/xinwen-list-bg2.png") no-repeat top center;
}

.line1 {
  width: 100%;
  border-bottom: 2px dashed #BECDDC;
  margin-top: 15.5px;
  margin-bottom: 28px;

}

.waztsp {
  width: 1200px;
  margin-top: -40px;
}

.waztsp-title {
  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/sp-title.png") no-repeat top center;
}

.waztsp-list {
  margin-top: 34px;
  height: 684px;
  width: 1200px;
  box-sizing: border-box;
  background-size: 100% 100%;
  background: url("../images/sp-bg.png") no-repeat top center;
  border-radius: 5px;

  display: flex;
  flex-direction: row-reverse;
  gap: 58px;
  flex-wrap: wrap;
  padding: 70px 62px;
}

.video-box {
  width: 316px;
  height: 178px;
  border: 5px solid #A0E7FF;
  box-sizing: border-box;
  position: relative;
  /* 作为蒙版定位的参照 */
}

/* 封面图铺满 */
.video-box .cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 蒙版 */
.video-box .mask {
  position: absolute;
  inset: 0;
  /* 等价 top/right/bottom/left: 0 */
  background: rgba(0, 0, 0, 0.35);
  /* 半透明黑色蒙版 */

  display: flex;
  flex-direction: column;
  /* 纵向排列：图标在上，标题在下 */
  align-items: center;
  /* 水平居中 */
  justify-content: center;
  /* 整体垂直居中 */

  cursor: pointer;
  transition: background 0.3s;
}

/* hover 效果（可选） */
.video-box .mask:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* 播放图标 */
.video-box .play-icon {
  width: 48px;
  /* 按需修改 */
  height: 48px;
  display: block;
  transition: transform 0.3s;
}

/* 标题 */
.video-box .title {
  margin: 12px 0 0;
  /* 与图标间距 */
  max-width: 90%;
  /* 防止文字贴边 */
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;


}

.wlpf {
  width: 100%;
  min-width: 1200px;
  margin-top: 0px;

}

.wlpf-list {
  margin-top: 34px;
  height: 383px;
  width: 100%;
  min-width: 1200px;
  box-sizing: border-box;
  background-size: 100% 100%;
  background: url("../images/wanglpufa-bg.png") no-repeat top center;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 75px 20px 30px 35px;

}

.wlpf-title {
  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/zds-title.png") no-repeat top center;
}

.zdsBg {
  width: 1200px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}

.wlpf-left {
  height: 260px;
  width: 514px;
  font-size: 16px;
}

.wlpf-right {
  margin-left: 115px;
  height: 260px;
  width: 514px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zds-list {
  display: flex;
  flex-direction: column;
}

.zdsp1 {
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-align: justify;
  /* 浏览器可能不支持 */
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #1958B6;
}

.zdsp1:hover {
  color: #2071EA;
}

.zdsp3 {
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-align: justify;
  /* 浏览器可能不支持 */
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
}

.zdsp3:hover {
  color: #F4E12E;
}

.zdsp2 {
  margin-top: 13px;
  text-indent: 2em;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  text-align: justify;
  /* 浏览器可能不支持 */
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #8199BE;
}

.zdsp4 {
  margin-top: 13px;
  text-indent: 2em;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  text-align: justify;
  /* 浏览器可能不支持 */
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #B9DDF6;
}

.zdsItem {
  line-height: 70px;
  height: 70px;
}

.zdsItem a {
  display: flex;
  align-items: center;

}

.wlpf-v {
  height: 168px;

}

.wlpf-right-item {
  box-sizing: border-box;
  width: 400px;
  height: 90px;
  padding: 0 15px;
  font-size: 16px;
  color: #3D3D3D;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #BFD4E5;

}

.player {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url("../images/bofang-icon.png") no-repeat top center;


}

/* ===== 整体容器：左右两栏 ===== */
.news-container {
  display: flex;

  gap: 20px;
  width: 100%;
  max-width: 1920px;
  margin: 20px auto;
  /* 居中 */
  box-sizing: border-box;
}

/* ===== 左侧大图卡片 ===== */
.news-left {
  flex: 0 0 391px;
  /* 固定宽度，可按需调整 */
  box-sizing: border-box;
  background: url("../images/sybg.png") no-repeat top center;
  padding: 47px;
}

.news-left-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  /* 保持图片比例 */
  overflow: hidden;
  border-radius: 4px;
}

.news-left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-left-title {
  margin: 12px 0 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1E4D95;

  /* 最多 2 行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-left-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #9DABBF;

  /* 最多 2 行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* ===== 右侧列表 ===== */
.news-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* 每个卡片 */
.news-item {
  flex: 1;
  padding: 16px;
  box-sizing: border-box;
  border-bottom: 1px dashed #BFD4E5;
}

.news-item:hover .news-item-title,
.news-item:hover .news-item-desc {
  color: #2071EA;
}

/* 卡片标题 */
.news-item-title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #1E4D95;

  /* 最多 1 行（或 2 行） */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* 卡片描述 */
.news-item-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #9DABBF;
  text-indent: 2em;
  /* 首行缩进，和图片效果一致 */

  /* 最多 2 行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* ===== 第三个卡片：内部左右两块 ===== */
.news-item-double {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.news-sub {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  width: 355px;
  font-size: 16px;
  line-height: 1.5;
  color: #1E4D95;
}

.news-sub .dot {
  color: #1a73e8;
  /* 蓝色小圆点 */
  font-size: 10px;
  line-height: 1.8;
  flex-shrink: 0;
  width: 9px;
  height: 8px;
  margin-right: 10px;
  margin-top: 7px;
  background: url("../images/xinwen-list-bg.png") no-repeat top center;
}

.news-sub span:last-child {
  /* 最多 2 行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* ===== 整体容器 ===== */
.news-wrapper {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /* 居中 */
  box-sizing: border-box;
}

/* ================= 上半部分 ================= */
.news-top {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 445px;
}

/* ----- 左侧轮播 ----- */
.banner {
  position: relative;
  flex: 0 0 744px;
  /* 左侧宽度，可调 */
  height: 445px;
  border-radius: 6px;
  overflow: hidden;
  background: url("../images/tsBg1.png") no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-slide {
  position: relative;
  width: 620px;
  height: 348px;

  margin: 20px auto;
}

.banner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 播放按钮（居中） */
.banner-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 2;
}

.banner-play img {
  width: 100%;
  height: 100%;
  display: block;
}

/* 底部文案 */
.banner-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

/* 底部小圆点 */
.banner-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 2;
}

.banner-dots .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background 0.3s;
}

.banner-dots .dot.active {
  background: #fff;
}

/* ----- 右侧列表 ----- */
.news-list {
  width: 380px;
  height: 445px;
  box-sizing: border-box;
  padding: 43px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* 4 条均匀分布 */
  margin: 0;
  list-style: none;

  background: url("../images/tsBg2.png") no-repeat top center;
  background-size: 100% 100%;
}

.news-list .dian {
  display: block;
  margin-top: 10px;
}

.news-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  line-height: 1.6;
  color: #1E4D95;
}


.news-list a {
  color: #1E4D95;
  text-decoration: none;
  transition: color 0.2s;

  /* 最多 2 行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-list a:hover {
  color: #2071EA
}

/* ================= 下半部分：3个图卡 ================= */
.news-bottom {
  display: flex;
  gap: 20px;
}
.card { 
  width: 380px;
height: 214px;
}
.card:hover .card-mask {
  background: rgba(14, 164, 243, 0.85);
}

.news-bottom .card {
  position: relative;
  flex: 1;
  /* 3 个等宽 */
  aspect-ratio: 16 / 10;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

.news-bottom .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s;
}

.banner-slide .mask {
  position: absolute;
  inset: 0;
  /* 等价 top/right/bottom/left: 0 */
  background: rgba(0, 0, 0, 0.35);
  /* 半透明黑色蒙版 */

  display: flex;
  flex-direction: column;
  /* 纵向排列：图标在上，标题在下 */
  align-items: center;
  /* 水平居中 */
  justify-content: center;
  /* 整体垂直居中 */

  cursor: pointer;
  transition: background 0.3s;
}

.news-bottom .card:hover img {
  transform: scale(1.05);
}

/* 第二张卡的蒙版文字 */
.news-bottom .card-mask {
  position: absolute;
  inset: 0;
  background: rgba(14, 164, 243, 0);
  /* 蓝色蒙版 */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
}

.news-bottom .card-mask p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

.pfzl-title {

  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/pufazhuanlan-tit.png") no-repeat top center;
}





.fzez-title {
  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/fazhiezhan-tit.png") no-repeat top center;
}



.wlpfai-title {

  width: 1067px;
  height: 67px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/wangluoai-tit.png") no-repeat top center;
}


.xlzj-title {

  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/zhengjihuodong-tit.png") no-repeat top center;
}


.syr {
  width: 1200px;
  margin-top: 0px;
}

.syr-title {
  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/syr-title.png") no-repeat top center;
}

.hd {
  width: 1200px;
  margin-top: 0px;
}

.hd-title {
  width: 1118px;
  height: 59px;
  cursor: pointer;
  margin: 0 auto;
  background: url("../images/hd-title.png") no-repeat top center;
}

.line2 {
  height: 1px;
  width: 100%;
  background: #E9E4CA;
}

.ztcf-right-item-content {
  font-weight: 400;
  font-size: 16px;
  color: #9B9077;
  line-height: 24px;
  margin-top: 10px;
}

.mySwiper .swiper {
  width: 100%;
  height: 100%;
}

.mySwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper .swiper-slide a {
  width: 100%;
  display: block;
  height: 100%;
}

.mySwiper .swiper-pagination-bullet {
  border-radius: 0px !important;
  width: 8px !important;
  height: 8px !important;
  background: url("../images/page1.png") no-repeat top center;
  background-size: 100% 100%;
}

.mySwiper .swiper-pagination-bullet-active {
  background: url("../images/page.png") no-repeat top center;
  background-size: 100% 100%;
}

.mySwiper .simg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .swiper2 {
  width: 620px;
  height: 348px;
  overflow: hidden;
}

.swiper2 .swiper-pagination-bullet {
  background: rgba(140, 203, 255, 1);
}

.swiper2 .swiper-pagination-bullet-active {
  background: #fff;
}

@media screen and (max-width: 1200px) {
  .tt {
    display: none !important;
  }
}