@charset "utf-8";
/*===========================================================预警信息查询页面=========================*/
.con_map{height:647px;overflow:hidden;border:1px solid #dadada;position:relative;margin-bottom:10px}
/*自定义查询标题*/
.maps_search{position:absolute;top: 25px;right: 18px;width:353px;height:600px}
.maps_search h1{background-color:#dc6e39;height:40px;line-height:40px;padding:0 15px}
.maps_search h1 a{float:right;color:#fff}
.maps_search h1 a:hover{text-decoration:underline;}
.maps_search h1,.maps_con h1 a{font-size:14px;color:#fff}
.maps_con{background:url(../images/maps_bcg.png) repeat;border:1px solid #9a9a99;border-top:0}
/*页面预警图标*/
.maps_icon{position:absolute;top:0;left:0;width:100%;height:647px}
.maps_icon img{position:relative;}
.mapiocn1{top: 10em;left: 29em;}
.mapiocn2{top: 25em;left: 9em;}
.mapiocn3{top: 8em;left: 1em;}
/*轴型图*/
.mcon_ul{border-left:2px solid #dc6e39;margin-left:24px;}
.mcon_ul li{background: url(../images/maps_li1.png) no-repeat left center;height:50px;line-height:50px;padding-left: 32px;margin-left: -11px;position:relative}
li.liactivea{background: url(../images/maps_li2.png) no-repeat left center;}
li.liactiveb{background: url(../images/maps_li3.png) no-repeat left 11px;height: 26px;}
.mcon_ul li.ulia input{border:1px solid #b9b9b9;height:23px;width:141px;margin-right:10px}
.mcon_ul li.ulia a{color:#357ab2;text-decoration:underline;}
.mcon_ul li.ulia a:hover{color:#dc6e39;}
.maps_con h2{font-size:15px;border-bottom:1px solid #c2c2c2;margin-left:5px;padding: 10px 14px;}
.mcon_div{height:265px;margin-left:5px;overflow-y:auto}
.mcon_div .rollbar-content{width:340px}
.mcon_div ul li{padding: 9px 5px;}
.mcon_div ul li img{float:left;vertical-align: middle;margin-top: 4px;margin-right: 4px;}
/*多选框按钮*/
.icheckbox_square-blue{display:inline-block;margin:0;padding:0;width:27px;height:23px;cursor:pointer;background-image:url(../images/blue.png);background-repeat:no-repeat;border:1px solid #b9b9b9;}
.demo1 .icheckbox_square-blue{background-color: #0024ff;}
.demo2 .icheckbox_square-blue{background-color: #fde401;}
.demo3 .icheckbox_square-blue{background-color: #ff5a00;}
.demo4 .icheckbox_square-blue{background-color: #ff0016;}
.icheckbox_square-blue{background-position:0 0;}
.icheckbox_square-blue.checked {background-position:-27px 1px;}
/*省内重要预警，近期突发事件*/
.alist{float:left}
.alist .list_ul li,.blist .list_ul li{padding:3.2px 0}
.blist{margin-left:341px}
.blist .blist_img{float:left;padding:17px 44px 4px}
.blist .blist_img p{width:189px;font-size:13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blist .list_ul li a{width:277px}
/*预警信息统计量查询*/
.con_echarts{margin:18px 93px;}
.con_echarts .echart_nav{height:35px;line-height:35px;text-align:center;background-color:#ceecfc}
.con_echarts .echart_nav a{display:inline-block;text-decoration:underline;margin:0px 5px}
.con_echarts .echart_nav a:hover{color:#d7571c}
.con_echarts .echart_con{margin-top:18px}
/*预警知识普及*/
.con_popular{overflow:hidden;border:1px solid #c8c8c8;margin-bottom:10px;height:312px;}
.con_popular h1{height:32px;line-height:32px;background:#2d84db;color:#fff;padding-left:10px}
.con_popular ul{height:33px}
.con_popular ul li{float:left;width:25%;text-align:center;padding:8px 0;background-color:#669ace;color:#fff;cursor: pointer;}
.con_popular ul li:hover,.con_popular ul li.popularacvive{background-color:#1067be;}
.con_popular div{height:195px;padding:10px;word-wrap: break-word;line-height:25px;}
/*预警级别知识*/
.con_rank{border:1px solid #c8c8c8;background:#f6f6f6;overflow:hidden;height:312px;}
.rank_nav{height:32px;background:#7cb4ec;}
.rank_nav span{display:inline-block;height:71%;background: #2d84db;
    padding: 0 10px;
    color: #fff;
    font-size: 13px;
    padding: 5px;}
.con_rank ul{margin:0 8px}
.con_rank ul li{border-bottom:1px dashed #d4d3d3;color:#3f3f3f;font-size:14px;padding:18px 12px 10px;word-wrap: break-word;font-family: arial, "pingfang sc", stheiti, simsun, sans-serif;}
/*=================================================通知公告页面=========================*/
.lilt{float:left}
.lice{float:left;position:relative;left:3px}
.lirt{float:right !important}
/*国家突发公共事件预案体系*/
.con_plan{overflow:hidden;border:1px solid #dce0e4;margin-bottom:10px}
.con_plan .plan_navul li{float:left;width:25%;border-bottom:1px solid #dfe2e6;height:38px;line-height:38px;text-align:center;color:#5a5a5a;cursor: pointer;font-size:15px;font-weight:600;background:#f3f3f3}
.con_plan .plan_navul li:hover,.con_plan .plan_navul li.planactive{border-bottom: 1.5px solid #2d87e6;color: #2d87e6;}
.plan_con{padding:31px 34px 0 34px;background:#f8f8f8;height:341px} 
.plan_con p{word-wrap: break-word;}
.plan_con p a{font-weight:bold;color:#000;float:right}
.plan_con p a:hover{color:#F00}
.plan_ul{width:788px;height:213px;background:url(../images/plan_bcg.png);margin: 23px auto;}
.planlt{float:left;border:none;padding: 12px 0;width: 50%;text-align: center;}
.planlt ul li{padding:2px 0}
.plan1 img{float:left}
.plan1 div{overflow:hidden;height:290px;word-wrap: break-word;}
.plan1 div p.pp1{text-indent:1em}
.plan1 div p.pp2{text-indent:2em}
/*应急动态*/
.con_dynamic,.con_dytrial{border:1px solid #d6d6d6;overflow:hidden;float:left;width:49.4%;margin-bottom:10px;}
.con_dynamic h1 span{padding:0 40px}
.dynamic_img{float:left;padding: 29px 28.2px 0 28.2px;}
.dynamic_img p a{display:inline-block;font-size:15px;color:#2b2b2b;width:190px;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;overflow: hidden;}
.dynamic_img p img{width:190px;height:150px}
.con_dynamic .list_ul{background:#f2f1f1;overflow:hidden;padding: 10px 11px;}
.con_dynamic .list_ul li{padding: 3px 0;}
.con_dynamic .list_ul li a{width: 341px;}
/*============================================公告安全页面=========================*/
/*应急指南*/
.con_guide{overflow:hidden;border:1px solid #d2d2d2;margin-bottom:10px}
.emergency_con p{padding:16px 0 8px;
pxbackground: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff)) !important;
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%) !important;
background: linear-gradient(to bottom, #e2e2e2, #ffffff) !important;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e2e2e2',endColorStr='#ffffff',gradientType='0') !important;}
.emergency_con p strong{display:inline-block;padding:5px 0 5px 24px}
.emergency_con p strong,.emergency_con p strong span{font-size:16px}
.emergency_con .emercul li{float:left;background:#c07474;border:1px solid #bec3c8;padding:19.8px;font-size:16px;color:#fff}
.emergency_con .emercul li:hover,.emergency_con .emercul .emerculactive{background:#1c5096;}
.emergency_con .emercul li img{float:left;}
.emerul li{padding:1.75px 0}
.con_omen{background:#077ad8;height:272px;overflow:hidden;margin-bottom:10px}
.omen_top{height:199px;margin:5px;background:#296bc5;    margin-left: 0px;
    margin-right: 0px;}
.omen_top img{float:left;margin-right:10px;max-width:330px;height:199px;}
.omen_top p{color:#fff;word-wrap: break-word;padding: 7px 11px 4px;}
.omen_top p.p1{font-size:20px}
.omen_top p a{float:right;color:#fff}
.omen_top p a:hover{color:#F00}
.omen_bot{height:63px;background:#17529f;padding-left:22%}
.omen_bot ul li{float:left;margin:7px 7px 0 7px;cursor: pointer;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.omen_bot ul li:hover,.omen_bot ul li.omenactive{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;}
.omen_bot ul li img{max-width:79px;height:50px;}
/**/
.liau{width:99.8%}
.con_dytrial .list_ul{overflow:hidden;height:94px}
.con_dytrial .list_ul li{float:left;margin:0;padding:5px 0}
.con_dytrial .list_ul li a{width:210px}
.con_trial{overflow:hidden;padding:25px 15px 15px 15px;border-bottom:1px dashed #d5d3d3;height:92px;}
.con_trial img{float:left;margin-right:15px;max-width:152px;height:92px;width: 100%;}
.con_trial p{word-wrap: break-word;padding:2px 0}
.con_trial p.p1 a{color:#000}
.con_trial p.p1 a:hover{color:#f14951;text-decoration:underline}
.con_trial p.p2{height:68px;overflow:hidden}

.con_dytrial .cdya li{float:left;margin: 26px 15.7px;}
.con_dytrial .cdya li img{width:93px;height:125px;}
.con_dytrial .cdyb li{float:left;margin: 26px 12.1px;}
.con_dytrial .cdyb p{width:175px;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;overflow: hidden;}
.con_dytrial .cdyb p a:hover{color:#f14951;text-decoration:underline}

/*============================================政策法规页面=========================*/
.cdy .list_ul{background:#fff}
/*横向折叠*/
.con_code{height: 304px;background:#34383b;margin-bottom:10px;padding: 15px 0 15px 15px;}
.con_code .handle{float:left;margin:0 5px;width: 20px;height:294px;cursor:pointer;background:#c07474;text-align:center;color:#ffffff;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;writing-mode:tb-rl;padding: 14px 14px 0 14px;}
.con_code .handle:hover{background:#8a1d00;}
.con_code .select{background:#8a1d00;}
.con_code .slide{float:left;width:669px;height:304px;display:none;margin:0 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#f2f2f2;}
.con_code .list_ul{padding: 10px 33px;}
.con_code .list_ul li{padding-bottom: 8px;border-bottom:1px dashed #d2d1d1;overflow: hidden;width: 585px;}
.con_code .list_ul li a{width:470px}
.con_code a.codea{float:right;margin-right: 45px;}
.con_code a.codea:hover{color:#f14951;text-decoration:underline}
/*============================================微博联盟页面=========================*/
.con_microblog{border:1px solid #d2d2d2;padding:9px;margin-bottom:10px;height:180px;}
.con_microblog ul li{
	float:left;
	width:146px;
	border:1px solid #d4d9df;
	background:#f3f3f3;
	text-align: center;
	cursor: pointer;
	padding-top: 3px;
	margin-left: 7px;
}
.con_microblog ul li:hover{border:1px solid #83109f;}
.con_microblog ul li a{display: inline-block;}
.weChat ul li{height: 173px;}
.con_volunteers{height:337px;margin-bottom:10px;position:relative}


.vol_login{width:417px;height:229px;position:absolute;right:104px;top:58px;padding-top:36px}
.vol_login .div_user{display:block;width:291px;height:35px;margin-top:12px; overflow:hidden;line-height:35px;background:url(../images/frame_1.png) no-repeat left top;}
.vol_login label.div_btn{margin-left:62px}
.vol_login label img{vertical-align:middle; margin:0 5px 0 10px;}
.vol_login label a{color:#fff;margin-right:10px;font-size:16px}
.vol_login label a:hover{color:#900;}
.inputtext{margin-left:20px; width:186px; height:23px; border:none;  background:none; line-height:23px; }

:-moz-placeholder {color: #6f6f6f;}
::-moz-placeholder {color: #6f6f6f;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #6f6f6f;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #6f6f6f;}
.vol_login label a.inputbut{width:111px;height:31px; margin-top:20px; line-height:31px; background:url(../images/login_btn.png) no-repeat;border:0;color:#6c3705;outline:none;font-size:16px;display:inline-block;text-align:center}
.vol_login label a.inputbut:hover{background:url(../images/login_input_hover.png) no-repeat;color:#3f3f3f;}
/*============================================三级页面=========================*/
.cltc{width:353px;}
.cltc .con_list .list_ul li a{width:262px}
/*=======07========*/
.signal_ul li{float:left;width: 20%;text-align: center;margin: 13px 0;}
.signal_ul li a{font-size:13px}
.defense_ul li{float:left;width: 33.33%;text-align: center;margin: 18px 0 10px;}
.ds{margin:1em 0}
.focus_rt{background:#f6f6f6;-moz-box-shadow:inset 3px 0px 3px #D5D2D2;-webkit-box-shadow:inset 3px 0px 3px #D5D2D2;box-shadow:inset 3px 0px 3px #D5D2D2}
.focus_rt h1 div{background: url(../images/boxlists.png) repeat-x 1px #f6f6f6;}
.focus_rt h1 div span,.focus_rt h1 div a{background:#f6f6f6}
.focus_rt ul li{border-bottom:1px dashed #d4d3d3;padding:3.15px 0}
.focus_rt ul li a{width:280px}
/*时间轴*/
.con_timeaxis{background: url(../images/timeaxis_bcg.png) 160px 0 repeat-y;}
.con_timeaxis li{background: url(../images/timeaxis1.png) no-repeat 155px 42px;position:relative;padding: 20px 0;overflow: hidden;}
.con_timeaxis li.liactive{background: url(../images/timeaxis2.png) no-repeat 155px 42px;}
.timeaxis_lt{width:88px;height:46px;border:1px solid #d5d5d5;background:#fff;position:relative;left:32px;top:11px;padding-left:14px;padding-top:10px;float:left;}
.timeaxis_lt img{position:absolute;top: 10px;right: -13px;}
.timeaxis_rt{width:382px;height:82px;border:1px solid #d5d5d5;background:#fff;position:relative;float: right;left:-26px;top:10px;padding:12px 11px 12px 19px}
.timeaxis_rt img.timg{position:absolute;top: 6px;left: -14px;}
.timeaxis_rt h1{padding-bottom:10px;border-bottom:1px solid #d5d5d5}
.timeaxis_rt div{overflow:hidden;padding-top:5px}
.timeaxis_rt div img{float:left;padding-top:8px}
.timeaxis_rt div p{margin-left:35px;word-wrap: break-word;}

/*=======08========*/ 
.crtc{margin-left:363px;min-height:617px;margin-bottom:10px;position:relative;padding-bottom: 2em;}
.crbcg{border:1px solid #8bb9fe;border-top:5px solid #3173d7;background:#f7f7f7;overflow:hidden}
.con_detailss{overflow:hidden;}
.con_detailss h1.h1{font-size:22px;color:#000;text-align:center;border-bottom:1px solid #dddddd;margin:30px 10px 8px;padding-bottom:10px}
.con_detailss h1.h1 img{vertical-align: middle;}
.con_detailss p.p1{font-size:13px;text-align:center;color:#999999}
.detailss{overflow:hidden;margin:0 1em 10px 1em;}
.detailss h1,.detailss p{font-size:16px;word-wrap: break-word;}
.detailss h1.h2{color:#0638ac;margin:20px 0;text-indent: 2em;}
.detailss h1.h3{color:#4b4b4b;margin-top:20px;text-indent: 2em;}
.detailss p.pcon{text-indent: 2em;color:#5a5a5a}
.detailss p.pfoot{float:right;margin:15px 0;color:#909090}
/*=======09========*/
.crbcg_nav{height:37px;line-height:37px;font-size:16px;padding-left:15px;border-bottom:1px solid #d5d5d5;background:#f7f7f7}
.crlua li{padding:5px 0}
.crlua li a{width:440px}
.crbcg_foot{text-align:center;background:#e7e7e7;position:absolute;bottom:0;width:100%;padding: 19px 0;}
.crbcg_foot a:hover{text-decoration:underline;color:#c4182c}
.crbcg_foot span{display:inline-block;width: 28px;height: 14px;border:1px solid #808080;font-size:12px;}
/*=======10========*/
.crbcg_nav1{font-size:16px;color:#af835a;border-top:1px solid #dddddd;margin:20px 10px;padding-top:10px}


/**社会参与 start**/
.bk {
    width: 100%;
    height: 337px;
    background: #e8eaf3;
    position: absolute;
	}
.share{
	display: inline-block;
    float: right;
    list-style: none;
    position: relative;
    margin-top: 58px;
    margin-right: 51px;
    color: #143497;
    font-family: 微软雅黑;
    font-size: 1.4em;
    text-align: right;
    line-height: 1.5em;
	}
.trapezoid-bk{
	position: absolute;
    height: 337px;
    width: 100%;
	}
.trapezoid{
	border-top: 337px solid #a5afdb;
    border-left: 0px solid transparent;
    border-right: 242px solid transparent;
    width:50%;
	}
.trapezoid-gra{
	position: absolute;
    top: 0px;
    border-top: 337px solid #7181c6;
    border-left: 0px solid transparent;
    border-right: 242px solid transparent;
    width: 49%;
	}
.trapezoid-gra1{
	position: absolute;
    top: 0px;
    border-top: 337px solid #485cb5;
    border-left: 0px solid transparent;
    border-right: 242px solid transparent;
    width: 47%;
	}
.trapezoid-gra2{
	position: absolute;
    top: 0px;
    border-top: 337px solid #1d3499;
    border-left: 0px solid transparent;
    border-right: 242px solid transparent;
    width: 44%;
	}
.trapezoid-gra3{
	position: absolute;
    top: 0px;
    border-top: 337px solid #081e82;
    border-left: 0px solid transparent;
    border-right: 242px solid transparent;
    width: 40%;
	}
.trapezoid-gra4{
	position: absolute;
    top: 0px;
    border-top: 337px solid #001262;
    border-left: 0px solid transparent;
    border-right: 242px solid transparent;
    width: 35%;
	}
h2{
	z-index: 1;
	white-space: nowrap;
    color: #FFFFFF;
	width:auto;
    font-family: "宋体";
    text-align: center;
    position: absolute;
    top: 38px;
    left: 3%;
    font-size: 2.3em;
	}
.bk-wz{
	display: inline-block;
    width: 45%;
    position: absolute;
    top: 282px;
    z-index: 999999999999;
    right: 0px;
	}
.bk-wz-right-pic{
	z-index:1;
    position: absolute;
    top:120px;
    left: 32.5%;
	}
.bk-wz-nr{
	display: inline-block;
	list-style: none;
	color: #7b7b7b;
	font-family:"微软雅黑";
	font-size:0.8em;
	font-weight:bold;
	}
.bk-wz-nr1{
	    white-space: nowrap;
    display: inline-block;
    width: 100%;
	}
.bk-wz-nr2{
	    white-space: nowrap;
    z-index: 3;
    right: 31px;
    display: inline-block;
    width: 100%;
	}
.bk-wz-nr-Position{
    display: inline-block;
    padding: 0 17px;
	}
.down-app{
	z-index: 1;
    position: absolute;
    top: 150px;
    right: 229px;
	}
.btn{
	padding-top:18px;
	font-family:"微软雅黑";
	font-size:0.8em;
	border-radius:5px;
	cursor:pointer;
    width: 130px;
    height: 50px;
    background: -o-linear-gradinet(bottom,#619919,#95f01e);
	background:-webkit-gradient(linear,bottom,from(0,#619919),to(1,#95f01e));
	background:-webkit-linear-gradient(bottom,#619919,#95f01e);
	background:-moz-linear-gradient(bottom,#619919,#95f01e);
	color:#345408;
	border:#999999 1px solid;
	outline:medium;
	box-shadow:5px 5px 15px #1F1F1F;
	font-weight:bold;
	}
.store-down{
	color:#345408;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 1.2em;
	list-style: none;
    position: absolute;
    top: 5px;
    left: 45px;
	}
.phone-Introduction{
	position: absolute;
    top: 136px;
    right: 5px;
    display: inline-block;
    font-size: 0.1em;
    list-style: none;
    z-index: 1;
    line-height: 1.6em;
	}
.phone-Introduction-android{
	position: relative;
    top: 10px;
    display: inline-block;
	}
	
.bk .down-img{
	height: 176px; position: absolute; z-index: 2; right: 10px; top: 100px;
}

.bk .down-img .down-android{
	width: 170px; float: left; text-align: center;
}
.bk .down-img .down-ios{
	width: 170px; float: right; text-align: center;
}
.bk .down-img .down-android > dt > img,
.bk .down-img .down-ios > dt > img{
	width:150px;height:150px;
}
.bk .down-img .down-android > dd,
.bk .down-img .down-ios > dd{
	text-align: center; color: #4F8474; font-size: 15px; font-weight: bold;
}
	
.bk-wz-nr-up-big{
	color: #153496;
    float: left;
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 1.4em;
    padding: 0 36px;
	}
.bk-right-app-bcimg{
	position: absolute;
    top: 0%;
    width: 105px;
    height: 187px;
    background-repeat: no-repeat;
	box-shadow: 25px 0px 35px #04142A;
    transform: perspective( 453px ) rotateY( 32deg );
	}
.bk-right-app-bcimg-moved{
	transform: perspective( 453px ) rotateY( 32deg );
    margin: 0 -80px;
    box-shadow: 25px 0px 35px #04142A;
    position: absolute;
	}
.bk-right-app-bcimg-moved-1{
	transform: perspective( 453px ) rotateY( 32deg );
    margin: 0 -165px;
	}
.bk-right-app-bcimg-moved-2{
	margin: 0 -250px;
    transform: perspective( 453px ) rotateY( 32deg );
	}
.bk-right-app-bcimg-moved-3{
	margin: 0 -335px;
    transform: perspective( 453px ) rotateY( 32deg );
	}
.bk-right-app-bcimg-moved-4{
	margin: 0 -420px;
    transform: perspective( 453px ) rotateY( 32deg );
	}
/***社会参与 end**/