@charset "utf-8";
/* 清除内外边距 */
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote,  /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素*/
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素*/
th, td ,img{ /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight:  normal;
}
textarea {
	resize : none;
}
a { text-decoration:none;}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    font: 16px/1 "\5FAE\8F6F\96C5\9ED1", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
	outline: none;
	
}
body, td, th,samp {
	font-family: Arial, Helvetica, sans-serif,'Microsoft Yahei';
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family: "\5FAE\8F6F\96C5\9ED1";}

/* 重置列表元素 */
ul, ol { list-style: none; }

img{max-width: 100%;}

/*链接样式开始*/
a { color:#333; text-decoration:none; }
a:visited {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none;}

.overall{ width:1400px; height:auto; overflow:hidden; margin:0 auto;}
.div_border{border:1px solid #d5d5d5;border-radius:5px;   box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);}
.div_bor_d {border-bottom:1px solid #000;}
.mtop5{ margin-top:5px;}
.mtop10{ margin-top:10px;}
.mtop15{ margin-top:15px;}
.pd5{ padding:5px;}
.pd10{ padding:10px;}

/* top*/
.top{ width:100%; height:56px; margin:10px auto;}
.top .logo{ width:15%; float:left;}
.top .search{ width:20%; height:42px; border:1px solid #1d71b7; float:left; border-radius:20px; margin-left:20px; margin-top:10px}
.top .botton{float:left;width:78%;height:40px;border:0;outline:none; color:#555555; margin-left:6%; font-size:16px;}
.top .Qrcode{ width:60%; height:auto; float:right; }
.top .Qrcode .Qrclist{ width:56px; height:54px; float:right;}
.top .Qrcode .Qrlogo{width:109px; height:54px; float:right; margin-right:15px}

#apDiv1 { width:109px; height:54px; float:right;  margin-right:15px; position:relative; right:0; top:0;}
#apDiv2 { position: absolute; left: 200px; top: 50px; width: 320px; height: 205px; visibility: hidden; z-index: 10; padding-top:10px;}
#apDiv3 { position: absolute; left: 395px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
#apDiv4 { position: absolute; left: 355px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
#apDiv5 { position: absolute; left: 284px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
#apDiv6 { position: absolute; left: 214px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
.papercont{ width:100%; height:240px; border:1px solid #40688b; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); background:#FFFFFF;}
.papercont ul { width:100%; float:left;}
.papercont li{ width:50%; float:left; padding-top:5px; text-align:center; font-size:15px; line-height:25px;background: url(../images/baozhi_03.jpg) repeat-x top;}
.apcont{ width:100%; border:1px solid #1d71b7;}
.top:last-child {
    margin-bottom: 0; /* 最后一个 div 去掉下边距 */
  }

/*  nav */
.nav {width:100%; height:auto;margin:0 auto; background-color:#1e71b7; overflow:hidden;}
.nav ul{ width:92%; margin:0 auto; height:auto; overflow:hidden;}
.nav li{ float:left; padding: 0 1.2%;}
.nav li a{ color:#FFFFFF;line-height:50px;font-size:18px; }

/*广告*/
.ad{width:1350px; height:auto; margin:20px auto; overflow:hidden;position:relative;}
.ad ul{ width:100%; float:left; height:auto; overflow:hidden;}
.ad .adsmall{ width:321px; float:left; margin-right:22px;position:relative;}
.ad .adsmall:last-child {
    margin-right: 0; /* Remove right margin for last item */
}
.ad .adlogo { width:26px; position:absolute; left:2px; bottom:2px;  }

/*头条*/
.toutiao{width:96%; height:auto; margin:30px auto 0 auto; overflow:hidden;}
.tt_logo{ width:9%; float:left; overflow:hidden; margin-top:20px;}
.tt_list{ width:100%; float:left; overflow:hidden; height:auto;}
.tt_top1{ width:100%; margin:0 auto; height:auto; overflow:hidden;text-align:center;}
.tt_top1 a{ font-size:30px; font-weight:bold; line-height:35px; color:#000000;text-decoration: none; white-space:nowrap; }
.tt_top1 a:hover{color:#F40307}
.tt_top2{ width:100%; margin:20px auto; height:auto; overflow:hidden; text-align:center;}
.tt_top2 li{ float:left; margin-top:10px; width:100%;}
.tt_top2 li a{ margin-left:10px; background:url(../images/jx-5.png) left no-repeat; padding-left:15px;}

.mainDiv{ width:1350px;height:auto; margin:20px auto 0 auto; overflow:hidden;}
.main_left{width:874px; height:476px; float:left; overflow:hidden;}
.main_right{ width:476px; height:476px; float:right}
.cont_left{ width:68%; height:auto; float:left;  overflow:hidden;}
.cont_right{width:31%; height:auto; float:right;  overflow:hidden;}
.more{width:476px; height:52px; float:left; background:url(../images/xxqg.png); line-height:52px}

/* 列表 */
.con_list{ width:100%; float:left; height:auto; overflow:hidden;}
.con_list ul {width:97%;  float:left; height:auto; margin-left:2%}
.con_list li{ width:100%; float:left; height:auto; overflow:hidden;background:url(../images/jx-5.png) left no-repeat; padding-left:15px;line-height:35px;}
.con_list a{  font-size:16px;}
.con_list img{border-radius:5px; }
/* 轮播 */
#owl-demo{position:relative;width:847px;height:476px;margin:0}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:847px;height:476px; border-radius:10px}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50); border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}

/*专题报道*/
.ztbd{width:1350px; height:156px; margin:0 auto; overflow:hidden;}
.ztbd1{width:299px; height:156px; float:left; margin-left:20px}
.ztbd_logo{width:75px; height:155px; float:left;}
.ztbd_list{ width:1250px; height:157px; float:left;margin-left:20px; overflow:hidden;}
.scroll-wrapper {
  width: 1250px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.scroll-container {
  display: inline-block;
  white-space: nowrap;
  height:auto;
  overflow:hidden;
 transition: transform 0.1s linear; /* 平滑滚动效果 */
}

.scroll-list {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.scroll-list li {
  width: 300px;
  height: 156px;
  float:left;
  flex-shrink: 0;
  margin-right: 15px;
  background: #f0f0f0;
 /* border-radius: 12px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #666;
  transition: transform 0.3s;
}

.scroll-list li:hover {
  transform: scale(1.05);
  background: #e0e0e0;
}

/* 初始状态不滚动 */
.scroll-container.no-scroll {
  transform: translateX(0);
}

/* 列表标题*/
.cont_title{ width:100%; float:left; height:auto; overflow:hidden; }
.cont_title li{ font-size:20px; line-height:45px; }
.cont_title .tit{ width:200px; float:left; margin-left:10px;}
.cont_title .tit_logo{ width:30px; height:auto; float:left; margin-top:5px;}
.cont_title .con_more { width:72px; float:right; margin:10px 10px 0 0; line-height:normal; }
.cont_title .tit_long{ font-size:16px; width:158px; padding-left:70px; height:58px; line-height:53px; float:left; background:url(../images/zy-8.png) no-repeat left center; color:#FFF}


.news_left{ width:374px; height:210px; float:left; overflow:hidden; position: relative;}
.news_right{ width:510px; float:right; height:auto; overflow:hidden;}
.news_left .item{ position:relative;display:block;}
.news_left b {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background-color:#000;
	opacity:.5;
	filter:alpha(opacity=50);
    display: flex;
    align-items: center;
/*    padding: 0 15px;*/
    box-sizing: border-box;
  }
  
.news_title {
	position:absolute;
	width:100%;
	bottom:0;
    color: #FFFFFF;
	line-height:35px;
	text-align:center;
    font-family: Arial, sans-serif;
    font-size: 16px;
	opacity:1;
  /*  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);*/
    margin: 0;
  }
  
/* video */  
.video_list{ width:100%; height:auto; overflow:hidden; float:left;}
.video_list ul{ width:31%; height:auto; overflow:hidden; margin-left:2%; float:left;}
.video_title{width:100%;float:left; text-align:center; line-height:50px; font-size:16px}
.video_list img:hover {
  transform:  scale(1.03);
}

.videobox {
    width: 100%;
    height: 148px;
    background: #d2d2d2;
    border-radius: 4px;
    float: left;
/*  margin-right: 22px;
    margin-top: 20px;*/
    position: relative;
}

.videobox-play {
    width: 44px;
    height: 44px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 50;
    background-image: url(../images/play.png);
    background-size: 100%;
}



/* 龙帮办*/
.long_list{ width:100%; float:left; height:auto; overflow:hidden;}
.long_list ul{ width:100%; float:left; height:auto; overflow:hidden;}
.long_list .longli_img{ width:45%; float:left; height:100px; }
.long_list .longli1{ width:54%; float:right; height:auto; line-height:35px}
.long_list .longli2{ width:100%; float:left; height:auto; overflow:hidden;background:url(../images/jx-5.png) left no-repeat; padding-left:15px; line-height:35px}


/* 县区动态*/
.xqdt_left{ width:490px; float:left; height:auto; overflow:hidden;}
.xqdt_right{ width:390px; float:right; height:auto; overflow:hidden;}
.xqdt_img1{ width:100%; height:277px; float:left; position:relative; }
.xqdt_img1 li{ width:100%; float:left; height:auto; overflow:hidden;}
.xqdt_left img{border-radius:5px; bottom:0;}
.xqdt_left b{position:absolute;left:0;bottom:3px;width:100%;height:35px;background-color:#000;opacity:.5;filter:alpha(opacity=50); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.xqdt_img2{ width:100%; float:left; height:auto; overflow:hidden;  }
.xqdt_img2 li{ width:240px; float:left; height:auto; overflow:hidden;position:relative;  margin-right:10px}
.xqdt_img2 li:last-child {
    margin-right: 0; /* Remove right margin for last item */
}

.xqdt_img2an{ width:100%; float:left; height:auto; overflow:hidden; }
.xqdt_img2an ul{  width:240px; float:left; height:auto; overflow:hidden;  margin-right:10px }
.xqdt_img2an li{  width:100%; float:left; height:auto; overflow:hidden;}
.xqdt_img2an ul:last-child {
    margin-right: 0; /* Remove right margin for last item */
}
.xqdt_img2an .tit{ line-height:25px;}  



/* 图说大同*/
.imgdt_left{ width:660px; height:372px; float:left; overflow:hidden; position:relative;}
.imgdt_tit{ width:auto; line-height:50px; color: #FFF; text-align: center; font-size: 16px; padding:0 30px;  bottom:20px;position: absolute; white-space:nowrap}
.bgcolor1{ background-color: #a00405; }
.bgcolor2{ background-color: #de8e05; }
.bgcolor3{ background-color: #c1b405; }
.bgcolor4{ background-color: #389f05; }
.bgcolor5{ background-color: #1448ec; }
.imgdt_right{width:660px; height:372px; float:right; overflow:hidden;}
.imgdt_right ul{ width:318px ; height:179px; float:left; margin-right:24px; position:relative}
.imgdt_right ul:nth-child(2),.imgdt_right ul:nth-child(4) {
    margin-right: 0; /* Remove right margin for last item */
}
.imgdt_right ul:nth-child(3),.imgdt_right ul:nth-child(4) {
    margin-top: 14px; /* Remove right margin for last item */
}
.imgdt_right ul:nth-child(1) p{ background:#de8e05; }
.imgdt_right ul:nth-child(2) p{ background:#c1b405; }
.imgdt_right ul:nth-child(3) p{ background:#389f05; }
.imgdt_right ul:nth-child(4) p{ background:#2F84F8;  }


/* 通用频道 */
.list_common{ width:32%; margin-right:2%; float:left; height:auto; overflow:hidden; }
.list_common:last-child {
    margin-right: 0; /* Remove right margin for last item */
}
.list_line1{ width:100%; float:left; height:auto; overflow:hidden; }
.list_line1 ul{ width:100%; float:left; height:auto; overflow:hidden;}
.list_line1 .line1_left{ width:185px;height:104px; float:left;}
.list_line1 .line1_right{ width:53%; height:auto; float:right; line-height:30px; }


/*  bottom */
.bottom{ width:100%;height:auto; margin:20px auto 0 auto; overflow:hidden; background-color:#383838}
.bottom .footer{ width:1350px;height:auto; margin: 20px auto 0 auto; overflow:hidden;  }
.bottom .bline1{ width:1350px;height:auto; float:left; overflow:hidden; margin-top:20px;  }
.bottom .bline2{ width:1350px;height:auto; float:left; overflow:visible; margin-top:20px; }
.bottom .bottomleft{ width:65%; float:left; height:auto; overflow:hidden }
.bottom .bottommid{ width:1%; float:left; padding-top:30px}
.bottom .bottomright{ width:33%; float:right; height:auto; overflow:hidden }
.bottom .btit{  line-height:60px; color:#a5c9e9; font-size:18px}
.wzmap{ width:98%; float:left;height: auto; overflow:hidden;}
.wzmap .maplist{ width:100%; float:left; height:auto;}
.maplist li{ float:left;line-height:35px; margin-right:15px; }
.maplist a{ color:#FFFFFF; }
.matrix{ width:98%;float:left;height:auto;position:relative;padding-left:1%;}
.matrix ul{ width:10%; float:left;position:relative; margin-top:10px;}
.icon{ width:100%; text-align:center; height:auto;position:relative;display: inline-block; }
.icon img{ max-width:50%;}
/*#apDiv01{ position: absolute; left: 214px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
#apDiv04{ position: absolute; left: 214px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
#apDiv04{ position: absolute; left: 214px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }
#apDiv04{ position: absolute; left: 214px; top: 50px; width: 131px; height: 131px; visibility: hidden; z-index: 10; padding-top: 10px }*/
.matrix .mattitle{ width: 100%; float:left; line-height:20px; color:#FFFFFF; text-align:center; font-size:14px;}
.matrix {
    position: relative;
  }
  .icon {
    position: relative; /* 作为弹出层的定位参考 */
    display: inline-block;
  }
  .popup-layer {
    display: none;
    position: absolute;
    bottom: -0%; /* 从原图 1/2 高度处开始 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, 0%); /* 水平居中，垂直初始位置 */
    z-index: 100;
    transition: transform 0.3s ease;
  }
  .icon:hover + .popup-layer, .popup-layer:hover {
    display: block;
    transform: translate(-50%, -50%); /* 水平居中，向上移动 100% */
  }
  .qrcont img {
    max-width: 150px;
	/* 控制弹出图片大小 */
  }
.bottom .bline3{ width:1350px;height:auto; float:left; margin-top:20px;overflow:hidden;  }
.bline3 .line3left{ width:93%; float:left; height:auto; overflow:hidden;}
.bline3 .line3right{ width:7%; float:right; height:auto; overflow:hidden;}
.line3left ul{ width:100%; float:left; height:auto; overflow:hidden;}
.line3left li{ font-size:14px; color:#FFFFFF; line-height:32px; text-align:center; justify-content:center;display: flex;}
.line3left li a{ color:#FFFFFF;line-height:32px;}
.line3left img{justify-content: center;}



.bottom .bline4{ width:1350px;  float:left; margin-top:20px; height:auto; overflow:hidden;}
.bline4 ul{ width:70%;margin:0 auto;height:auto; overflow:hidden}
.bline4 li{ width:25%; float:left; text-align:center;}
  
/*  举报 展开收回 */
/* 固定定位容器 */
.report{ 
      width:195px; 
	  height:420px; 
	  position:fixed; 
	  right:10px; 
	  top:320px;
	  }
.fixed-container {
      position: fixed;
      right: 10px;
      top: 320px;
      z-index: 1000;
      display: flex;
      align-items: flex-start;
      transition: transform 0.3s ease;
    }

    .button-container {
      margin-right: 10px;
      transition: margin 0.3s ease;
    }

    .toggle-btn {
      width: 40px;
	  padding:5px;
      height: 110px;
      background: #1ca0e8;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
    }

    .toggle-btn:hover {
      background: #1a8dde;
    }

    .content-wrapper {
      width: 195px;
      overflow: hidden;
      transition: all 0.3s ease;
      background: #f5f5f5;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .fixed-container.collapsed {
      transform: translateX(calc(100% - 50px));
    }

    .fixed-container.collapsed .button-container {
      margin-right: 0;
    }

    .img-item {
      width: 195px;
      height: 46px;
      margin-top: 10px;
      transition: opacity 0.3s;
    }

    .img-item:first-child {
      margin-top: 0;
    }

    .img-item img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 2px;
    }

    .content-wrapper.collapsed {
      height: 0 !important;
      width: 0 !important;
      opacity: 0;
    }

    .content-wrapper.expanded {
      height: var(--content-height);
      width: 195px;
      opacity: 1;
    }
	
	
	
@media screen and (max-width: 1440px) {
	
.overall{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}	

.nav ul{ width:95%; margin:0 auto; height:auto; overflow:hidden;}
.nav li{ float:left; padding: 0 1.2%;}
.nav li a{ color:#FFFFFF;line-height:45px;font-size:16px; }

.tt_top1 a{ font-size:1.5rem; font-weight:bold; line-height:35px; color:#000000;text-decoration: none; white-space: normal; }
.tt_top2{ width:100%; margin:10px auto; height:auto; overflow:hidden; text-align:center;}
.tt_top2 li a{font-size:14px; }

.mainDiv{ width:96%;height:auto; margin:20px auto 0 auto; overflow:hidden;}
.main_left{width:710px; height:400px; float:left; overflow:hidden;}
.main_right{ width:420px; height:400px; float:right}

/* 轮播 */
#owl-demo{position:relative;width:710px;height:400px;margin:0}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:710px;height:400px; border-radius:10px}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50); border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}

.more{width:420px; height:52px; float:left; background:url(../images/xxqg.png) no-repeat; background-size: 100% auto;  line-height:52px}

.con_list a{ line-height:27px; font-size:16px; }

/*专题报道*/
.ztbd{width:96%; height:156px; margin:0 auto}
.ztbd1{width:299px; height:156px; float:left; margin-left:20px}
.ztbd_logo{width:75px; height:155px; float:left;}
.ztbd_list{ width:1057px; height:155px; float:left;margin-left:20px}
.scroll-wrapper {
  width: 1057px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}


}

/*@media screen and (max-width: 1280px) {	
.overall{ width:1000px; height:auto; overflow:hidden; margin:0 auto;}	

.top .logo{ width:20%; float:left;}
.top .search{ width:22%;}
.top .botton{float:left;width:75%;height:40px;border:0;outline:none; color:#555555; margin-left:8%; font-size:16px;}
.top .Qrcode{ width:55%; height:auto; float:right; }

.nav ul{ width:93%; margin:0 auto; height:auto; overflow:hidden;}
.nav li{ float:left; padding: 0 1.1%;}	
.nav li a{ color:#FFFFFF;line-height:40px;font-size:14px; }
.tt_top1 a{ font-size:1.35rem; }
.tt_top2 li a{font-size:12px; }


}*/<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2025-05-13 15:36:30" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->