img-ul*{margin:0; padding:0;}
ul,ul li{list-style:none outside none;}
img{ border:0 none; vertical-align:top; }
input,select{vertical-align:middle;}
em, b, i {font-style: normal;}
a,input:focus{ outline:none;}
a,a:link, a:visited { text-decoration:none;}
a:active{noOutline:expression(this.onFocus=this.blur()); background:none;}
a:hover { text-decoration:none;}
:focus{outline:0;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
/*clear*/
.clear{ clear:both;zoom:1}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {zoom:1;display:block;_height:1px;}
.overf{ overflow:auto; _height:1%;}

body{font:normal 16px/1.6 "Microsoft YaHei"; /* background:#fde5c6;  */  /* background: url(gr2.png) center repeat; *//* background:#fbf7e8!important;*/}
body{ font-family: Microsoft YaHei,verdana, arial, sans-serif;}
#zt_top{height: 54px;
    background: #fff;
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 100;
}
#zt_top_con{width:1170px; margin:0 auto; padding-top:5px; /* padding-left:20px; */}

.banner {
    background: url(https://www.zgjtb.com/style/css2022/20260320banner01.png) center top no-repeat;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    max-width: 100% !important;
    border: 0 none;
    vertical-align: top;
    margin-top: 53px;
}
.main1{width:1200px;  margin: 0 auto;}

/*  yaowen */
.tpxw img{width: 680px; height: 420px; }
.yaowen{width: 520px;height: auto; }
.category_list2 li {
    list-style-type: none;
    height: 72px;
    padding: 5px 15px 0px 10px;
    vertical-align: middle;
    display: list-item;
    border-bottom: 1px dotted #ada9a9;
    display: flex;
    align-items: center;
}
.category_list2 li:hover { 
  background-image: linear-gradient(90deg, #1b86e8 0, #0761b3 99%);
  background-size: 100% 100%; /* 渐变覆盖整个元素 */
  background-repeat: no-repeat; /* 防止渐变重复 */
  /* 可选：文字变白色，对比更明显 */
}
.category_list2 li:last-child {
  border-bottom: none;
}

.category_list2 li>a {display: block; color: #353535;font-size: 18px; }
.category_list2 li a:hover { text-decoration:none;font-weight:bold;color: #fff;}


.more a{
  display: block;
  font-size: 16px; 
  color: #898888; 
  margin-top: 12px;
}

/*  栏目代码 */
 .hd1 {
     background: transparent;
    width: 100%;
    height: 39px;
    line-height: 0;
    font-size: 30px;
    /* margin-bottom: 30px; */
    border: none;
    padding: 0 !important;
    border-bottom: 2px solid #2b5369;
    font-weight: normal;

}
}
.hd1 a:hover { text-decoration:none;}
.hd1 .mh_title {
    background-repeat: no-repeat;
    background-position: 0 34%;
    font-size: 27px;
    padding-left: 7px;
    color: #355c70;
    line-height: 34px;
    margin-left: 3px;
    font-weight: 600;
}
.hd1 .mh_title2 {
    background-image: url(https://www.zgjtb.com/style/images2022/20250724.png);
    background-repeat: no-repeat;
    background-position: 0 56%;
    font-size: 31px;
    padding-left: 55px;
    color:#b36307;
    line-height: 64px;
    margin-left: 3px;
    font-weight: 600;
}

/*all*/
.img-ul { 
  margin: 30px 0 10px;
}
.img-ul .img-li {
  margin: 0 0 20px 30px;
  float: left;
  width: 216px; 
  overflow: hidden;
  /* 核心：卡片圆角（8px是常用舒适值，可调整） */
  border-radius: 8px;
  /* 核心：卡片阴影（柔和不突兀，可调整参数） */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  /* 可选：hover时阴影放大，提升交互感 */
  transition: box-shadow 0.2s ease;
}
/* 新增：hover效果，阴影变明显，卡片更有层次感 */
.img-ul .img-li:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.img-ul .img-li img {
  width: 216px;
  height: 100px;
  /* 核心：图片圆角（和卡片圆角一致，避免图片超出圆角） */
  border-radius: 8px;
  /* 新增：防止图片拉伸变形，保持比例 */
  object-fit: cover;
  /* 可选：图片加载过渡，更顺滑 */
  transition: transform 0.2s ease;
}
/* 可选：hover时图片轻微放大，增强视觉效果 */
.img-ul .img-li:hover img {
  transform: scale(1.02);
}
.img-ul .img-li:nth-child(5n+1) {
  margin-left: 0;
}
.img-ul .img-li .img-title {
  padding: 10px 12px;
  text-align: center; /* 文字居中 */
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* 长标题自动省略号 */
}

/*vedio*/
.zhaopian li {
  width: 378px;
  height: auto;
  float: left;
  margin: 0 0 20px 30px;
  /* 新增：卡片整体圆角 + 溢出隐藏（避免图片圆角被截断） */
  border-radius: 8px;
  overflow: hidden;
  /* 可选：加一点点阴影，卡片更立体 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 保留你注释的hover效果，优化了transition写法（更规范） */
/* .zhaopian li:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease;
} */

.zhaopian li:nth-child(3n+1) {
  margin-left: 0;
}

.zhaopian li img {
  display: block;
  width: 378px;
  height: 227px;
  /* 新增：图片圆角（和卡片圆角保持一致，overflow:hidden会让顶部圆角生效） */
  border-radius: 8px 8px 0 0;
  /* 可选：图片适应容器，避免变形 */
  object-fit: cover;
}

.zhaopian p {
  width: 378px;
  background: #fff;
  /* 新增：文字区域底部圆角，和卡片整体呼应 */
  border-radius: 0 0 8px 8px;
  /* 修复：避免p标签默认margin导致样式错位 */
  margin: 0;
}

.zhaopian p>a {
  display: block;
  font-size: 18px;
  line-height: 25px;
  padding: 16px 12px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* 可选：文字颜色，提升可读性 */
  color: #333;
  /* 可选：hover时文字颜色变化，交互更友好 */
  transition: color 0.2s ease;
}

.zhaopian p>a:hover {
  color: #0066cc;
}

/*直播*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 新闻列表容器 */
.box-txt {
    width: 100%;
    list-style: none;
    overflow: hidden;
    zoom: 1; /* IE清除浮动 */
}

/* 新闻项：一行两个，间距20px，IE最稳方案 */
.box-txt li {
    width: calc(50% - 10px);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    /* 关键：让内部table-cell垂直居中 */
    display: table;
    table-layout: fixed;
}

/* 偶数项清除右边距，保证一行两个 */
.box-txt li:nth-child(2n) {
    margin-right: 0;
}

/* 图片容器：左浮动 + 垂直居中 */
.box-pic {
    width: 220px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}

.box-pic img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
    /* IE不支持object-fit，这里用固定宽高，如需裁剪可改用背景图 */
}

/* 文字区域：触发BFC + 垂直居中 */
.box-r {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.6;
    color: #7b5123;
}

.box-r a {
    color: #0355a0;
    text-decoration: none;
    display: block;
    /* 如需IE兼容的多行省略，可保留下面三行，或用JS实现 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box-r a:hover {
    color: #d14322;
}

    /*    深度观察*/

 .box-txt01 {
    width: 1200px;
    height: auto;
    padding: 13px;
    border-bottom: 1px dashed #d4d4d4;
    box-sizing: border-box; /* 关键：让 padding 不撑大盒子 */
}

.box-r{
    width: 100%;
    height: auto;
    overflow: hidden; /* 清除浮动 */
}
.box-tit01-f {
    height: auto; /* 不要写死 38px，长文字会被切掉 */
}
.box-tit01-f a{
    display: block; /* 块级，不靠左歪 */
    font-size: 18px;
    line-height: 38px;
    color: #020202;
    word-break: break-all; /* 自动换行 */
}   
.box-tit01-f a:hover{
    text-decoration: none;
    color: #0355a0;
}