﻿.index-main{margin-top:30px;}
.index-main .adver img{max-width: 100%;}
.left{float:left;}
.right{float:right;}
.clear-fix:after {clear: both;}
.slide {display: inline-block;width: 680px;height: 383px;overflow: hidden;position: relative;}
.box_img {width: 680px;height: 383px;overflow: hidden;}
.box_img ul li {position: absolute;display: none;}
.box_img ul li a{display: inline-block;}
.box_img ul li a > img {display: block;width: 680px;height: 383px;}
.box_tab {display: block;width:680px;height: 40px;box-sizing: border-box;padding-right: 15px;margin-top: -40px;z-index: 999;text-align: right;background: rgba(0,0,0,.3);position: relative;font-size: 0;}
.box_tab a {margin: 10px 8px 0;overflow: hidden;display:inline-block;}
.box_tab a > i {position: relative;display:inline-block;width: 16px;height: 16px;line-height: 10px;background: #9E7173;color: #9E7173;font-size: 12px;font-style: normal;box-sizing: border-box;z-index: 99;border-radius: 50%;}
.box_tab a > i:hover {background: #FFFFFF;}
.box_tab a > span {display: none;position: absolute;left: 0;bottom: 1px;margin: 0 auto;line-height: 40px;font-size: 14px;color: #fff;width: 447px;text-align: left;box-sizing: border-box;padding-left: 15px;}
.box_tab a.active > span {display: block;}
.box_tab a.active > i {background: #FFFFFF;}
.column1-box{margin-top:30px;margin-bottom:30px;height: 383px;overflow: hidden;}
.column1-box .ywdt{width:480px;height: 383px;}
.column1-box .list-head{width:480px;margin:0;background: url(01-01-list-headbg.jpg) no-repeat;}
.column1-box .list-head .list-title {margin-left: 53px;}
.column1-box .list-content li .list-title:hover{color:#1662b4;}
.column1-box .list-head .list-title a{color:#1662b4;}
.column1-box .list-content {width: 480px;height: auto;margin: 15px auto;overflow: hidden;}
.column1-box .list-content li .list-title{width:65%;font-size: 16px;color:#333333;}
.column1-box .list-content li i{padding-left:0;}
.column1-box .list-content li .list-date{padding-right:0;font-size: 16px;color:#999999;}
.column2-box{overflow: hidden;margin-bottom:39px;}
.column2-box .c-d1,.column2-box .c-d2,.column2-box .c-d3 {border: 1px solid #DDDDDD;height:840px;box-sizing: border-box;width:386px;padding:30px 19px;overflow: hidden;}
.column2-box .c-d1{margin-right:21px;}
.column2-box .listIndex-head {background:url(01-01-topListbg.jpg) no-repeat;width: 348px;height: 40px;overflow: hidden;}
.column2-box .listIndex-head .list-title {color: #1662b4;font-size: 22px;font-weight: bolder;line-height: 40px;margin-left: 52px;}
.column2-box .zzxx-listbg{padding-top:20px;margin-bottom:50px;}
.column2-box .zzxx-list{margin-bottom:18px;height:80px;}
.column2-box .zzxx-list:last-of-type{margin-bottom:0;}
.column2-box .zzxx-list .zzxx-list-left{float:left;width:140px;height:80px;border-radius: 5px;overflow: hidden;border:1px solid #DDDDDD;box-sizing: border-box;}
.column2-box .zzxx-list .zzxx-list-left a{display:block;width:140px;height:80px;}
.column2-box .zzxx-list .zzxx-list-left img{width:140px;height:80px;}
.column2-box .zzxx-list-right{width:182px;height:80px;float:right;box-sizing: border-box;position: relative;}
.column2-box .zzxx-list-right  span{font-size:14px;color:#999999;position: absolute;right:0;bottom:0;}
.column2-box .zzxx-list-right a{font-size: 16px;color:#333333;line-height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/*人防视频列表内容s*/
.list-contentrfvideo {width: 100%;overflow: hidden;list-style: none !important;margin-top:15px;}
.list-contentrfvideo li i {color: #b2d4f8;font-size: 16px;font-style: normal !important;box-sizing: border-box;vertical-align: middle;padding-right:10px;}
.list-contentrfvideo li .list-title{color: #3a3a3a;font-size: 16px;line-height: 43px;}
.list-contentrfvideo li .list-title {font-size:16px;color:#333333;display: inline-block;cursor: pointer;text-decoration: none;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.list-contentrfvideo li .list-title:hover {color: #1a89d7;}
/*人防视频列表内容e*/
.column2-box .wsbs-list{text-align: center;position:relative;margin-bottom:45px;}
.column2-box .wsbs-list .icon1{display:inline-block;position:absolute;width:74px;height:92px;top:42px;left:55px;}
.column2-box .wsbs-list .icon1 img{margin-bottom:10px;}
.column2-box .wsbs-list .icon1 p{font-size: 16px;color:#333333;}
.column2-box .wsbs-list .icon2{display:inline-block;position:absolute;width:74px;height:92px;top:42px;right:38px;}
.column2-box .wsbs-list .icon2 img{margin-bottom:10px;}
.column2-box .wsbs-list .icon2 p{font-size: 16px;color:#333333;}
.column2-box .wsbs-list .icon3{display:inline-block;position:absolute;width:74px;height:92px;top:168px;left:55px;}
.column2-box .wsbs-list .icon3 img{margin-bottom:10px;}
.column2-box .wsbs-list .icon3 p{font-size: 16px;color:#333333;}
.column2-box .wsbs-list .icon4{display:inline-block;position:absolute;width:74px;height:92px;top:166px;right:38px;}
.column2-box .wsbs-list .icon4 img{margin-bottom:10px;}
.column2-box .wsbs-list .icon4 p{font-size: 16px;color:#333333;}
.column2-box .wsbs-list .wsbsimg{margin-top:30px;}
/* 互动服务 */
.column2-box .hdfw-list{margin-top:30px;}
.column2-box .hdfw-list a{display: inline-block;width:100%;height:100%;}
.column2-box .hdfw-list ul{list-style-type: none;}
.column2-box .hdfw-list ul li{float:left;width:167px;height:97px;background: url(01-01-hdfwimg_05.png) no-repeat;margin-right:12px;margin-bottom:26px;}
.column2-box .hdfw-list ul li:hover{background: url(01-01-hdfwimg_03.png) no-repeat;}
.column2-box .hdfw-list ul li:nth-child(2n){margin-right:0;}
.column2-box .hdfw-list ul li a img{display: inline-block;margin-left:28px;vertical-align: text-bottom;margin-right: 8px;}
.column2-box .hdfw-list ul li a p{display: inline-block;text-align: center;line-height: 97px;}
.column2-box .hdfw-list ul li a span{display: inline-block;width: 70px;margin-top: 25.5px;}
.column2-box .hdfw-list ul li a .jjjcimg{vertical-align: super;}
.column2-box .hdfw-list .zmljlbg{width: 345px;height: 106px;background: url(01-01-hdfwimg_09.png) no-repeat;background-size: contain;}
.column2-box .hdfw-list .zmljlbg a{display:inline-block;width:169px;height:106px;text-align: center;}
.column2-box .hdfw-list .zmljlbg a div{display:inline-block;width:169px;height:62px;text-align: center;margin-top:18px;}
.column2-box .hdfw-list .zmljlbg a:nth-child(1){float:left;}
.column2-box .hdfw-list .zmljlbg a:nth-child(2){float:right;}
.column2-box .hdfw-list .zmljlbg a:nth-child(1) div{border-right:1px solid #D8E0E9;}
.column2-box .hdfw-list .zmljlbg a p{text-align: center;display: block;}
.column2-box .hdfw-list .zmljlbg a img{display: block;margin:0px auto 13px;}
.column2-box .hdfw-list .zmljlbg a:hover{background: url(01-01-hdfwimg_03.png) no-repeat;background-size: 100% 104px;}
.column2-box .ztxx-head{margin-top:40px;margin-bottom:30px;}
.column2-box .hdfw-list .zmljlbg .hdtjImg{margin-top:6px;}
/* 专题信息轮播图样式 */
.picScroll-top{position: relative;}
.picScroll-top a{display: inline-block;}
.picScroll-top .hd .next{ display:block;  width:18px; height:10px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
     cursor:pointer; background: url(01-01-indeximg_33.png) no-repeat;position: absolute;bottom: -10px;left: 50%;z-index: 999;}
.picScroll-top .hd ul{ float:right;  zoom:1; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; text-indent:-999px; cursor:pointer; background:red; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd{ overflow: hidden; }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; height: 341px;}
.picScroll-top .bd ul li{ text-align:center; zoom:1;}
.picScroll-top .bd ul li .pic{ text-align:center;margin-top:0; }
.picScroll-top .bd ul li .pic img{ width:346px; height:94px; display:block;}
.picScroll-top .bd ul li .title{ line-height:20px; height:20px;display: block;}
.tempwrap{margin-top:-20px;}
  .zzxx-listbg {
    min-height:374px
   }
   .list-contentrfvideo {
    min-height:258px
   }
.column2-box .wsbs-list {
   padding-top:0; 
    
}
.column2-box .wsbs-list .wsbsimg {
   margin-top: -2px;
   padding-left:40px;
   padding-top: 40px;
    margin-left: 0;
}
.zwgk-top ul {
    overflow: hidden;
    list-style: none;
    margin-top:12px;
}
.index-main .adver .item a {
	  display: block;
		width: 100%;
	}
	.index-main .adver img {
	  width: 100%;
	}
	.picScroll-top .hd .next {		background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjZjA3MTZiNi1lYjk5LTQ1MTItOGZjNS01NTJkZjFjNmI1MjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjc1Q0MyNDk5NzMzMTFFQTlDMkZBMDI1RDhGOTRENzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjUyNUNERUQ5NzMzMTFFQTlDMkZBMDI1RDhGOTRENzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OURGOTU4RTY3Qjk2RUExMTg3RUFCMkI5NUEyMzUzRDYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZjFkNWIwMi04ODIyLTExZWEtYmI0ZS1hMjI1YjcyZDFmNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7shz55AAAA3UlEQVR42pzQuwrCQBAF0CVsIX5XOl+NIBKwEQu1U8Ff0MJOxVS+UAQtRAQtbOz8FntTBGK8A1cIIdGQhZNid+bubLRt20+l1AiGKt3qQ9fAZwMDaKYIabN3rfHpQAam4MMsYYhcPGZ9zzBNU5pbsIQJWAlCLF48Z68vT1MMq8MOVlD9EyI1W2jwFUoHCjyoQZbTveAUCinCAo6s9b4HRqhQDipwhQPkQiGyd+HEXrBRR4zuQpkNe8hzX55955kbbtIx/0EKC3AmWQ8oRYX8CpLlMOwGb07mxBV/BBgAef41q1obnS0AAAAASUVORK5CYII=') no-repeat 100% 100%;
			
	}
@media screen and (max-width: 1200px) {
	.index-main {
		    margin-top: 1.4rem;
		}
		.column1-box {
		    height: auto;
				width: 100%;
				padding: 0 0.3rem;
				border-bottom: .2rem solid #EFEFEF;
		}
		.slide {
	   width: 100%;
		 height: auto;
		 padding: 0 .05rem;
		 margin-bottom: .4rem;
	}
	.box_img {
	    width: 100%;
	    height: 3.80rem;
	    overflow: hidden;
	}
	.box_img ul li,.box_img ul li a,.box_img ul li a > img {
	    width: 100%;
	    height: 100%;
	}
	.box_tab {
	    width: 100%;
	}
	.column1-box .ywdt {
	    width:100%;
			height: auto;
	}
	.box_tab a > span {
	  padding-right: 1rem;
		
	}
	.list-head {
	  width: 100% !important;
		margin-left: -.3rem !important;
	}
	.zwgk-top{
		border-bottom: .2rem solid #EFEFEF;
	}
	.zwgk-top ul {
		padding: .5rem .65rem .54rem;
	    display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-top: 0;
	}
	.zwgk-top li {
	    float: none;
	    width: 2.8rem;
	    height: .74rem;
			line-height: .74rem;
	    display: flex;
			background-size: 2.8rem .74rem;
			margin-top: .34rem;
			margin-right: 0;
	}
	.zwgk-top li a {
			width: 2.8rem;
			height: .74rem;
	    display: flex;
	    padding: 0 .22rem;
	}
	.zwgk-top li:hover{
		color: #1662b4;
		background-size: 2.8rem .74rem;
	}
	
	.zwgk-top li img {
	    margin-top: .14rem;
	    width: .45rem;
	    height: .47rem;
	}
	.zwgk-top li:nth-of-type(2) img { 
	    width: .41rem;
	    height: .47rem;
	}
	.zwgk-top li:nth-of-type(4) img {
	    width: .49rem;
	    height: .5rem;
	}
	.zwgk-top li p {
	    margin-top: 0;
	    font-size: .22rem;
	    flex: 1;
	}
	
	.column2-box .c-d1, .column2-box .c-d2, .column2-box .c-d3 {
	    border: none;
	    padding: 0;
			height: auto;
	}
	.column2-box .zzxx-list {
	    margin-bottom: .4rem;
	    height: auto;
	}
	.column2-box .zzxx-list .zzxx-list-left {
	    display: none;
	}
	.column2-box .zzxx-list-right {
		width: 100%;
		height: auto;
		float: none;
		display: flex;
		justify-content: space-between;
	}
	.column2-box .zzxx-list-right::before {
		content: '●';
		position: absolute;
		top: .05rem;
		left: 0;
		color: #b2d4f8;
		font-size: 16px;
		font-style: normal !important;
		padding: 0 ;
		box-sizing: border-box;
		vertical-align: middle;
	}
	.column2-box .zzxx-list-right a {  
			padding-left: .28rem;
	}
	.column2-box .zzxx-list-right p {
	    padding-right: 2rem;
	}
	.column2-box .zzxx-listbg {
	    padding-top: 0;
	    margin-bottom: 0;
			border-bottom: .2rem solid #EFEFEF;
			padding: .5rem .3rem .4rem;
			min-height: auto;
	}
	.mvideo{
	margin-top: .4rem;
	}
	.zzxx-listbg {
	   min-height:auto;
	  }
	.list-contentrfvideo{
		padding: 0 .3rem ;
		line-height:4;
		min-height: auto;
	}
	.column2-box .wsbs-list .icon1,.column2-box .wsbs-list .icon2,.column2-box .wsbs-list .icon3,.column2-box .wsbs-list .icon4 {
	    position: relative;
	    top: 0;
	    left: 0;
	}
	.column2-box .wsbs-list {
	    text-align: left;
	    display: flex;
	    
	}
	.column2-box .wsbs-list a {
	    width: 25%!important;
	    display: flex !important;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
			padding-top: .65rem;
	}
	.column2-box .hdfw-list {
	    padding: 0 .3rem .4rem;
			position: relative;
	}
	.column2-box .hdfw-list ul li {
	    float: left;
	    width: 1.9rem;
	    height: .92rem;
	    margin-right: .27rem;
	    margin-bottom: .27rem;
	}
	
	.column2-box .hdfw-list ul li {
	    background-size: 1.9rem .92rem;
	    
	}
	.column2-box .hdfw-list ul li:first-child { 
	    margin-right: .54rem;
	}
	.column2-box .hdfw-list ul li:hover{
		color: #1662b4;
		background-size: 1.9rem .92rem;
	}
	
	.column2-box .hdfw-list a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
			padding: 0 .17rem;
	}
	
	.column2-box .hdfw-list ul li a img {
	    
	    margin-left: 0;
	    
	}
	.column2-box .hdfw-list ul li a span {
	    
	    width: auto;
	    margin-top: 0;
	}
	.column2-box .hdfw-list ul li a p {
		line-height: normal;
	}
	.column2-box .hdfw-list ul li:nth-child(2) {
	    margin-right:.38rem;
	}
	.column2-box .hdfw-list .zmljlbg {
	   position: absolute;
		 bottom: .67rem;
		 right: 0.6rem;
		  width: 55.2%;
		 height: .92rem;
	   display: flex;
		 justify-content: space-between;
		 background-size: 100% 100%;
	}
	.column2-box .hdfw-list .zmljlbg a {
			width: 1.9rem;
			height: .92rem;
			display: flex;
	}
	.column2-box .hdfw-list .zmljlbg a:nth-child(1) { 
	    width: 3rem;
	    position: relative;
	}
	.column2-box .hdfw-list .zmljlbg a:nth-child(1)::after{
	  content: '';
	  position: absolute;
	  top: .14rem;
	  right: 0;
	  width: 1px;
	  height: .62rem;
	  background: #D8E0E9;
	}
	.column2-box .hdfw-list .zmljlbg a:nth-child(1) div{
	  border-right: none;
	}
	.column2-box .hdfw-list .zmljlbg a div {
	    display: flex;
	    justify-content: center;
	    align-items: center;
			margin-top: 0;
	}
	.column2-box .hdfw-list .zmljlbg a img {
	    margin: 0 .04rem 0 0 ;
	}
	.column2-box .hdfw-list .zmljlbg a:hover {
	    background-size: 100% 100%;
	}
	.picScroll-top{
		height: 6rem;
	}
	.picScroll-top .bd ul li .pic img{
		width: 622px;
	  height: 160px!important;
	  display: block;
		object-fit: cover;
		border-radius: .04rem;
		
	}
	.picScroll-top .hd .next{
		width: .38rem;
		height: .21rem;
		bottom: .12rem;
		margin: 0;
		background-size: 100% 100%;
	}
	
.slide {
   padding: 0 ;
}
.column1-box .list-content {
    width: 100%;
    height: auto;
    line-height: normal;
    margin: 0 0 -.3rem -.3rem;
    padding-top: .3rem;
}
.list-content li .list-title {
    display: block;
    width: auto!important;
    padding-left: .5rem;
    padding-right: 2rem;
}
.list-content li .list-date {   
    right: 0;
}
.picScroll-top .hd .next {
	background-size: .38rem .21rem;
	}
.column2-box .hdfw-list ul {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.column2-box .zzxx-listbg {
	    padding: .5rem .3rem 0;
	}
.watch-more {
    margin-top: .3rem;
}
}