@charset "utf-8";
/* CSS Document */
@import url("top.css");
@import url("base.css");
* { padding: 0px; margin: 0px; text-decoration: none; }
body {font: 14px/1.5 "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "SimHei", "黑体", "Arial Narrow"; }
.body_bg{ background:#fff;}
.last{ border:none;}


/* 内容区 */
.content { width: 100%; margin: 0 auto; padding-top:0px; }
/* 第一栏 */
.firstcont { overflow: hidden;padding-bottom: 60px; padding-top:60px; }
.first_cont { width: 1200px; margin: 0 auto; }
.ddyyw_title{ margin-bottom:30px;}
.fzjz_cont{}
/* 防震减灾知识（图文篇） */
.picScroll-left{ position:relative;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:35px; height:35px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; position:absolute; z-index:3; top:40%;}
		.picScroll-left .hd .next{ background:url(../images/right.png) no-repeat; right:-50px;}
		.picScroll-left .hd .prev{ background:url(../images/left.png) no-repeat; left:-50px;}
		.picScroll-left .bd{ padding:0px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
				.picScroll-left .bd ul li .pic img{width: 380px;height: 500px;display:block;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px; font-size:16px; margin-top:10px;}



/* 防震减灾知识视频 */
.video{ background:url(../images/second.jpg) no-repeat;padding-bottom: 80px;}
.gallery-top{ }
.first_left{background:url(../images/bg_video.png) no-repeat; padding:20px; width:869px; height:491px; float: left;}



.picScroll-top{ margin:0 auto;  width:225px;  overflow:hidden; position:relative; float:right;}
.picScroll-top .hd{ position:relative;}
		.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:50px; height:13px; float:right; overflow:hidden;cursor:pointer; position:absolute; left:80px; z-index:9;}
		.picScroll-top .hd .next{background:url(../images/ico_prev.png) no-repeat; top:500px;}
		.picScroll-top .hd .prev{background:url(../images/ico_next.png) no-repeat; top:0px;}
		.picScroll-top .bd{ padding:0px; margin:30px 0px;}
		.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-top .bd ul li{ text-align:center; zoom:1; cursor:pointer;}
		.picScroll-top .bd ul li .pic{ text-align:center; }
		.picScroll-top .bd ul li .pic img{ width:205px; height:110px; display:block; border:10px solid #fecd8a; }
		.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-top .bd ul li .title{ line-height:24px; }

.video_title{ height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:rgba(0,0,0,0.5)}
.picScroll-top .bd ul li.active img{ border:10px solid #e00908}


/* 开通地震手机预警方法 */
.dz_left{ width:350px; height:517px; float:left;}
.dz_right{ width:830px; height:517px; float:right;}


.slideBoxp { width: 350px; height: 517px; overflow: hidden; position: relative; }
.slideBoxp .hd { height: 18px; overflow: hidden; position: absolute; right: 5px; bottom: 10px; z-index: 1; }
.slideBoxp .hd ul { overflow: hidden; zoom: 1; float: left;  }
.slideBoxp .hd ul li { float: left; margin-right: 5px; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; list-style: none; position: relative; border-radius: 50%; }
.slideBoxp .hd ul li.on { background: #e04744; color: #fff; }
.slideBoxp .bd { position: relative; z-index: 0; }
.slideBoxp .bd a{ padding:0px; margin:0px; *margin-top:-10px;margin-top:-20px\0; display:block;}
.slideBoxp .bd li { zoom: 1; vertical-align: middle; }
.slideBoxp .bd img { width: 350px; height: 517px; display: block; padding:0px; border:none;}
.news_pic_wz { position: absolute; height: 50px; background:url(../images/hei.png); line-height: 50px; font-size: 16px; padding-left: 20px; bottom: 0px; color: #fff; width: 100%; }


.slideBoxps { width: 830px; height: 517px; overflow: hidden; position: relative; }
.slideBoxps .hd { height: 18px; overflow: hidden; position: absolute; right: 5px; bottom: 10px; z-index: 1; }
.slideBoxps .hd ul { overflow: hidden; zoom: 1; float: left;  }
.slideBoxps .hd ul li { float: left; margin-right: 5px; width: 14px; height: 14px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; list-style: none; position: relative; border-radius: 50%; }
.slideBoxps .hd ul li.on { background: #e04744; color: #fff; }
.slideBoxps .bd { position: relative; z-index: 0; }
.slideBoxps .bd a{ padding:0px; margin:0px; *margin-top:-10px;margin-top:-20px\0; display:block;}
.slideBoxps .bd li { zoom: 1; vertical-align: middle; }
.slideBoxps .bd img { width: 830px; height: 517px; display: block; padding:0px; border:none;}