@charset "utf-8";

/* ===================== 页面基础 ===================== */
body{background-color: #0092FF;}
a{transition: color .3s; -webkit-transition: color .3s;}

/* ===================== 头部横幅 ===================== */
.ztzl-header {position: relative; z-index: 0; line-height: 0;}
.ztzl-header .header-bg{display: block; width: 100%; pointer-events: none;}
.ztzl-header .logo{position: absolute; top: 2.2%; left: 18%; width: 16.9%; line-height: 0;}
.ztzl-header .title{position: absolute; top: 100px; left: 0; right: 0; margin: 0 auto; max-width: 68.21%; line-height: 0;}
.ztzl-header .title img{display: block; max-height: 291px; margin: 0 auto;}


/***动态新闻 start**/
.ztzl-main-dtxw {
  position: relative; z-index: 2; margin-top: -80px;
  width: 100%;
  display: flex;                  /* 关键：开启 flex，子项上的 flex 属性才生效 */
  flex-wrap: wrap;                /* 窄屏时允许换行堆叠 */
  justify-content: space-between; /* 左右两列分别贴两边，两边对齐 */
}
.ztzl-main-dtxw .dtxw-tit{
  height:78px;
  position: absolute;
  left: 0; right: 0; margin: 0 auto; 
  text-align: center;
}
.ztzl-main-dtxw .dtxw-area {
  height: 382px;
  flex: 0 0 calc((100% - 40px) / 2);  /* 每列占一半宽，中间自动留 20px 间距 */
  margin-top: 100px;
  box-sizing: border-box;             /* 若后续加 border/padding，宽度不会被撑破 */
}

.ztzl-main-dtxw .dtxw-area  .news-slide {
  width:680px;
  height: 382px;
}
.module-box {
  display:block;
}

.imgScale a img{
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-duration: 4s;
  transition-duration: 4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.imgScale a:hover img{
  -moz-transform:scale3d(1.1, 1.1, 1);
  -ms-transform:scale3d(1.1, 1.1, 1);
  -o-transform:scale3d(1.1, 1.1, 1);
  -webkit-transform:scale3d(1.1, 1.1, 1);
  transform:scale3d(1.1, 1.1, 1);
}

/*owl-carousel*/
.owl-carousel{touch-action:none;}
.owl-carousel .owl-stage{position:relative;}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden;}  /* 关键：裁剪，为 stage 移动留出空间 */
.owl-carousel .owl-item{position:relative; min-height:1px; float:left;}  /* 关键：item 横向排列 */
.owl-carousel .item{display:block; width:100%; overflow:hidden;}

/* 图片新闻滚动 */
.tpxw{position:relative;}
.tpxw .owl-carousel img{height:378px;}
.tpxw .owl-carousel .item-name{position:absolute; right:0; bottom:0; left:0; z-index:9; padding:0 90px 0 10px; height:52px; line-height:52px; color:#fff; background-color:rgba(0,0,0,.3);}
.tpxw .owl-carousel .owl-nav>div{position:absolute; top:50%; margin-top:-45px; width:30px; height:55px; background-image:url(../images/slider_btn.png); background-repeat:no-repeat; background-color:rgba(0,0,0,.3); opacity:0;}
.tpxw .owl-carousel .owl-nav>div:hover{background-color:rgba(0,0,0,.5);}
.tpxw .owl-carousel .owl-nav .owl-prev{left:0;}
.tpxw .owl-carousel .owl-nav .owl-next{right:0; background-position:-30px 0;}
.tpxw .owl-carousel:hover .owl-nav>div{opacity:1;}

.tpxw .owl-dots{position:absolute; bottom:20px; right:5px; z-index:99;}
.tpxw .owl-dot{float:left; width:12px; height:12px; margin-right:8px; background-color:#d0d0d0; border-radius:50%;}
.tpxw .owl-dot.active{background-color:#c10d0c;}

.news-slide .tpxw .item-name{padding-right:10px; text-align:center;}
.news-slide .tpxw .owl-dots{display:block;}



.ztzl-main-dtxw .dtxw-area li {
  width:680px;
  height: 112px;
  margin-bottom: 20px;
  float: left;
  position: relative;   /* 作为 span 绝对定位的参照基准 */
  background: url(../images/dtxw_title_bg.png) center center no-repeat;
}


.ztzl-main-dtxw .dtxw-area li .item-left {
  width: 17%;
  height: 100%;
  display: inline-block;
  margin-right: 3%;
  vertical-align: top;
  text-align: center;
}

.ztzl-main-dtxw .dtxw-area li .item-left .day {
  font-size: 50px;
  font-weight: bold;
  font-family: 'Arial';
  color: #316ABC;
  line-height: 79px;
}

.ztzl-main-dtxw .dtxw-area li  .item-left .year-month {
  font-size: 14px;
  color: #bababa;
}

.ztzl-main-dtxw .dtxw-area li  .item-right {
  display: inline-block;
  width: 78%;
  padding-top: 15px;
  vertical-align: top;
}

.ztzl-main-dtxw .dtxw-area li  .item-right h5 {
  line-height: 30px;
  font-size: 20px;
  font-weight: 400;
  color: black;
}

.ztzl-main-dtxw .dtxw-area li  .item-right p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  text-indent: 2em;
}
/***动态新闻 end***/
/***活动预告 start***/
.ztzl-main-hdyg-wc {
  width: 100%;
  height: 760px;
  padding-top: 100px;
  background: url(../images/hdyg-bg.png) center center no-repeat;
}
.ztzl-main-hdyg {
  margin: auto;
  position: relative; z-index: 10; margin-top: 80px;
  min-height: 500px;              /* ★ 新增：两个 absolute 子元素导致容器高度塌陷为 0，背景图被压在 0 高度里看不见 */
  display: flex;                  /* 关键：开启 flex，子项上的 flex 属性才生效 */
  flex-wrap: wrap;                /* 窄屏时允许换行堆叠 */
  justify-content: space-between; /* 左右两列分别贴两边，两边对齐 */
}
.ztzl-main-hdyg .hdyg-tit{
  height:78px;
  position: absolute;
  left: 0; right: 0; margin: 0 auto; 
  text-align: center;
}
.ztzl-main-hdyg .hdyg-area {
  width: 100%;
  position: absolute;
  left: 0; right: 0; margin: 0 auto; 
  height: 300px;
  margin-top: 80px;
  display: flex;                  /* 关键：之前缺了这一行，flex-wrap/justify-content 全部失效 */
  flex-wrap: wrap;                /* 窄屏时允许换行堆叠 */
  justify-content: space-between; /* 左右两列分别贴两边，两边对齐 */
}
.ztzl-main-hdyg .hdyg-area li {
  position: relative;                 /* ★ 新增：作为 span 绝对定位的参照系 */
  height: 120px;
  flex: 0 0 calc((100% - 40px) / 2);  /* 每列占一半宽，中间自动留 20px 间距 */
  margin-top: 10px;
  padding-left: 20px;
  box-sizing: border-box;             /* 若后续加 border/padding，宽度不会被撑破 */
  background-color: #fff;
}

.ztzl-main-hdyg .hdyg-area li a {
  height: 28px;
  width: 90%;
  left: 0; right: 0;
  background: url(../images/circle.png) left center no-repeat;
  padding-left: 30px;
  line-height:36px;
  color: #383838;
  font-weight: bold;
}
.ztzl-main-hdyg .hdyg-area li span {
  position: absolute;                 /* ★ 改为绝对定位，脱离文档流 */
  left: 30px;                            /* ★ 靠左：相对 li padding-box 左侧 */
  bottom: 20px;                        /* ★ 靠下：距 li 底 6px（按需调整） */
  height: 24px;
  background: url(../images/time-tit.png) left center no-repeat;
  padding-left: 30px;
}
.ztzl-main-hdyg .hdyg-area li:hover {
  background-color: #167BF0;
  color: #fff;
}
.ztzl-main-hdyg .hdyg-area li:hover a {
  color: #fff;
}
/***活动预告 end***/
/***活动回顾 start***/
.ztzl-main-hdhg {
  position: relative; z-index: 10;  margin-top: -80px;
  width: 100%;
  display: flex;                  /* 关键：开启 flex，子项上的 flex 属性才生效 */
  flex-wrap: wrap;                /* 窄屏时允许换行堆叠 */
  justify-content: space-between; /* 左右两列分别贴两边，两边对齐 */
}
.ztzl-main-hdhg .hdhg-tit{
  height:78px;
  position: absolute;
  left: 0; right: 0; margin: 0 auto; 
  text-align: center;
}

.ztzl-main-hdhg  .hdhg-list-area {
  height:292px;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: #fff;

}
.ztzl-main-hdhg  .hdhg-list-area li {
  margin: auto;
  width: 90%;
  height: 60px;
  padding-left: 40px;
  line-height: 60px;
  color: #333333;
  font-size: 22px;
  margin-top: 10px;
  border-bottom: 1px dashed #ccc;
  background: url(../images/circle-y.png) left center no-repeat;
}
.ztzl-main-hdhg  .hdhg-list-area li span {
  color: #999999;
  float: right;
  font-size: 22px;
}

/***活动回顾 end***/



/* ===================== 响应式 ===================== */
@media (max-width:1280px){

}